Файл: Создание webсайта с помощью текстового редактора.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 19.03.2024

Просмотров: 13

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Практическая работа

Тема: Создание web-сайта с помощью текстового редактора.

Цели: Научиться создавать web-сайт с помощью тестового редактора; освоить приемы создания web-страниц и web-сайтов с помощью текстового процессора .

Оборудование: ПК, текстовый редактор.

Ход работы:

Задание 1. Откройте текстовый редактор в OpenOffice.org. Нажмите файл – создать – документ html. На рабочем столе создайте папку с названием OOSite. Сохраните файл в папку OOSite, дав ему название index.html. В папке OOSite создадим папку для рисунков, с именем images. Cкопируем в эту папку картинку для фона, которую можете найти на компьютере или в Интернете. В нашем файле кликаем Формат – Страница – Фон, далее, тип фона выбираем Графический объект, и по нажатии на кнопку Обзор, переходим в папку нашего проекта – images, где выбираем файл, который Вы выбрали. И кликаем последовательно кнопки Открыть и OK.

Задание 2. Жмём в меню: Вставка - Таблицу, и в новом окне выбираем один столбец и одну строку, далее кликаем OK. Выделив таблицу кликаем в меню: Таблица - Свойства таблицы. Во вкладке Таблица – в правой части, выбираем выравнивание По центру. В настройках ширины выбираем – Относительная, и задаём ширину в процентах – в нашем случае – 60%. Переходим к вкладке На странице, здесь мы настраиваем выравнивание содержимое таблицы. Выбираю По середине и перехожу к вкладке Обрамление, где настраивается тип рамки и её толщина, выбираю тип - одну линию и выбираю толщину рамки - 0,5 pt. Далее я задаю белый цвет фона таблицы на вкладке Фон. Жмём OK. Вводим текст. («Всемирная паутина»)

«Всемирная паутина»


Всемирная паутина  ( World Wide Web) — , предоставляющая доступ к  между собой документам, расположенным на различных , подключённых к сети . Для обозначения Всемирной паутины также используют слово веб ( web «паутина») и аббревиатуру WWW.

Всемирную паутину образуют сотни миллионов . Большинство ресурсов Всемирной паутины основано на технологии . Гипертекстовые документы, размещаемые во Всемирной паутине, называются . Несколько веб-страниц, объединённых общей темой или , а также связанных между собой ссылками и обычно находящихся на одном и том же , называются . Для загрузки и просмотра веб-страниц используются специальные программы —  ( browser).

Всемирная паутина вызвала настоящую революцию в  и дала мощный толчок развитию . В , говоря об Интернете, часто имеют в виду именно Всемирную паутину. Однако важно понимать, что это не одно и то же.
Между таблицей шапки сайта и таблицей контента необходимо сделать отступ. В силу того, что браузеры по-разному отрабатывают теги перевода строки, отступ между таблицами сделаем с помощью дополнительной таблицы. У этой, дополнительной таблицы, уберём рамку, чтобы она не отображалась на странице браузера. Теперь выставляем курсор ниже разделительной таблицы и добавляем новую таблицу, кликнув последовательно на кнопки меню: Таблица - Вставить - Таблица. В появившемся окне, выбираем одну строку и один столбец. Таблица для контента создана, теперь её нужно отредактировать. Кликаем в таблицу курсором мышки и выбираем в меню: Таблица - Свойства таблицы. Открывается окно редактирования таблицы, где мы задаём ширину таблицы 80%, фон таблицы Белый, рамка одинарная, с линией, толщиной 0,5 pt. Жмём кнопку OK и Сохранить. Вводим текст («Всемирная паутина. История создания»).

«Всемирная паутина. История создания»


Изобретателями всемирной паутины считаются  и, в меньшей степени, . Тим Бернерс-Ли является автором технологий , / и . В  он работал в  ( conseil européen pour la recherche nucléaire, ) консультантом по программному обеспечению. Именно там, в  (), он для собственных нужд написал программу «» ( Enquire, можно вольно перевести как «Дознаватель»), которая использовала случайные ассоциации для хранения данных и заложила концептуальную основу для Всемирной паутины.

В 1989 году, работая в  над внутренней сетью организации, Тим Бернерс-Ли предложил глобальный гипертекстовый проект, теперь известный как «Всемирная паутина». Проект подразумевал публикацию  документов, связанных между собой , что облегчило бы поиск и консолидацию информации для учёных CERN. Для осуществления проекта Тимом Бернерсом-Ли (совместно с его помощниками) были изобретены идентификаторы , протокол  и язык . Это технологии, без которых уже нельзя себе представить современный . В период с  по  Бернерс-Ли усовершенствовал технические спецификации этих стандартов и опубликовал их. Но, всё же, официально годом рождения Всемирной паутины нужно считать .
Сохраняем нашу web - страницу, нажав иконку Сохранить на панели управления редактора Writer. Чтобы просматривать результат нашей работы. Откроем файл index.html с помощью браузера.
Задание 3. Создайте с помощью текстового процессора  web-сайт «Мой сайт», состоящий из пяти страниц:

Страница 1 должна содержать:

  • заголовок;

  • гиперссылки: «Обо мне», «Моя семья», «Друзья», «Мои увлечения».

Страницы 2, 3, 4 и 5 должны содержать:

  • заголовок;

  • по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);

  • фотографии (минимум по одной на каждой странице).

Сайт должен содержать информацию о вас, а также ваших родственниках, друзьях и т.п.

Требования к сайту:


  • заголовки и гиперссылки выравнивать по центру;

  • для абзацев текста использовать различные варианты выравнивания (по ширине, по левому краю, по правому краю);

  • использовать разные способы выравнивания фотографий;

  • обязателен фоновый цвет страницы;

  • на каждой странице должен быть заголовок окна;

  • для заголовков использовать шрифт Arial, для основного текста – Verdana (размеры подобрать самостоятельно).


Задание 4. Протестируйте работоспособность сайта в браузере (по возможность в двух различных). Протестируйте работоспособность сайта при выключенной графике.
Задание 5. Создайте сайт кинотеатра «Сатурн».

Страница 1 должна содержать:

  • заголовок;

  • гиперссылки: «О кинотеатре», «Расписание на сегодня», «Блокбастеры», «Комедии», «Драма».

Страницы 2, 3, 4 и 5 должны содержать:

  • заголовок;

  • по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);

  • фотографии (минимум по одной на каждой странице).

Сайт должен содержать информацию о кинотеатре, времени работы, котактной информации, афиш.

Контрольные вопросы

  1. Что такое web-сайт?

  2. Что такое web-страница?

  3. Как создать web-страницу с помощью текстового редактора MS Word?

  4. Как в MS Word непосредственно отредактировать HTML-код?