Вёрстка веб-страниц
жүктеу/скачать 67,01 Kb.
|
Вёрстка веб
|
Вёрстка веб-страниц — создание структуры гипертекстового документа на основе HTML-разметки, как правило, при использовании таблиц стилей и клиентских сценариев, таким образом, чтобы элементы дизайна выглядели аналогично макету[1]. Вёрстка веб-страниц отличается от полиграфической тем, что необходимо учитывать разницу отображения элементов в различных браузерах и разницу в размерах рабочего пространства устройств[2]. Работы по вёрстке сайта могут быть включены в этап сборки сайта. Содержание 1История развития вёрстки веб-страниц 2Этапы вёрстки 3Ограничения 3.1Многообразие форматов 4Модульность и виды подходов к вёрстке 4.1Табличный подход 4.2Вёрстка слоями 4.3Блочная вёрстка 4.4Вёрстка фреймами 5Разметка страницы 6Типы макетов 6.1Адаптивный 7Табличная вёрстка 7.1Преимущества и недостатки 7.2Распорки 8Блочная вёрстка 8.1Преимущества и недостатки 9Верстальщик 9.1Инструменты верстальщика 10Валидность HTML-верстки 11Кроссбраузерность 12См. также 13Примечания 14Литература 15Ссылки История развития вёрстки веб-страниц[править | править код] Тим Бернерс-Ли, работая в Европейском институте физики частиц придумал язык, который концентрировался не на средствах оформления, а на логике разметки текста. Некоторое время страницы оформлялись в так называемом «академическом дизайне», например, lib.ru[3]. С появлением браузера Netscape ситуация изменилась. Разработчики браузера внедряли нестандартные для HTML теги, призванные улучшить внешний вид документа[3]. Браузер был настолько распространённым, что нестандартные теги не вызывали беспокойств: нет смысла беспокоиться о том, что другие браузеры не поддерживают эти теги, когда только 10% посетителей пользуется другими браузерами[3]. Сайты перестали разрабатываться в «академическом» стиле[3]. Над дизайном стали задумываться, а значит, потребовалась более сложная вёрстка[3]. С середины 1990-х MS Internet Explorer захватывал всё большую часть потребителей[3]. Подходы разработчиков браузеров различались, отличался и набор поддерживаемых технологий[3]. Всё это лишь добавляло неудобств для разработчиков сайтов, увеличивая время разработки сайта[3]. Во время борьбы за рынок на смену устаревающим и плохо поддерживающим стандарты Netscape 4 и Internet Explorer 4 (IE 4) пришли пятые версии браузеров[4]. IE 5 должна была не просто исправить ошибки предшественника, а улучшить поддержку стандартов CSS[4]. На этот шаг Microsoft была обречена хотя бы потому, что вошла в группу W3C[4]. В процессе разработки разница в отображении сайтов стала настолько значительной (а часть сайтов вовсе не работала), что разработчикам пришлось создать специальный «режим совместимости»[4]. В таком режиме браузер работал «по старинке»[4]. Для того, чтобы использовать режим поддержки стандартов, необходимо было в html-код добавить элемент [4]. Идея с режимом совместимости позднее перешла в остальные браузеры (например, Mozilla, Safari, Opera и т.д.)[4]. С развитием технологий разновидностей doctype оказалось слишком много, только к пятой версии html W3C предложили использовать короткую запись, унифицировав стандарт[4]. Через некоторое время работать блоками стало слишком неудобно, так как поддержки CSS у браузеров фактически не было, приходилось вставлять стили прямо в блоки, что усложняло разработку[3]. В это время для разработки стали применяться таблицы с невидимой границей, где многие стили не требовались, они были по умолчанию[3]. В 1998 году появляется спецификация Cascading Style Sheets Level 2 (CSS2), а потом и CSS2.1, что позволило выносить код оформления блоков в отдельные файлы и использовать на всех страницах сайта и даже кэшировать этот файл, а значит, ускорять загрузку страниц[3]. Развитие этой технологии и поддержка со стороны браузеров привела к использованию блочной вёрстки вместо таблиц[3]. Этапы вёрстки[править | править код] жүктеу/скачать 67,01 Kb. Достарыңызбен бөлісу:
|