К Вашему вниманию первый урок курса html верстки сайта. По сравнению с уроками верстки страницы сайта в визуальном редакторе Dreamweaver уроки html верстки кажутся скучными. Да они такие и есть. Но если Вы хотите прыгнуть на ступеньку выше в деле создания сайтов, то они необходимы.
Вы, конечно, имеете полное право задать вопрос: «А зачем нам нужно изучать язык html, если в визуальном редакторе, тем более в таком, как Dreamweaver, можно сверстать web страницу не зная этого языка?» Вопрос логичен. Попробую ответить на него с помощью такого вот примера. Допустим, вы переходите дорогу, не видя сигнала светофора. Кто-то стоит на той стороне улицы и говорит вам что он зеленый. Вы как будто и верите этому товарищу, но с другой стороны сомнения все, же присутствуют. Цена ошибки в верстке страницы сайта, конечно, не так высока, как в случае с переходом дороги, но делать web страницу вслепую для мастера, пусть и не очень пока высокого уровня, как-то не солидно. Тем боле что и Dreamweaver не всемогущ и в визуальном режиме в нем можно сделать далеко не все. Будем считать, что я вас убедил или хотя бы тех, кто хочет более глубоко разобраться в верстке web страниц.
Прежде чем непосредственно приступить к изучению html верстки и в частности языка html, давайте разберемся со стандартными командами, которые содержит каждая web- страница. Откройте браузером какую-либо страницу Интернета. Откройте ее в режиме Код страницы, комбинацией клавиш Ctrl+U. Практически на каждой открываемой странице вы увидите, что она начинается с такого или приблизительно такого кода:
Code
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>
Это так называемый доктип (DOCTYPE). Зачем он нужен? Дело в том, что для надежной обработки браузерами любой web страницы, эта страница должна соответствовать определенному стандарту. Для этого, когда-то, был придуман и использован алгоритм определения типа документа по имени DTD (Document Type Definition). Используя этот код, браузеры точно определяют тип документа, с которым имеют дело. Может ли web страница быть без этого кода? Может, но браузер, в таком случае, посчитает ее очень старой, и отображать будет соответственно.
Какие бывают варианты DOCTYPE. Это Strict (строгий), Transitional (переходный), Frameset (с фреймами). А в зависимости от языка разметки гипертекста:
Для стандарта HTML 4.01:
Code
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»>
Для стандарта XHTML 1.0:
Code
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd»>
Для стандарта XHTML 1.1 DTD:
Code
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//EN» «http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd»>
Чем отличаются стандарты Strict (строгий), Transitional (переходный), Frameset (с фреймами)?
Strict (строгий) — говорит о том, что web страница не имеет элементов, отмеченных как «устаревшие» или «не одобряемые» (deprecated) и не имеет фреймов.
Transitional (переходный) — это означает, что web страница включает в себя все то, что включает в себя стандарт Strict и может иметь устаревшие теги, с целью совместить и упростить переход со старых версий html и не имеет фреймов.
Frameset (с фреймами) — это означает, что web страница имеет все, что включено в стандарт Transitional и имеет фреймы.
Чем отличаются языки HTML и XHTML? XHTML – представляет собой язык разметки гипертекста, который основан XML. В то же время этот язык максимально приближен к применяющимся в настоящее время стандартам HTML. Основное отличие XHTML от HTML- это строгость написания кода. HTML разрешает писать, без преувеличения, любые конструкции и любой браузер их правильно покажет. В XHTML это невозможно. Здесь необходимо строго соблюдать все правила, предъявляемые W3C, что позволяет избегать многих ошибок при написании и отладки кода.
Редактор Dreamweave, доктип делает автоматом, когда вы создаете новую web-страницу в процессе html верстки сайта. Причем такой, какой вы задали в настройках редактора.