Отображаемое в браузере содержание страницы помещается в контейнер
HTML (Hyper Text Markup Language) означает язык разметки гипертекста.
Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина.
HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.
Публикации во Всемирной паутине реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту.
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую- и видеоинформацию.
Web-страницы сайта могут содержать динамические объекты (исполнимые модули), созданные с использованием сценариев на языках JavaScript и VBScript или элементов управления ActiveX.
Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты.
Web-сайт состоит из Web-страниц, объединенных гиперссылками.
Web-страницы могут быть интерактивными
и могут содержать мультимедийные и динамические объекты.
Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.
Основными достоинствами HTML-документов являются:
• малый информационный объем;
• возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.
Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста.
В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.
Рассмотрим, как создаются Web-сайты, на примере разработки тематического сайта «Компьютер».
Сначала необходимо разработать проект сайта, то есть определить, сколько Web-страниц будет входить в сайт, какова будет их тематика и как они будут связаны между собой.
Пусть наш сайт кроме титульной страницы «Петербург» будет содержать:
• страницу «Памятник Петру 1», содержащую фото памятника;
• страницу «Эрмитаж»;
• страницу «Русский музей» ;
• страницу «Исаакиевский собор» .
2. Форматирование текста и размещение графики
Создание структуры Web-страницы
Приступим к созданию титульной Web-страницы сайта.
Для этого используем привычный и достаточно удобный для этих целей текстовый редактор Блокнот.
¦Создание Web-сайта « Петербург »
1. Открыть окно текстового редактора Блокнот.
Вид Web-страницы задается тэгами, которые заключают ся в угловые скобки.
Тэги могут быть одиночными или парными ными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером).
Закрывающий тэг содержит прямой слэш перед обозначением.
Тэги могут записываться как прописным так и строчными буквами.
HTML-код страницы помещается внутрь контейнера <HTML></HTML>.
задание 1 : открыть Блокнот и написать английскими буквами теги
Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать.
Web-страница разделяется на две логические части:
заголовок и содержание.
Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отобра жения.
Основное содержание страницы помещается в контейнер <BODY></BODY> и может включать
текст,
таблицы,
бегущие строки,
ссылки на графические изображения и звуковые файлы и так далее.
Сайт может содержать информацию о различных рецептах, мифических существах, городах и странах мира и т.д. Список можно продолжать бесконечно. На сайте даже можно разместить, к примеру, литературные произведения.
Благодаря развитию телекоммуникационных технологий размещённая на веб-страницах информация, доступна множеству людей. В отличие от информации на бумажных носителях, тех же самых книг, она может оперативно изменяться и практически мгновенно доставляться в любое место по запросу пользователя.
Как и обычная книга, Вэб-сайт состоит из страниц, которые называются Вэб-страницами. А как мы обычно находим, в том же учебнике информатики, интересующую нас информацию? Мы открываем содержание, которое находиться в начале или конце учебника, ищем параграф, в котором находиться необходимая информация, напротив параграфа смотрим номер страницы, открываем ее и изучаем материал. Все довольно просто.
После того, как мы попадаем, на главную страницу грамотно разработанного сайта, то мы должны тоже увидеть нечто похожее на содержание учебника, чтобы иметь возможность быстро найти необходимую нам информацию.
Чтобы добраться до нужной информации расположенной на Вэб-сайте, мы, как правило, пользуемся мышью.
Для перемещения между страницами сайта используются элементы Web-страницы, при щелчке мышью на которых, можно переместиться на другую страницу сайта. Эти элементы страницы называются гиперссылками и присутствуют на всех страницах входящих в состав сайта. Значит, можно сказать, что Вэб-страницы связаны гиперссылками.
Обычно в качестве гиперссылок используют часть текста (слово или несколько слов) и графические изображения (рисунки или фотографии).
Поскольку в первом случае для создания гиперссылок используется текст, то такая гиперссылка называется текстовой. Весьма часто текстовая гиперссылка представляет собой подчеркнутый текст синего цвета.
Увидев, например, на главной странице сайта надпись "Информатика " оформленную подобным образом и щелкнув на ней левой клавишей мыши, вы должны оказаться именно на Вэб-странице посвященной этой теме. На странице "Информатика" должна в свою очередь присутствовать, как минимум, одна гиперссылка, при помощи которой вы смогли бы вернуться к содержанию.
Если в качестве гиперссылки использовано графическое изображение, то при подведении курсора мыши к нему он принимает форму руки.
Вэб-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).
Выделяют две основные группы методов разработки веб-сайтов: визуальные и ручные (программные).
Визуальные методы позволяют производить разработку веб-страниц с высокой степенью автоматизации и не требуют знание языка разметки HTML. Процесс создания очень нагляден, т.к. производится в таком режиме - от английского What You See Is What You Get, что означает «Что видишь, то и получишь».
Разработано немало веб-редакторов, с помощью которых, при создании веб-страницы, соответствующий HTML-код создаётся автоматически. Эти редакторы позволяют выполнять всю работу по созданию сайта без подключения к сети Интернет, или, как говорят, в режиме оффлайн.
Наиболее известными такими редакторами являются Microsoft FrontPage, Macromedia Dreamweaver.
Конечно, трудно создать хороший сайт, не зная основ языка разметки HTML.
Для создания веб-страниц ручными методами используют простейшие текстовые редакторы. В качестве такого редактора может служить стандартное приложение Блокнот. А просматривать результаты работы можно с помощью браузера.
Рассмотрим этапы создания вэб-сайта:
· определение тематики сайта, его целей и задач;
· разработка дизайна, проектирование структуры сайта, определение разделов и связей между страницами;
· подготовка материалов (текста и графики) для размещения на веб-страницах;
· конструирование страниц сайта, т.е. создание HTML-кода;
· протестировать, т.е. проверить правильность работы;
· размещение в сети Интернет.
Для публикации веб-сайта необходимо найти подходящее место на одном из серверов Интернета. Некоторые провайдеры предоставляют своим клиентам возможность бесплатного размещения веб-сайтов на своих серверах, так называемый бесплатный хостинг.
В дальнейшем, конечно, сайту необходимо рекламирование и сопровождение.
Web-страница состоит из команд и текста. Команды, написанные для браузера, иначе называются тегами. Теги и составляют основу языка разметки гипертекста HTML. Тег всегда начинается со знака «меньше» и заканчивается знаком «больше». Теги набирают латинскими буквами. Заглавные и строчные буквы при написании тегов не различаются.
Существует два типа тегов - парные и непарные. Парные теги содержат открывающий и закрывающий тэги.
Для создания Web-страниц служит язык разметки гипертекстовых документов HTML (Hyper Text Markup Language).
С точки зрения HTML, весь объем информации представляется в виде страниц. Каждая страница — специально размеченный текст (подготовленный человеком или специализированной программой). Основным элементом разметки в языке HTML является тэг, т. е. указание, как обрабатывать часть текста. Тэги выделяются угловыми скобками и могут быть одиночными или парными.
Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером).
Закрывающий тэг содержит прямой слэш (/) перед обозначением.
Тэги могут записываться как прописными, так и строчными буквами.
Большинство тэгов имеют атрибуты — параметры обработки или применения тэгов.
Атрибуты записываются в угловых скобках открывающего тэга в виде пар «имя-значение».
HTML-код Web-страницы помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания. Заголовок страницы помещается в контейнер <HEAD></HEAD>.
Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <МЕТА>, имеющие атрибуты.
Например, атрибут charset информирует браузер о кодировке Web-страницы.
Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.
Общая структура Web-страницы выглядит так:
<HTML>
<HEAD>
<ТIТLЕ>Заголовок страницы</ТIТLЕ>
<МЕТА ="text/html; charset=windows-1251" http-equiv="content-type">
</HEAD>
<BODY>
</BODY>
</HTML>
Следующая страница Проект "Мой первый сайт"
Cкачать материалы урока
§ 6.4. Разработка Web-сайтов с использованием языка разметки гипертекста HTML
Содержание урока
6.4.2. Структура Web-страницы
6.4.2. Структура Web-страницы
Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
HTML-код страницы помещается внутрь контейнера <HTML> </HTML>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание.
Заголовок Web-страницы заключается в контейнер <HEAD> </HEAD> и содержит название страницы и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.
Название страницы помещается в контейнер <TITLE> </TITLE> и при просмотре отображается в верхней строке окна браузера.
Отображаемое в браузере содержание страницы помещается в контейнер <BODY> </BODY>.
Созданную Web-страницу необходимо сохранить в виде файла с расширением htm. В качестве расширения файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы, например «Компьютер», которое высвечивается в верхней строке окна браузера.
Имя Web-страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами.
Контрольные вопросы
1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?
Cкачать материалы урока
Веб-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы — HTML-теги, которые определяют вид веб-страницы при её просмотре в браузере.
Теги заключаются в угловые скобки и могут быть одиночными или парными. Парный тег содержит открывающий и закрывающий теги: такая пара тегов называется контейнером. Закрывающий тег содержит прямой слэш (/) перед обозначением тега. Теги могут записываться как прописными, так и строчными буквами. Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения.
Веб-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания.
Заголовок страницы помещается в контейнер <HEAD></HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка веб-страницы могут быть добавлены информационные одиночные теги <МЕТА>, имеющие атрибуты. Так, атрибут charset информирует браузер о кодировке веб-страницы.
Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.
Веб-страницу необходимо сохранить в виде файла. Начальную страницу сайта сохраняют обычно под именем index.htm. В качестве расширения имени файла веб-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Следующая страница Шрифт
Cкачать материалы урока
Читайте также: