Практическая работа по информатике. создание сайта в текстовом процессоре. Создание webсайта с помощью текстового редактора
 Скачать 497.39 Kb.
|
|
Практическая работа Тема: Создание 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-код? |