Логическое и физическое форматирование

Для форматирования текста HTML-документов предусмотрена целая группа тэгов, которую можно условно разделить на тэги логического и физического форматирования.

Тэги логического форматирования обозначают (своими именами) структурные типы своих текстовых фрагментов, такие, например, как программный код (тэг ), цитата (тэг ), аббревиатура (тэг ).
С помощью тэгов <ЕМ> и можно отметить отдельные фрагменты как выделенные, или сильно выделенные. Следует отметить, что данные теги ведут структурную разметку, которая не влияет на конкретное экранное представление фрагмента браузером. Поэтому такая разметка и называется логической.
Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию.
Вид отформатированного фрагмента никак не связан со структурным типом докумета (т. е. именем тэга логического форматирования), но может быть легко переопределен.

Тэги физического форматирования позволяют определить формат отображения указанного в них фрагмента текста в окне браузера (согласно предпочтениям автора документа).
Например, для отображения фрагмента курсивом можно использовать тэг курсива .

Веб мастера долгое время вели дискуссии по поводу преимуществ и недостатков того или иного подхода к форматированию документа.
После выхода спецификации HTML 4.0 чаша весов склонилась в пользу применения логического форматирования.
Это связано с принципиально новым подходом к форматированию документов, основанном на принципе отделения структуры документа от его представления.

Как показала практика, только использование тегов логического форматирования позволяет гибко управлять представлением документа и использовать современные методы, базирующиеся на таблицах стилей и динамически изменяющихся документах .

Тэги уровня блока и последовательные тэги

Некоторые HTML-тэги, которые могут появляться в разделе BODY, называют тэгами уровня блока (block level), в то время как другие последователь

Одни HTML-тэги, которые присутствуют в разделе BODY, называют тэгами уровня блока (block level), в то время как другие последовательними (inline) тэгами или, называя по-другому, тэгами уровня текста (text level), хотя такое разделение тэгов по уровням в известной степени условно.
Различие уровней HTML-тэгов заключается в следующем: тэги уровня блока могут содержать последовательные тэги и другие тэги уровня блока, тогда как последовательные тэги содержат только данные и другие последовательные тэги.

Блоковые тэги описывают более крупные структуры документов, по сравнению с последовательными тэгами.
По умолчанию тэги этих видов размещаются в тексте описания различным образом: тэги уровня блока начинаются с новой строки, в то время как последовательные — нет.

Спецификация HTML документа

Важнейшей идей World Wide Web Consortium , и эта идея уже становится фундаментом web-дизайна, является то, что в будущем специальным законом web-дизайнеры будут обязаны обеспечивать универсальный доступ к своим страницам.

Начиная с версии HTML 4.0 наряду с прочими усовершенствованиями языка, «визуальные» теги и атрибуты были помечены, как «не рекомендованные к использованию» (deprecated).
Вводятся три типа HTML-документов
{Document Type Definition, DTD): Strict, Frameset и Transitional.

- Strict DTD декларирует «ординарный» тип документа, не содержащий «визуальных» тегов и тегов, соответствующих документам, скомпонованным из фреймов.

- Типу Transitional соответствуют документы типа Strict и документы, содержащие, помимо тегов Strict DTD, «визуальные» теги.

-Frameset DTD в качестве подмножества содержит Transitional DTD и, кроме того, определения элементов для создания наборов фреймов.

Текущая версия HTML 4.01, утвержденная 24 декабря 1999 года, описывает 90 тегов и 188 атрибутов, из них 10 и 47 соответственно отнесены к «визуальным».

Введение в HTML

HTML - это язык разметки при помощи символов, которые управляют отображением текста и при этом сами не отображаются на экране.
В языке HTML их принято называть тэгами (от английского слова tag — ярлык, признак).
Все тэги языка HTML выделяются символами-ограничителями (< и >), между которыми записывается идентификатор (имя) тэга, и, возможно, его параметры.
Исключением из этого правила являются тэги комментария с более сложными ограничителями.
Названия тэгов, а также их параметров можно записывать на любом регистре, хотя рекомендуется для единообразия записывать тэги прописными буквами.

Большинство тэгов HTML парные, т. е. для определенного тэга, назовем его открывающим, в документе имеется соответствующий закрывающий тэг.
По правилам HTML закрывающий тэг записывается так же, как и открывающий, но с символом / (прямой слэш) перед именем тэга.
Принципиальное различиее парных тэгов состо том, что закрывающие тэги не используют параметры.

