Краткие итоги, Структура Web-страницы - Основные понятия Web-дизайна
Web-дизайн - новый жанр изобразительного искусства, использующий собственные средства, закономерности и приемы.
Web-дизайнер применяет специфические инструменты: компьютер, прикладные программы и языки программирования.
Структура Web-страницы
Документы, составленные с помощью языка HTML, имеют определенную стандартизированную структуру (см. следующий рисунок).
Начинается и завершается любая HTML-страница парой тегов <html> и </html>. Эти теги сигнализируют браузерам о том, что данная программа написана на языке HTML. Все, что находится между этими тегами, называется документом (Web-страницей, программой).
Заметим, что некотрые HTML-редакторы самой первой строкой страницы автоматически вставляют идентификатор (указатель) используемой версии языка HTML. Например, виртуальный поисковый сайт
<!DOCTYPE HTML PUBLIC "'-//W3C//DTD HTML 4.01 Transitional//EN">
Такую строку порой называют прологом.
Между тегами <head > и </head> помещаются сведения о названии данной страницы и служебная информация (используемая кодировка, ключевые слова, название редактора, с помощью которого сделана страничка). Для примера название этой Web-страницы выбрано "Пробная страница". Название страницы окаймлено тегами <title> и </title>. Следует иметь в виду то, что текст, размещенный между этими тегами, не отображается в окне браузера. Название страницы появляется в строке заголовка браузера при просмотре данной страницы, а также в названиях избранных закладок Между тeгами <head> и </head> размещается служебная информация. Для этого используются метатеги.
С помощью метатегов дают информацию поисковым системам о содержимом данной страницы. Метатеги могут содержать информацию об авторе, авторских правах, электронном адресе. Метатеги могут управлять автоматической перезагрузкой на другую страницу.
Содержимое страницы, воссоздаваемое на экране монитора (основная часть, тело), располагается между тегами <body> и </body>. В данном случае (см. рисунок) пользователи на экранах своих мониторов увидят всего два слова: "Проба", причем второе слово будет изображено полужирным шрифтом. Кроме того, на рисунке видны теги <р> и </р>, каждая пара которых выделяет новый абзац в документе.
Заметим, что исключением из этого правила является порядок создания фреймов. В этих случаях вместо тега body используется тег frameset.
Понятно, что показанные на рисунке фигурные скобки и поясняющие надписи (Программа, Заголовок, Тело) изображены лишь для улучшения наглядности структуры программы, и в реальных программах они отсутствуют. Пространственное расположение тегов в данном примере для наглядности также несколько изменено.
Увидеть, как выглядит HTML-код конкретной Web-страницы, довольно просто. Для этого достаточно в браузере MS Internet Explorer 6 0 последовательно выполнить команды: Вид -> Просмотр HTML-кода.
Краткие итоги
В структуре HTML-страницы нужно выделять три крупных блока: один блок с помощью тегов <html> и </html> показывает границы всего документа.
Теги <head > и </head> выделяют второй блок со служебной информацией.
В контейнере, созданном тегами <body> и </body> (третий блок), содержится информация, отображаемая в окне браузера.
Похожие статьи
-
Основные понятия - Основы HyperText Markup Language
HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст,...
-
Основные понятия в системе Ucoz - Разработка Web-сайта предприятия (ООО "Полтава")
Каждый вебмастер вынужден ведать кучу терминов и понятий ради того, чтобы разыскать определенную информацию, программу или просто с целью общаться с...
-
Основные понятия СУБД Microsoft Access Microsoft Access - это система управления базами данных, предназначенная для создания и обслуживания баз данных,...
-
Основные понятия баз данных. Цели использования баз данных - Разработка базы данных
В широком смысле слова база данных (БД) - это совокупность сведений о конкретных объектах реального мира в какой-либо предметной области. Для удобной...
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
Для того, чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько Web-страниц и выявить общие элементы. Любой Web-документ...
-
СТРУКТУРА САПР Как и любая сложная система, САПР состоит из подсистем (рис. 1.1). Различают подсистемы проектирующие и обслуживающие. Рисунок 2.1 -...
-
ПО развивается исходя из требований других подсистем. ПО при обработке данных является связующим звеном между комплексом технических средств и другими...
-
Информационное обеспечение - совокупность единой системы классификации и кодирования информации, унифицированных систем документации, схем информационных...
-
ОПИСАНИЕ ПРОГРАММЫ, ОСНОВНЫЕ ПЕРЕМЕННЫЕ И СТРУКТУРЫ - Структуры и алгоритмы обработки данных
ОСНОВНЫЕ ПЕРЕМЕННЫЕ И СТРУКТУРЫ Struct BD { char FIO[32]; // фоpмат <Фамилия>_<Имя>_<Отчество> int numberO; char dolzhnost[32]; char dateB[8]; }...
-
Схема презентации. Титульный слайд Презентация начинается со слайда, содержащего название работы (доклада) и имена авторов. Эти элементы обычно...
-
Большинство ученых в наши дни отказываются от попыток дать строгое определение информации и считают, что информацию следует рассматривать как первичное,...
-
Разработка графической части На данном этапе создания веб-сайта для рекламного агентства "ART", был разработан дизайн подобающе данной тематике. Стиль...
-
ОСНОВНЫЕ КОМПОНЕНТЫ WWW, URL, HTML - Компьютерные сети и телекоммуникации
World Wide Web переводится на русский язык как "Всемирная Паутина". И, в сущности, это действительно так. WWW является одним из самых совершенных...
-
Рисунок 10. Архитектура программы В структуре программы обработки сложноструктурированных данных для научного эксперимента в ИИС "Шлаковые расплавы"...
-
Основные этапы разработки сайта - Разработка Web-сайта предприятия (ООО "Полтава")
При разработки сайта, выделены следующие этапы: - определение целей сайта; - создание структуры сайта; - создание дизайна сайта; - сбор и...
-
Причины возникновения систем баз данных Основой решения большинства задач является обработка информации. Информация - это совокупность фактов,...
-
Структура web-документа - Создание сайта
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE...>, которая обычно...
-
Тестируемый программный продукт является высокопроизводительным приложением, которое предоставляет возможность создания и настройки сетей беспроводного...
-
Структура проекта и базы данных MySQL Общая схема структуры базы данных CMS Drupal 7, включая подсистемы хранения страниц (нод), блоков, иерархии,...
-
Физическая структура реляционной БД - Отдел кадров Internet-провайдера
Таким образом, в создаваемой базе данных хранится шесть таблиц: "Сотрудник", "Трудовая книжка", "Отдел", "Должность", "Штатное расписание",...
-
Результаты проведенных экспериментов содержатся во внутреннем серверном файловом хранилище (Рис. 2). Представляют собой документы формата "*.DAT". В них...
-
Поиск информации или информационный поиск представляет один из основных информационных процессов. Человечество издревле занималось им. Цели, возможности...
-
Основные понятия систем базы данных - Основные понятия систем базы данных
База данных - совокупность данных, хранимых в соответствии со схемой данных, манипулирование которых осуществляется в соответствии с правилами средств...
-
Заключение - Основные понятия политики информационной безопасности
Тема основные понятия политики безопасности предприятия определяют стратегию управления информационной безопасности, а также меру внимания и количество...
-
В процессе развития нашего общества информация, особенно экономическая, играет особую роль. Желание преуспеть заставляет людей соревноваться, соперничать...
-
Разработка политики безопасности организации - Основные понятия политики информационной безопасности
Разработка политики безопасности ведется для конкретных условий функционирования информационной системы. Как правило, речь идет о политике безопасности...
-
Е-здравоохранение: основные термины, понятия и заинтересованные стороны Информационные технологии (ИТ) термин, который используется в различных вариантах...
-
Операторы языка SQL - Основные понятия систем базы данных
SELECT служит для получения любого количества данных из одной или нескольких таблиц. В общем случае результатом выполнения предложения SELECT ЯВЛЯЕТСЯ...
-
Структура ПК - Основные термины по информатике
Структуру персонального компьютера (ПК) изобразим в виде схемы. При изучении курса будем последовательно рассматривать элементы этой схемы более...
-
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и...
-
ОСНОВНЫЕ ПОЛОЖЕНИЯ, ОПРЕДЕЛЕНИЯ И ПОНЯТИЯ Совокупность управляющих воздействий, направленных на то, чтобы действительный ход процесса соответствовал...
-
Основные компоненты и структура приложения Прежде чем приступить к установке и настройке среды программирования, построению технического задания и...
-
Основные понятия - Микропроцессор как важнейший компонент персонального компьютера
Любое внешнее устройство, совершающее по отношению к микропроцессору операции ввода-вывода, можно назвать периферийным. Регистр представляет собой...
-
Техническое обеспечение (ТО) - совокупность технических средств, предназначенных для работы информационной системы, а также соответствующая документация...
-
Определение методов реинжиниринга информационных систем Основные задачи, которые стоят перед проектировщиком, занимающимся реинжинирингом информационных...
-
Математическое и программное обеспечение (МО, ПО)- совокупность математических методов, моделей, алгоритмов и программ для реализации целей и задач...
-
Техническое обеспечение (ТО) - комплекс технических средств, предназначенных для работы информационной системы, а также соответствующая документация на...
-
Теоретические аспекты СУБД, Основные понятия баз данных - Виды и возможности СУБД
Основные понятия баз данных В настоящее время жизнь человека настолько насыщена различного рода информацией, что для ее обработки требуется создание...
-
Проектирование и разработка сайта Средства разработки Язык гипертекстовой разметки HTML В Интернете сосредотачивается и передается достаточно большое...
Краткие итоги, Структура Web-страницы - Основные понятия Web-дизайна