Верстка веб-страниц


Чтобы посмотреть презентацию с картинками, оформлением и слайдами, скачайте ее файл и откройте в PowerPoint на своем компьютере.
Текстовое содержимое слайдов презентации:

Табличная и блочная верстка Что такое вёрстка веб-страницы?Это создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету. Структура веб-страницы Типовые веб-макеты Какие существуют подходы к вёрстке веб-страниц?Табличный подход таблица - как структура веб-страницыВёрстка слоями вышедший из употребления тег <layer>Блочная вёрстка вёрстка с помощью тега <div> и др.Вёрстка фреймами верстка с помощью тега <frame> пример: http://frame.free.nanoquant.ru/ Табличный подход Преимущества табличной версткиУдобство и широкие возможности версткиСоздание колонок«Резиновый» макет«Склейка» изображенийФоновые рисункиВыравнивание элементовОсобенности браузеров Недостатки табличной версткиДолгая загрузкаГромоздкий кодПлохая индексация поисковикамиНет разделения содержимого и оформленияНесоответствие стандартам В каких случаях применение табличной верстки обоснованноВысота колонок должна быть одинаковойМакет должен занимать всю высоту окна браузера, независимо от объема информацииНет времени на сложную верстку Блочная версткаHTML4 Блочная версткаHTML5 Преимущества блочной версткиРазделение содержимого и оформленияБыстрая загрузка страницыБолее компактный, лаконичный кодБолее правильная индексация страниц, по сравнению с табличной версткойСоответствие стандартам Недостатки блочной версткиСложность написания кода кропотливая работа над адаптивностьюАдаптивный веб-дизайн — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

Приложенные файлы

  • pptx 11270300
    Размер файла: 156 kB Загрузок: 1

Добавить комментарий