DEV-P13. Профессиональная вёрстка сайтов

Краткая аннотация
Знания и умения
Полная программа
Предварительные требования
Рекомендуемая литература
Отзывы слушателей

Длительность 20 ак.часов

Стоимость

Дата	Физ. лица, руб.				Юр. лица, руб.
	Без скидки	10% ранее обучавшимся	5%Зенит	10%Зенит	Без скидки	10% ранее обучавшимся	5%Зенит	10%Зенит
c 20.01.2010	4500	4050	4250	4050	5600	5000	5300	5000

Расписание

Открытая дата. Курс пока не поставлен в расписание. Оставить заявку на курс

Начало курса	Окончание курса	Даты занятий	Время занятий	Номер аудитории	Преподаватель

Преподаватели

Баранов Михаил Владимирович

Аннотация

Данный курс посвящён изучению профессиональных приёмов вёрстки html-страниц. Основной упор делается на создание кроссбраузерных (одинаково отображаемых в разных браузерах) и валидных (соответствующих веб-спецификациям) страниц.

Ситуация в области клиентской веб-разработки такова, что создание веб-страниц, одинаково отображаемых в различных браузерах и операционных системах, требует от веб-разработчика знаний о тонкостях обработки веб-страниц различными браузерами, ошибках в восприятии последними различных html- и css-конструкций и способов их обхождения. Работу существенно облегчает следование спецификациям, рекомендуемым консорциумом w3c.

В ходе обучения на курсе слушатели учатся решать задачи вёрстки и стилизации страниц, с учётом обозначенных выше проблем. Особое внимание уделяется формированию навыков создания максимально понятного и масштабируемого кода. Так же в программе рассматриваются перспективные технологии html-вёрстки.

Знания и умения, полученные в результате обучения

В ходе обучения слушатели изучат:

Основные ошибки рендеринга страниц различными браузерами и пути их устранения;
Способы разделения кода для передачи его различным браузерам;
Основные приёмы, облегчающие совместную работу и длительную поддержку разрабатываемых страниц;
Пути оптимизации создаваемого кода, для ускорения загрузки страниц и облегчения поисковой индексации;
Типовые решения в html-вёрстке;
Перспективные технологии в клиентской части разработки веб-ресурсов.

Требования к начальному уровню знаний

Слушатели должны обладать знаниями в области создания веб-страниц и синтаксиса языка HTML в объеме программы курса «Основы создания веб-сайтов. Adobe Dreamweaver».

Программа курса

Занятие 1

Текущие спецификации w3c (HTML, xHTML, CSS), их версии и различия между ними; причины необходимости соблюдения спецификаций.
Инструменты веб-разработчика: браузеры, редакторы исходного кода и графические редакторы, вспомогательные утилиты и дополнения к браузерам.
Режимы интерпретации html-кода браузерами. Способы переключения между режимами.
Подходы к вёрстке: табличный, блочный, семантический; их достоинства и недостатки. Рекомендации по выбору типа вёрстки.
Строчные элементы и элементы блочного уровня. Различия в отображении на странице и интерпретации css-свойств. Замещаемые элементы. Особенности текстовых элементов.
Блочная модель документа. Типы блочных моделей. Способы переключения между ними.

Занятие 2

Главная проблема кроссбраузерной вёрстки — ошибки в обработке css-свойств браузерами. «Типовые» ошибки и способы их нейтрализации: разделение кода для различных браузеров, фильтрация и применение «css-хаков».
Рекомендации по оформлению кода и управления файлами.
Различия в начальных значениях css-свойст html-элементов и устранение этих различий.
Величины и единицы измерения. Особенности расчёта величин различными браузерами. Области применения различных единиц измерения.
Оформление текстовых элементов. Наследуемые и ненаследуемые свойства. Псевдостили и псевдоклассы.
Типы css-селекторов. Понятие наследования, каскада и специфичности. Выбор элемента на основании структуры документа.

Занятие 3

Вёрстка каркаса страницы. Типовые решения.
Фиксированный макет. «Резиновый» макет. Масштабируемый макет.
Методы вёрстки в одну, две, три и более колонок.
Плавающая модель. Достоинства и недостатки. Методы запрета обтекания («клиаринг») блоков.
Позиционирование элементов. Понятие базового блока. Различия в интерпретации позиционирования в браузерах.
Создание закреплённых областей.
Закрепление «подвала» страницы.

