- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Верстка веб-страниц презентация
Содержание
- 1. Верстка веб-страниц
- 2. Что такое вёрстка веб-страницы? Это создание структуры
- 3. Структура веб-страницы
- 4. Типовые веб-макеты
- 5. Какие существуют подходы к вёрстке веб-страниц? Табличный
- 6. Табличный подход
- 7. Преимущества табличной верстки Удобство и широкие возможности
- 8. Недостатки табличной верстки Долгая загрузка Громоздкий код
- 9. В каких случаях применение табличной верстки обоснованно
- 10. Блочная верстка HTML4
- 11. Блочная верстка HTML5
- 12. Преимущества блочной верстки Разделение содержимого и оформления
- 13. Недостатки блочной верстки Сложность написания кода кропотливая
Что такое вёрстка веб-страницы? Это создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.
Слайд 2Что такое вёрстка веб-страницы?
Это создание структуры html-кода, размещающего элементы веб-страницы (изображения,
текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.
Слайд 5Какие существуют подходы к вёрстке веб-страниц?
Табличный подход
таблица - как структура веб-страницы
Вёрстка
слоями
вышедший из употребления тег
Блочная вёрстка
вёрстка с помощью тега
вышедший из употребления тег
Блочная вёрстка
вёрстка с помощью тега
и др.
Вёрстка фреймами
верстка с помощью тега
пример: http://frame.free.nanoquant.ru/
Вёрстка фреймами
верстка с помощью тега
пример: http://frame.free.nanoquant.ru/
Слайд 7Преимущества табличной верстки
Удобство и широкие возможности верстки
Создание колонок
«Резиновый» макет
«Склейка» изображений
Фоновые рисунки
Выравнивание
элементов
Особенности браузеров
Особенности браузеров
Слайд 8Недостатки табличной верстки
Долгая загрузка
Громоздкий код
Плохая индексация поисковиками
Нет разделения содержимого и оформления
Несоответствие
стандартам
Слайд 9В каких случаях применение табличной верстки обоснованно
Высота колонок должна быть одинаковой
Макет
должен занимать всю высоту окна браузера, независимо от объема информации
Нет времени на сложную верстку
Нет времени на сложную верстку
Слайд 12Преимущества блочной верстки
Разделение содержимого и оформления
Быстрая загрузка страницы
Более компактный, лаконичный код
Более
правильная индексация страниц, по сравнению с табличной версткой
Соответствие стандартам
Соответствие стандартам
Слайд 13Недостатки блочной верстки
Сложность написания кода
кропотливая работа над адаптивностью
Адаптивный веб-дизайн — дизайн веб-страниц, обеспечивающий
правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.
Обратная связь
Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:
Email: Нажмите что бы посмотреть
Что такое ThePresentation.ru?
Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.