ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 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 должны содержать:
-
заголовок; -
по два или более отформатированных абзаца текста (один абзац не менее трех полных строк); -
фотографии (минимум по одной на каждой странице).
Сайт должен содержать информацию о кинотеатре, времени работы, котактной информации, афиш.
Контрольные вопросы
-
Что такое web-сайт? -
Что такое web-страница? -
Как создать web-страницу с помощью текстового редактора MS Word? -
Как в MS Word непосредственно отредактировать HTML-код?