Используя описанные выше теги HTML, создать при помощи текстового редактора Notepad++ тематический Web-сайт по вопросам дисциплины «Мировые информационные ресурсы». Перечень тем приведен в Приложении 3. Информацию по выбранной теме найти в Интернет (закрепив заодно полученные в лабораторной работе 1 навыки поиска Интернет-информации).
Требования к содержанию сайта:
на главной странице поместить название работы, информацию об авторе (ФИО, город, учебная группа, вуз), информацию о руководителе работы (ФИО, должность), название дисциплины, по которой выполнена работа;
информацию по теме поместить на разных страницах сайта в соответствии со структурой материала;
информационное наполнение сайта (контент) должно достаточно полно раскрывать тему, в то же время не следует перегружать сайт детальными подробностями – лучше сделайте соответствующую ссылку;
упоминаемые в тексте названия организаций, учреждений, предприятий дать гиперссылками на соответствующие сайты; которые должны открываться в новом окне браузера;
Как сделать ОГЛАВЛЕНИЕ (ровное содержание) в ВОРДЕ?
на отдельной странице привести гиперссылки на электронные ресурсы, которые были использованы при выполнении работы (сайт с указанием конкретного ресурса).
Требования к оформлению сайта:
организовать систему навигации по страницам сайта (гипертекстовое меню переходов на тематические разделы (страницы) сайта, гипертекстовые переходы со страницы на страницу («линейная навигация»), гипертекстовое оглавление отдельных страниц с большим по объему текстом, гипертекстовые переходы на начало страницы);
использовать фреймы для создания трехоконной структуры страницы, например:
Здесь «шапка» страницы
Здесь основная часть
Меню выполнить в виде гипертекстового перечня названий страниц сайта;
при оформлении «шапки» страницы использовать бегущую строку;
использовать однородную цветную заливку страницы, а также использовать картинку в качестве фона страницы;
при оформлении текста на страницах:
использовать разный шрифт, цвет, размер, нижний и верхний индексы, выделение курсивом, полужирным, выравнивание слева, справа, по центру;
большой по объему текст разбить на пункты, подпункты, абзацы;
вставить списки (нумерованные и ненумерованные);
использовать таблицы для форматирования текста;
использовать таблицу каскадных стилей CSS;
вставить графические объекты (рисунки, фотографии, графики) и оформить интерактивную подпись к ним. Использовать рисунок как гиперссылку. Использовать различные режимы обтекания картинки текстом. Все используемые рисунки поместить в отдельную папку;
с помощью прилагаемой программы GeoHTML сформировать на одном из рисунков навигационную карту.
Приложение 1. Таблица основных тегов языка html
Основные теги документа
Указывает программе просмотра страниц, что это HTML документ
Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа , теги стилевых таблиц и и теги для поисковых машин
Создание оглавления в WORD! Как сделать содержание в ворд за несколько минут?
Определяет видимую часть – «тело» документа
Помещает название документа в оглавление программы просмотра страниц
Устанавливает цвет фона документа. ? – значение цвета в виде RRGGBB или текстовом виде. Например: FF0000 – красный (Red)цвет
Устанавливает цвет текста документа. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 000000 — черный цвет (Black)
Устанавливает цвет гиперссылок. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 00FF00 — зеленый цвет (Green)
Устанавливает цвет гиперссылок, на которых вы уже побывали. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 333333 (Gray) — серый цвет
Устанавливает цвет гиперссылок при нажатии
Теги форматирования текста
Обрамляет предварительно отформатированный текст
Создает САМЫЙ БОЛЬШОЙ заголовок
Создает самый маленький заголовок
Создает жирный текст
Создает наклонный текст
Создает текст, имитирующий стиль печатной машинки
Используется для цитат, обычно наклонный текст
Используется для выделения из текста слова (наклонный или жирный текст)
Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
Устанавливает размер текста в пределах от 1 до 7
Устанавливает цвет текста, используя значение цвета в виде RRGGBB
Режим бегущей строки. Текст становится бегущей строкой. height, width – атрибуты текста, loopзадает количество пробегов текста,bgcolorзадает цвет фона
Создает новый параграф
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
Вставляет перевод строки
Создает отступы с обеих сторон текста.
Создает список определений
Определяет каждый из терминов списка
Описывает каждое определение
Создает нумерованный список
Определяет каждый элемент списка и присваивает номер
Создает ненумерованный список
Предваряет каждый элемент списка и добавляет кружок или квадратик
Тег, используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
Добавляет изображение в HTML-документ
Выравнивает изображение к одной из сторон документа, ? принимает значения: left, right, center; bottom, top, middle
Устанавливает толщину рамки вокруг изображения
Добавляет в HTML-документ горизонтальную линию
Устанавливает высоту (толщину) линии
Устанавливает ширину линии, можно указать ширину в пикселах или процентах
Создает линию без тени.
Задает линии определенный цвет. Значение RRGGBB
Определяет строку в таблице
Определяет отдельную ячейку в таблице
Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Задает толщину рамки таблицы
Задает расстояние между ячейками таблицы
Задает расстояние между содержимым ячейки и ее рамкой
Устанавливает ширину таблицы в пикселах или процентах от ширины документа
Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.
Указывает количество столбцов, которые объединены в одной ячейке (по умолчанию=1)
Указывает количество строк, которые объединены в одной ячейке (по умолчанию=1)
Не позволяет программе просмотра делать перевод строки в ячейке таблицы
Гиперссылки
Создает гиперссылку на другие документы или часть текущего документа
Создает гиперссылку вызова почтовой программы для написания письма автору документа
Отмечает часть текста как цель для гиперссылок в документе
Создает гиперссылку на часть текущего документа
Заменяет тег в документе, определяющем структуру фреймов на веб-странице
Определяет строки в таблице кадров, высота которых определена количеством пикселов или в процентном соотношении к высоте таблицы кадров
Определяет столбцы в таблице кадров, ширина которых определена количеством пикселов или в процентном соотношении к ширине таблицы кадров
Определяет единичный кадр или область в таблице кадров
Определяет, что будет показано в окне браузера, если он не поддерживает кадры
Определяет, какой из HTML-документов будет показан в кадре
Указывает имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров
Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1
Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1
Указывает будет ли выводиться линейка прокрутки в кадре; значение value может быть «yes,» «no,» или «auto». Значение по умолчанию для обычных документов – auto
Препятствует изменению размеров кадра
Источник: studfile.net
Заголовки в документе. Структура документа
Как сделать оглавление в Ворде: Способы для разных версий Office
Вручную проставлять нумерацию страниц в уголках и подбирать шрифт для каждого из заголовков — это уже давно прошлый век.
Microsoft Word умеет делать всё сам, а технически подкованные пользователи с радостью пользуются встроенными функциями.
На самом деле, ничего сложного в этом нет — попробуйте самостоятельно сделать оглавление в Ворде.