Занятие 4

Вёрстка отдельных элементов страницы. Общие сведения о подготовке графики для вёрстки.
Создание навигационных элементов. Создание выпадающего меню при помощи css.
Работа с изображениями. Фоновые изображения. Технология спрайтов.

Занятие 5

Вёрстка табличных данных.
Работа с элементами форм.
Методы тестирования шаблонов. Повышение стабильности html-шаблонов.
Понятие доступности (acessability) и методы повышения доступности.
Перспективные технологии в html-вёрстке: css-фреймворки и микроформаты. CSS3 и css-свойства, специфичные для отдельных браузеров.

Рекомендуемая литература

Web-дизайн по стандартам Обложка 440
Книга на Ozon.ru
Джеффри Зельдман
НТ Пресс, 2005 г.

Не понимаете, зачем нужны стандарты, мучает вопрос, почему же нельзя удалить DOCTYPE в html-коде? Тогда книга для Вас! Автор последовательно и целенаправленно ведет читателя к пониманию необходимости перехода к Web-стандартам. Издание описывает все основные технологии, необходимые для быстрого и эффективного перевода сайта на новый уровень, - XHTML, CSS, XML.

CSS - каскадные таблицы стилей. Подробное руководство, 3-е издание Обложка 491
Книга на Books.ru
Эрик Мейер
«Символ-Плюс», 2008 год
ISBN: 5-93286-107-Х, 978-5-93286-107-3

Наиболее полное и подробное справочное руководство по CSS. В книге рассматриваются все тонкости стилевого оформления html-страниц, особенности интерпретации CSS разными браузерами и пути решения возникающих проблем.

Автор, Эрик Мейер - признанный эксперт в области веб-стандартов.

CSS. Рецепты программирования, 2-е изд Обложка 492
Книга на Books.ru
Шмитт
BHV-СПб, 2007
ISBN: 978-5-9775-0075-3

В книге приведено большое количество практических примеров по работ со стилевым оформлением html-страниц. Настоящая «поваренная книга» веб-разработчика.

Пуленепробиваемый Web-дизайн Обложка 493
Книга на Books.ru
Д. Седерхольм
НТ Пресс, 2006
ISBN: 5-477-00301-4

Настоящее издание посвящено применению XHTML и CSS для создания сайтов, отличающихся доступностью для различных браузеров, устройств и программ, гибкостью и готовностью к любым ситуациям. В каждой главе книги обсуждается один компонент Web-страницы. Рассматривается как общепринятый способ его создания, так и непробиваемый, позволяющий получить адаптируемый и гибкий компонент. В последней главе все компоненты сводятся воедино, и описывается процесс создания готового шаблона непробиваемой страницы.

На реальных примерах вы научитесь создавать гибкие, адаптируемые и доступные сайты.

250 секретов НТМL и Web-дизайна Обложка 494
Книга на Books.ru
М. Хольцшлаг
НТ Пресс, 2005
ISBN: 5-477-00129-1

В своей книге Молли Хольцшлаг делится секретами мастерства с начинающими и уже состоявшимися web-разработчиками. Причем она рассматривает процесс создания сайта с различных точек зрения. Крайне важными его составляющими являются и организация деятельности творческой команды, и правила работы с языками гипертекстовой разметки HTML и XHTML, и использование каскадных таблиц CSS, и повышение юзабилити (простоты использования сайтов), и внедрение в web-разработку различных программ, применимых как к техническому и графическому дизайну, так и к анализу уже готового сайта на доступность.

Несмотря на то, что некоторые решения, представленные в книге, потеряли свою актуальность всязи с улучшением поддержки веб-стандартов браузерами, книга остаётся прекрасным сборником практических примеров по решению большго количества задач веб-разработки

Санкт-Петербургский государственный политехнический университет

Факультетпереподготовкиспециалистов

Краткосрочные компьютерные курсы

(812) 703-02-02

Санкт-Петербург, ул. Обручевых, д. 1

Internet-технологии

Условия обучения

Обратная связь