Работу выполнил Студент ПИ -1 Войтюшенко Д. В.. Web- страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup. - презентация

1 Работу выполнил Студент ПИ -1 Войтюшенко Д. В.

2 Web- страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML- тэги, которые определяют вид Web- страницы при ее просмотре в браузере. Создание Web- страниц с использованием HTML- тэгов требует больших усилий, времени и знания синтаксиса языка. Применение специальных инструментальных программных средств (Web- редакторов ) делает работу по созданию Web- сайтов простой и эффективной. Процесс создания и редактирования страниц в Web- редакторах очень нагляден, так как производится в режиме WYSIWYG ( от англ. "What You See Is What You Get" - " Что видишь, то и получишь "

3 HTML- код страницы помещается внутрь контейнера. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web- страница разделяется на две логические части : заголовок и отображаемое в браузере содержание. Заголовок Web- страницы заключается в контейнер и содержит название документа и справочную информацию о странице ( например, тип кодировки ), которая используется браузером для правильного отображения. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег ( такая пара тэгов называется контейнером ). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер

4 Компьютер Компьютер и ПО

5 Заголовки. Размеры шрифтов заголовков задаются парами тэгов от ( самый крупный ) до ( самый мелкий ). Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта ( например, FACE="Arial"), атрибут SIZE - размер шрифта ( например, SIZE=4). Атрибут COLOR позволяет задавать цвет шрифта ( например, C0L0R="blue"). Значение атрибута COLOR можно задать либо названием цвета ( например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB- формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие - интенсивность зеленого (green) и две последние - интенсивность синего (blue) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF. Например, синий цвет задается значением "#0000FF". Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе задается так : ALlGN="left", выравнивание по правой границе : ALIGN="right", выравнивание по центру : ALIGN= "center".

6 Таким - образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом : Компьютер и ПО

7 Горизонтальная линия. Заголовки целесообразно отделять от остального содержания страницы горизонтальными линиями с помощью одиночного тэга. Абзацы. Разделение текста на абзацы производится с помощью контейнера. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта. Домашняя страница сайта. На домашней странице сайта обычно размещается текст, кратко описывающий его содержание. Поместим на домашнюю страницу сайта " Компьютер " текст, разбитый на абзацы с различным выравниванием : Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

8 Таким образом, домашняя страница сайта " Компьютер " будет содержать отцентрированный крупный заголовок синего цвета, отделенный горизонтальной линией от двух по - разному выровненных абзацев : Компьютер и ПО Ha этом сайте... Терминологический словарь...

9 Гиперссылки. Гиперссылки, размещенные на Web- странице, позволяют загружать в браузер другие Web- страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей : адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web- страница : Указатель ссылки Если загружаемая в браузер Web- страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например : Указатель ссылки Если загружаемая в браузер Web- страница размещена в Интернете, то в качестве адреса указывается Интернет - адрес, например : Указатель ссылки Указатель ссылки мы видим при просмотре Web- страницы в браузере. Указателем ссылки может быть текст, обычно выделенный синим цветом и подчеркиванием, или рисунок, выделенный рамкой. При указании на него мышью, ее курсор превращается в значок " рука ". Щелчок мышью по указателю вызывает переход на Web- страницу, указанную в гиперссылке.

10 Гиперссылки могут содержать адреса не только Web- страниц, но и файлов других типов. Активизация таких гиперссылок будет приводить : к просмотру изображения в браузере : Изображение к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла : Звук к сохранению файла на локальном компьютере с использованием встроенного в браузер менеджера загрузки файлов : Скачать файл

11 Панель навигации по сайту. Создадим папку сайта " Компьютер " и добавим в сайт пустые страницы " Программы ", " Словарь ", " Комплектующие " и " Анкета ". Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие " пустые " страницы должны иметь заголовки, но могут пока не иметь содержания : Заголовок страницы На домашней странице сайта разместим указатели гиперссылок на каждую страницу сайта. В качестве указателей гиперссылок удобнее всего выбрать названия страниц, на которые осуществляется переход. Разместим указатели гиперссылок внизу страницы в новом абзаце в одну строку, разделив их пробелами ( ). Такое размещение гиперссылок часто называют панелью навигации. Вставим в домашнюю страницу сайта HTML- код, создающий панель навигации : [ Программы ] [ Словарь ] [ Комплектующие ] [ A нкет a ]

12 Гиперссылка на адрес электронной почты. Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер, который задает стиль абзаца, принятый для указания адреса : Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express ( или другая используемая по умолчанию почтовая программа ), где в строке Кому будет указан заданный в ссылке адрес. Итак, созданная домашняя страница Web- сайта " Компьютер " содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты