2.4 Выбор компоновки Web-страниц
Обосновать выбор компоновки для страниц Web-сайта.
Существуют следующие наиболее распространенные компоновки Web-страниц (рисунок хх) в соответствии с расположением навигационной панели:
- левосторонняя (правосторонняя);
- с верхним расположением навигации;
- комбинированная.
-
Левосторонняя компоновка
Верхнее позиционирование
Комбинированная компоновка
Рисунок хх – Виды компоновок Web-страниц
Указать выбранную компоновку.
Для каждой Web-страницы привести выбранную компоновку (расположение текста, рисунков, таблиц и т.п.).
Например, разметка главной страницы с использованием фреймов приведена на рисунке хх.
Рисунок хх – Фреймовая структура главной страницы
2.5 Разработка контента и оформление Web-страниц
Привести основные требования к контенту Web-страниц и его оформлению.
*Контент – содержание, структурированный материал индивидуального задания.
При копировании текста из текстового документа в Web-редактор использовать команду Правка/Специальная вставка (HTML).
2.5.1 Структура и компоненты HTML-документа
В данном пункте описать теги HTML, определяющие структуру Web-страницы (<HTML>, <HEAD>, <TITLE>,<BODY>).
Указать назначение метатэгов.
Для корректной работы с Web-страницами в заголовочной части каждой страницы добавить метатэги, определяющие кодировку и язык страницы:
<HEAD>
…
<META HTTP – EQUIV = "Content-type" CONTENT = "text/html; charset = windows-1251">
< META HTTP – EQUIV ="Content-Language" CONTENT ="ru">
…
</HEAD>
Для главной страницы дополнительно добавить метатэги, определяющие содержание Web-сайта и ключевые слова для поисковых инструментов:
<HEAD>
…
<META NAME = "description" CONTENT = "Этот сайт посвящен вопросам….">
<META NAME = "keywords" CONTENT = "перечислить 10 ключевых слов или словосочетаний по теме через запятую ">
…
</HEAD>
2.5.2 Теги для структурирования и форматирования текста
В данном пункте описать теги HTML блочного уровня - заголовки, абзацы, списки, таблицы и теги для форматирования символов.
Привести примеры использования на страницах разрабатываемого Web-сайта (HTML-код и макет страницы в режиме Конструктора).
Web-страницу «Ссылки по теме» можно разработать вручную (записать HTML-код).
2.5.3 Теги для работы с графикой в html-документах
В данном пункте описать теги HTML для работы с изображениями на Web-странице.
Привести примеры использования на страницах разрабатываемого Web-сайта (HTML-код и макет страницы).
Привести пример использования динамических эффектов для изображения.
Привести макеты страниц (в режиме Конструктора) по тексту или в приложении А….
2.6 Разработка и настройка системы гиперссылок
В данном пункте описать теги HTML для работы с гиперссылками и закладками на Web-странице.
Разработать макет навигационной карты – системы гиперссылок для перехода между страницами сайта.
Описать процесс создания закладок и гиперссылок в Web-редакторе.
Указать месторасположение ссылок на страницах, их настройку.
Привести примеры использования на страницах разрабатываемого Web-сайта (HTML-код и макет страницы).
Привести схему гиперссылок для страниц. Например, для главной (титульной) страницы схема приведена на рисунке хх.
Рисунок хх – Схема гиперссылок для главной страницы