
- •Курс: «телекоммуникационные и компьютерные технологии в политической журналистике»
- •Модуль 3.
- •Что такое Web-сайт.
- •Язык создания Web-страниц.
- •Задания для самостоятельной работы.
- •Тестовые вопросы по модулю.
- •Глоссарий.
- •А) Основная литература.
- •Б) Дополнительная литература
- •Модуль 3. Создания Web-сайтов с помощью html-языка. Модульная лекция: мл 3-1.
- •Что такое Web-сайт.
- •Этапы проектирования и создания Web-сайта
- •2. Язык создания Web-страниц.
- •Модульная лекция: мл 3-2
- •2.1. Структура html- документа.
- •2.2. Элемент body и его параметры.
- •2. 3. Тэги форматирования текста.
- •Элемент font
- •Модульная лекция: мл 3-3
- •2.4. Преформатированный текст - тэг pre.
- •2.5. Заголовки - элементы h1,h2,h3,h4,h5,h6
- •2.6. Создание списков.
- •2.6.1. Упорядоченные (нумерованные) списки
- •2.6.2. Неупорядоченные списки
- •2.6.3. Маркированные списки.
- •2.6.4. Вложенные списки.
- •2.6.5. Списки определений
- •Модульная лекция: мл 3-4
- •2.7. Использование звуковых файлов.
- •2.7. 1. Воспроизведение файлов формата мрз
- •.2.8. Навигация по html-документам.
- •2.8. 1. Внутренняя навигация - по страницам html-документа.
- •Модульная лекция: мл 3-5.
- •2.9. Создание таблиц.
- •Модульная лекция: мл 3-6.
- •2.10. Создание форм. Элементы формы.
- •Элемент textarea
- •Модульная лекция: мл 3-7.
- •2.11. Создание фреймов.
- •Модульная лекция: мл 3-8
- •2.12. Создание таблицы стилей - css.
- •2.12. 1.Формирование листа стилей
- •2.12.2. Что такое css ?
- •Модульная лекция: мл 3-9
- •2.12.3. Чем css отличается от html ?
- •2.12.4. Синтаксис и принцип работы css.
- •2.12.5. Типы селекторов в css
- •Модульная лекция: мл 3-10
- •2.12.6. Использование стилей внутри тэга.
- •Регистрация Web-сайта в Интернете
- •Загрузка новых файлов на сервер.
- •5. Задания для самостоятельной работы.
- •6. Тесты для промежуточного контроля.
- •7. Глоссарий.
Модуль 3. Создания Web-сайтов с помощью html-языка. Модульная лекция: мл 3-1.
Что такое Web-сайт.
Как известно, основной объем информации, доступной в сети Интернет, размещается во «всемирной паутине» - World Wide Web (WWW) - информационной системе, подобной гигантской библиотеке. В этой библиотеке информация представлена в виде связанных между собой документов, которые называются Web-страницами. Каждая Web-страниц может содержать текст, рисунки, видео, звукозаписи, и др. Такие страницы могут размещаться на компьютерах в любой части света. Множество страниц, объединенных некоторой общей темой и помещенных, как правило, на одном компьютере, называется Web-узлом или сайтом. Узлы Web-узлы подобны книгам, а Web- страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-сайтов. Основная служба Internet WWW (“всемирная паутина”) связывает между собой Web-сайты, состоящие из Web-страниц.
Просмотреть любую Web-страницу можно с помощью специальных программ - браузеров, наиболее популярные из которых Internet Explorer, Opera, Mozilla и Netscape.
Многие пользователи создают свои личные «домашние» страницы, где помещают информацию о себе, своих интересах, своих друзьях с фотографиями и другими сведениями.
Этапы проектирования и создания Web-сайта
После создания Web-страниц из них можно объединить в один Web-сайт (файл) и разместить его в Интернете. Прежде всего, необходимо точно определить назначение сайта. Как, правило, сайты создаются для того, чтобы заявить о себе или о своей организации, сообщить о своих достижениях, дать рекламу о товарах или услугах и прочее. Кроме назначения сайта нужно определить круг его потенциальных посетителей, на которых будет рассчитан разрабатываемый сайт. Материал, который планируется опубликовать на сайте, нужно организовать в определенную структуру. Самой главной является начальная (домашняя homepage) страница сайта, которая содержит различные объекты и ссылки, позволяющие переходить на другие страницы сайта. Для путешествия по страницам в любом направлении сайта на каждой странице нужно разместить ссылки для перехода по кнопкам «назад», «вперед». Удобная навигация привлекает посетителей возвращаться на сайт с такой навигационной структурой.
После создания Web-страниц необходимо их записать в отдельную папку, в которой нужно иметь также вложенную папку с файлами рисунков, звуков и видео файлов. При сохранении Web-страниц файлу нужно присвоить тип гипертекстового файла (имя.html). Имя файлов должны быть набраны строчными латинскими буквами. Например, primer1.html, index0.html, hello.html и т.д. Файлы рисунков должны храниться в формате GIF или JPEG. Стартовой (главной) странице рекомендуется присвоить имя index0.html.
После создания Web-сайта необходимо загрузить его первую страницу (index0.html) и убедиться, что все переходы на другие страницы работают, страницы отображаются нужным образом, а рисунки выводятся на страницы. Если какой-либо рисунок не выводится на странице, то необходимо проверить правильность ссылки на имя файла рисунка и правильность указанного пути к файлу документа. Браузер игнорирует обнаруженные ошибки. При этом никаких сообщений о выявленных ошибках не выдается.