КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Структура веб-страницы
|
|
|
|
Веб-страница - гипермедиа документ
Тема 8. Создание Web-страниц (в формате HTML).
WWW состоит из множества взаимосвязанных документов - веб-страниц. Связь осуществляется при помощи гиперссылок (или короче - ссылок). При наведении курсора мыши на ссылку, он принимает вид “выбор ссылки” (указующий перст) и в строке состояния Internet Explorer отображается URL документа, к которому будет произведен переход. Щелчок мыши по ссылке активизирует ее, то есть происходит переход по этому адресу.
В качестве ссылки могут использоваться не только фрагменты текста, но и графические изображения (например, карта). Ссылки в документе обычно выделяются изменением формата текста (цвет, подчеркивание, анимация).
Веб-страницы представляют собой файлы, которые создаются с использованием языка HTML (Hyper Text Markup Language -язык гипертекстовой разметки документов) и имеют одноименный формат - HTML. Документ формата HTML может содержать помимо текста, графики и ссылок еще и мультимедийные объекты: анимацию, видео, звук, то есть он строится на основе технологии гипермедиа.
Набор веб-страниц, являющихся собственностью какой-либо компании или частного лица, называют веб-сайтом (от англ. site - местоположение) или просто сайтом. Как правило, все страницы сайта тесно связаны между собой общей темой.
Отправной точкой любого сайта является главная или, как говорят, домашняя страница сайта. В большинстве случаев она содержит ссылки на другие страницы. Как правило, все другие страницы сайта содержат кнопки, позволяющие вернуться на домашнюю страницу сайта.
Гипертекст - это способ структурирования документов путем размещения ссылок внутри одного документа или между документами.
|
|
|
В виде гипертекста построена Библия, гипертекст используется во всех энциклопедиях, на основе гипертекста строятся справочные системы компьютерных программ.
Для создания веб-страниц используется гипертекстовый язык описания документов - HTML (Hyper Text Markup Language).
Это язык программирования, имеющий свой набор команд.
Каждый веб-документ представляет собой программу, написанную на этом языке (HTML-код).
Команды HTML называются тегами (от англ. tag - ярлык, метка). Чтобы отличить теги от текста документа их заключают в угловые скобки. Например, тег <br> означает команду “начало новой строки”. Теги могут быть как одиночными, так и парными. Одинарные задают действие на один раз. Парные теги указывают начало и окончание действия команды. Тег, указывающий на окончание, помечается символом слеш (/).
Структура веб-страницы задается следующими парными тегами:
· Пара <html> и </html> указывает формат страницы и отмечает его границы
· Пара <head> и </head> указывает на начало и конец заголовка. Включают описание документа, ключевые слова (keywords) для поиска, название документа и другую информацию идентифицирующую страницу.
· Пара <title> и </title> указывает имя страницы.
· Пара <body> и </body> указывает на начало и конец “тела” страницы. Тело - это последовательность команд, обеспечивающая вывод в окно браузера форматированного текста, ссылок и других элементов веб-страницы.
Создавать веб-страницы можно как в HTML-редакторах (FrontPage), так и в текстовых редакторах разного уровня (Word, Блокнот).
Рисунки и другие объекты веб-страницы хранятся отдельно от HTML-кода.
HTML-код веб-страницы содержит команды, которые сообщают браузеру, где хранится объект и в какой области окна он должен быть отображен.
Таким образом, веб-страница, как правило, хранится в виде файла формата.html и папки с объектами.
Путешествие по WWW
Для работы с WWW используются:
|
|
|
· Панель Адресная строка - переход к новому сайту.
· Панель инструментов - работа с полученными данными.
· Элементы веб-страницы - работа с текущим сайтом или переход на другой сайт.
Адресную строку можно заполнять разными способами:
· Ввести URL вручную.
· Скопировать адрес из какого-либо электронного документа (например, из электронного письма).
· Выбрать адрес из списка использованных ранее адресов.
Для перемещения по уже просмотренным веб-страницам используются кнопки перехода на панели инструментов.
| Обычные кнопки.Если раскрыть список кнопки, можно выбирать просмотренные страницы по их названиям. Кнопка Остановитьпозволяет прервать загрузку ресурса. Кнопка Обновитьиспользуется для того, чтобы повторить загрузку текущей страницы. | 
|
В Internet Explorer нет окон документов. Если нужно одновременно работать с несколькими веб-страницами, следует открыть новое окно программы:
· Новое окно с текущей страницей - команда Файл/Создать/Окно.
· Новое окно со страницей, указанной в ссылке - выбор команды Открыть в новом окне из контекстного меню ссылки.
Заметьте, что из нового окна браузера нет возможности возврата к просмотренным страницам - кнопка Назад недоступна.
Некоторые ссылки настроены так, что страница открывается в новом окне автоматически.
|
|
|
|
Дата добавления: 2014-01-05; Просмотров: 5189; Нарушение авторских прав?; Мы поможем в написании вашей работы!