Парные теги называются тэгами-контейнерами. Информация, размещенная между соответствующим открывающим и закрывающим тэгом, называется содержимым тэга-контейнера.
В некоторых случаях, позволяется опускать закрывающий тэг.
К примеру, для тэга, описывающего данные для ячейки таблицы , соответствующий закрывающий тэг можно всегда опускать. Окончание данных для ячейки таблицы будет распознано по появлению очередного тэга или тэга окончания строки таблицы .
Есть ряд тэгов, для которых завершающие тэги опускаются большинством авторов документов. Примером может служить тэг элемента списка

  • или тэг абзаца <р>.
    Браузеры, как правило верно форматируют документы, если опущены некоторые завершающие тэги, однако такая практика не может быть рекомендована.
    Существуют теги, которые не нуждаются в завершающих тэгах.
    Это теги вставки изображений , принудительного перевода строки, указания базового шрифта , линии

    и др.

    Тэги могут записываться с параметрами или атрибутами (от англ. attribute). Параметры, как правило индивидуальны для каждого тэга.

  • Установка на Денвер скриптов.

    Порядок установки на денвер скриптов:

    1.

    Создайте в папке home папку с названием проекта.
    2.

    Создайте в папке проекта корневую папку WWW.
    3.

    Скопируйте в папку WWW структуру и скрипты из архива.
    4.

    Запустите локальный сервер и создайте базу данных
    5.

    Импортируйте SQL файл.
    6.

    Сделайте изменения (при необходимости) в конфигурационный файл.
    7.

    Сделайте рестарт сервера.
    8.

    В строке браузера наберите адрес вашего проекта. В случае, если скрипт работает, но выдаются предупреждения, вставьте в конфигурационный файл строку - Error_Reporting(E_ALL & ~E_NOTICE);

    Импорт базы MYSQL на Денвере

    В том случае, когда имеется SQL файл - его необходимо импортировать на Денвер.
    Делается эта операция при помощи панели phpMyAdmin.
    Зайдите по адресу:
    http://localhost/ и выберите путкт меню - утилиты, а затем перейдите в панель phpMyAdmin по ссылке “phpMyAdmin - администрирование СУБД MySQL”.
    В левой колонке, из выпадающего списка меню выберите вашу базу данных.
    Из правого окна, перейдите по пункту меню - SQL.
    В текстовом поле, наберите запрос к базе данных SET NAMES `cp1251`.
    Это позволит избежать неправильного отображения знаков кириллицы в контенте сайта.

    Следующий этап - импорт SQL файла.
    Для импорта SQL файла необходимо в поле формы под сноской - “Месторасположение текстового файла” указать путь, где расположен SQL файл.

    Создание базы данных на Денвере

    Для создания базы данных на локальном сервере, вам необходимо зайти через браузер по адресу http://localhost и выбрать опцию утилиты.
    Вы увидите ссылку – «Заведение новых БД и пользователей MySQL», после перехода по которой, вам откроется панель.
    Введите в эту панель имя базы данных, логин пользователя и пароль, которые вы получили при регистрации базы данных на хостинге и дайте нажатием кнопки команду – «Создать БД и пользователя».
    Вы увидите подтверждение о создании на локальном сервере базы данных, которую вы будете в дальнейшем использовать при разработке веб сайта.

    Проектирование сайта

    Разработка структуры сайта первоочередной задачей при создании сайта. От ее успешного решения во многом зависит успех и юзабилити проекта.
    В настоящее время, динамический сайт состоит из двух составных частей, одна из которых отвечает за предоставление информации пользователю, другая, более объемная и сложная - обеспечивает задачи по администрированию сайта.

    Динамический сайт состоит из отдельных программных блоков, или веб приложений. Каждый из этих блоков представляет собой полнофункциональный скрипт, со своей системой администрирования, что позволяет без особых проблем проводить модификацию отдельных разделов сайта и при необходимости подключать дополнительные модули не проводя реконструкции сайта.

    Основные рекомендации по использованию программного комплекса Денвер.

    Отключите в настройках соединения возможность работы через прокси-сервер
    Останавливайте работу сервера командой Stop.exe – это защитит вас от потери данных в базе MYSQL
    Чтобы избежать кракозяблов при импорте базы данных на кирилице, перед импортом данных сделайте запрос к базе данных: SET NAMES `cp1251`. Для этого, следует зайти в панель phpMyAdmin в раздел меню SQL и ввести в поле запрос. После этого, можно делать импорт думпа базы и быть уверенным, что кирилические символы будут отображаться правильно.
    Как правило, в Денвере сохраняется новый проект под тем именем, под которым он будет размещен в сети. Если проект размещен на сервере, и вы пробуете обратиться к нему из браузера при включенном локальном сервере, то браузер соединит вас с проектом размещенном на локальном сервере. Не пытайтесь сразу брать и выключать сервер. Может сложится такая ситуация в которой, доступ к проекту, размещенному на стороннем сервере станет недоступным с вашего компьютера. Изменить ситуацию можно, если изменить название проекта на локальном сервере.
    После создания базы данных и импорта значений, необходимо перегрузить локальный сервер. Это делается при помощи Restart.exe