ніторах (дозволах екрану). Монітори у всіх різні і отже сайт повинен відображатися на них однаково добре.
Відповідати стандартам W3C
Класифікація типів верстки.
Розрізняю наступні типи верстки:
За принципом відображення:
тягнучі (гумова). Перевірити «гумову» верстку можна дуже просто. Відкрийте будь-яку сторінку в броузері, зробіть розмір вікна броузера трохи менше, ніж він є. Якщо сайт при цьому як би стискається-розтискається при зміні розміру вікна броузера, то верстка даного сайту називають - «гумова».
Чи не тягнеться (статична). Чи не тягнуться сторінки при зміні розміру вікна броузера не міняють розташування елементів.
За принципом верстки:
Таблична верстка - верстка з використанням тега lt; TABLE gt ;, який дозволяє створювати HTML-шаблон, вписавши елементи в комірки таблиці. По-суті, при табличній верстці весь об'єкт верстки розбивається на клітинки таблиці. Верстальник налаштовує необхідний вид таблиці і його параметри. Стовпчики таблиці заповнюються відповідними елементами дизайну.
Базові теги, що описують структуру сайту: lt; TABLE gt; lt; TR gt; lt; TD gt;
Верстка з використанням DIV (чудова верстка сайтів). Під версткою DIV-ами (блоками) розуміють таке використання верстки, коли елементи верстки розбиваються на блоки (дрібні частини). Кожен блок - це окремий елемент сайту, яким можна зручно керувати і модифікувати.
Основні переваги верстки дівами (блочна верстка) порівняно з табличній:
Зменшення розміру html-шаблону, а отже і веб-сторінки. Громіздкі табличні структури замінюються витонченими блоками, що може призвести до істотного скорочення розміру html-шаблону.
Слідство зменшення обсягу є зменшення часу завантаження веб-сайту. Розмір CSS-файлу виростає, але так як він завантажується один раз, а далі зберігається в броузері, завантаження такої верстки відбувається швидше.
Зручність супроводжувати, вносити зміни у верстку сайту. Усі ключові елементи оформлення винесені в CSS і розбиті по блоках. Іноді навіть не потрібно чіпати саму верстку, достатньо змінити файл стилів.
Верстка блоками краще сприймається пошуковими системами. В силу того, що верстка блоками має менший розмір, а також має можливість управляти розташуванням блоків всередині файлу, сторінки, оптимізовані по SEO при всіх рівних, будуть краще, ніж мають табличну верстку.
Для успішної верстки div-ами необхідно володіти знаннями CSS.
ВИСНОВОК
У цьому проекті розглянуто мова розмітки гіпертекстових документів HTML, його основні функції властивості і параметри. Сьогодні застосування HTML практикується в усіх без винятку електронних документах, незалежно від тематики, величини і комерційної спрямованості Інтернет проекту.
У даній роботі такі технології, як CSS були порушені лише поверхово щоб показати ефективність сукупності використання HTML з інтерактивними скриптовими технологіями. Використання останніх є окремою темою, підходящої для окремого проекту.
CПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ
1. Айзекс А. DynamicHTMLBHV-Санкт-Петербург +1998.
. Ганчар А. Самовчитель HTML. Пітер 2000.
. Дарнелл Р.html 4 Енциклопедія користувача ДіаСофт 1999.
. Денисов InternetExplorer 5 Довідник Пітер один тисяча дев'ятсот дев'яносто дев'ять.
. Хоумер А. DynamicHTML Довідник Пітер 1999.
. Петюшкін А.В., HTML. Експрес-курс.- СПб .: БХВ - Петербург, 2003.
. Кінгслі-Хью Е., JavaScript: навчальний курс.- СПб .: Питер, 2002.
. # justify gt; ДОДАТОК
Дістінг html-коду
lt;! DOCTYPE html gt;
lt; html gt;
lt; head gt;
lt; meta charset= utf - 8 / gt;
lt; title gt; шбалон lt;/title gt;
lt; meta name= keywords content= / gt;
lt; meta name= description content= / gt;
lt; link href= style.css rel= stylesheet gt;
lt;/head gt;
lt; body gt;
lt; div id= work-space gt;
lt; div id= wrapper gt;
lt; div gt;
lt; a href= index.html gt; Созадтьзапрос...
