(812) 703-02-02

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

470823481
Нодира
498526497
Анна
364978079
Юлия

Закрыть

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

Расписание и стоимость

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

Проведение занятий Преподаватели Учебные материалы Документы об окончании Отзывы слушателей

Другие курсы направления

Основы Интернет-технологий Системы управления контентом (CMS) Веб-маркетинг Веб-дизайн Веб-программирование

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

+7 (812) 703-02-02 Форум
Печать

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

Продолжительность обучения: 40 ак.ч. очно + 32 ак.ч. самостоятельно
График обучения: 10 дней по 4 ак.ч.

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

Аннотация

В программе курса рассматриваются приёмы, позволяющие получать страницы, одинаково отображающиеся во всех современных браузерах (Internet Explorer 6+, Mozilla Firefox 3+, Opera 9+, Google Chrome, Apple Safari), способы оптимизации и ускорения процесса вёрстки html-страниц, особенности подготовки графических изображений.

Так же в процессе обучения будет уделено внимание созданию альтернативных версий таблиц стилей и некоторым перспективным направлениям клиентской веб-разработки.

Документы об окончании обучения

  • Сертификат учебного центра
    Сертификат учебного центра
  • Удостоверение о краткосрочном повышении квалификации (выдается лицам имеющим высшее или среднее профессиональное образование)
    Удостоверение о краткосрочном повышении квалификации (выдается лицам имеющим высшее или среднее профессиональное образование)

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

Слушатели получат следующие знания и навыки:

  • Основные отраслевые стандарты и различия между ними
  • Типовые проблемы отображения веб-страниц в браузерах и пути их нейтрализации
  • Подготовка графики для вёрстки
  • Принципы вёрстки типовых элементов страницы: меню, фотогалерея, карточка товара и т.п.
  • Стандарты оформления кода и формирования файловой структуры
  • Инструменты тестирования вёрстки

Курсы, в освоении которых помогут приобретенные знания:

Расписание

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

Стоимость

Дата Физ. лица, руб. Юр. лица, руб.
Без скидки Cкидка 10%* Cкидка 15%** Без скидки Cкидка 10% Cкидка 15%
Цена c 20.01.2011 9900 8900 12350 11100

*Скидка 10% для ранее обучавшихся, при одновременной оплате 2х курсов, а также по акциям.
**Скидка 15% при одновременной оплате 3х и более курсов.
Примечание. Студентам ВУЗов Санкт-Петербурга очной формы обучения скидка до 25%.
Скидка не предоставляется на дистанционную форму обучения.

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

Слушатели должны обладать уверенными навыками работы в сети интернет, базовыми знаниями языков html и css.

Предварительное тестирование

Тест №ВПТ-206 Основы HTML

  1. Операции с документами: открытие, создание, сохранение, закрытие, работа с буфером обмена в Windows.
  2. Работа с текстом на HTML-страницах: форматирование текста, выбор шрифта, размера, начертания.
  3. Знание основных тегов HTML таких как <img>, <table>, <a>.
  4. Задание следующих элементов HTML страницы: гиперссылка, параграф, изображение, форма и ее элементы.
  5. Назначение гиперссылок тексту и картинке.
  6. Знакомство с основами работы в редакторе Web-страниц Adobe Dreamweaver.

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

Занятие 1

  • Введение
  • Структура html-документа. Правила расположения html-элементов
  • Секция head. Элементы секции head
  • Мета-теги
  • Кодировка символов. Типичные проблемы с кодировками и способы их предотвращения и устранения
  • Секция body. Примеры элементарных html-документов
  • Спецификация html
  • Основные понятия языка html: элемент, тег, атрибут и его значение
  • Валидация. Типичные ошибки валидации
  • Типы html-элементов
  • Разметка текстового содержимого: заголовки, параграфы, списки
  • Замещаемые элементы: изображения, элементы форм
  • Ссылки. Адресация ссылок

Занятие 2

  • Таблицы. Структура таблицы. Обязательные и дополнительные элементы таблиц
  • Оформление содержимого документа
  • Основные понятия таблиц CSS: правило, селектор, объявление, свойство и его значение
  • Структура таблицы стилей
  • Базовые свойства CSS. Единицы измерения
  • Простые css-селекторы
  • Способы подключения таблиц стилей к документу
  • Подключение прочих внешних файлов к html-документу

Занятие 3

  • Свойства текста
  • Работа с цветом и фоном
  • Блочная модель html-элемента
  • Типы html-элементов: блочные, строковые, строчно-блочные, таблицы. Преобразование типов
  • CSS-свойства блочной модели
  • Правила вложенности html-элементов

Занятие 4

  • Работа с графикой. Форматы графики, применяемые в вёрстке. Требования к графическому макету с точки зрения верстальщика
  • Размещение графики на странице. Работа с фоновыми изображениями. Техника css-спрайтов. Data-url. Оптимизация графики
  • Верстка сложных графических элементов
  • Замена текста графикой

Занятие 5

  • Абстрактные элементы div и span
  • Подходы к разметке страницы: табличный, блочный, логический. Концепция независимых блоков
  • Инструменты веб-разработчика: браузеры, редакторы исходного кода, вспомогательные утилиты, расширения к браузерам
  • Основные принципы разбора CSS: наследование, специфичность, каскад. Директива !important

Занятие 6

  • DOM - Объектная модель документа. Выборка элемента на основе DOM
  • Плавающие (float) элементы. Понятие нормального потока.
  • Плавающие элементы в разметке основного содержимого (контента). Плавающие элементы в разметке каркаса страницы. Запрет обтекания. Зачистка (clear) плавающих элементов. Типичные ошибки в интерпретации плавающей модели браузерами и пути их решения
  • Свойство overflow
  • Ошибки в работе браузеров. Ошибки разбора html-документа
  • Ошибки в интерпретации CSS. Способы устранения ошибок: разделение кода, css-фильтры, css-хаки, условные комментарии. Специфические свойства behavior и expression

Занятие 7

  • Свойства позиционирования. Относительное позиционирование. Абсолютное позиционирование. Фиксированное позиционирование. Понятие базового элемента
  • Свойство crop
  • Применение свойств позиционирования в разметке содержимого
  • Применение свойств позиционирования в разметке каркаса страницы
  • Типовые приёмы вёрстки каркаса страницы

Занятие 8

  • Оформление табличных данных. CSS-свойства, специфичные для таблиц. Использование таблиц в разметке каркаса страницы
  • Работа с формами. Особенности элементов форм. Изменение внешнего вида элементов форм. Формы и доступность данных
  • Типы устройств вывода. Создание разметки, изменяющейся на различных устройствах вывода. Создание альтернативных таблиц стилей

Занятие 9

  • Сайт, как единое целое. Понятие базового проекта. Управление файлами проекта. Стандарты кодирования, документирование и управление css-кодом
  • Тестирование страниц. Способы повышения стабильности разметки страниц
  • Способы повышения эффективности работы над сайтом: фреймворки, применение сокращений, повторное использование кода
  • Перспективные технологии вёрстки: микроформаты, CSS3, веб-слайсы. Использование вендорных свойств

Занятие 10

  • Экзамен

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

HTML и XHTML. Подробное руководствоОбложка 175

издательство: Символ-Плюс, вышла в феврале 2002, 752 страниц


Информационная архитектура в Интернете, 2-е изданиеОбложка 464
Книга на Books.ru
Розенфельд Л., Морвиль П.
Символ-Плюс, 2005
ISBN: 5-93286-073-1

Самая сложная из книг по информационной архитектуре и веб-дизану, рекомендуется к прочтению после всех остальных. Еще один взгляд на информационный дизайн.


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-страницы. Рассматривается как общепринятый способ его создания, так и непробиваемый, позволяющий получить адаптируемый и гибкий компонент. В последней главе все компоненты сводятся воедино, и описывается процесс создания готового шаблона непробиваемой страницы.

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


Большая книга CSSОбложка 657
Книга на Ozon.ru  Книга на Books.ru
Дэвид Макфарланд
Питер, 2011 г.
ISBN: 978-5-49807-501-3, 978-5-91180-871-6

Веб-дизайн активно развивается. Если раньше разработчикам приходилось долго разбираться с HTML и графикой, то сегодня CSS (Каскадные таблицы стилей) позволяют без лишних усилий разрабатывать красивые, удобные и функциональные сайты. Однако это не просто инструмент для украшения сайтов; CSS предоставляет полноценную возможность управлять внешним видом ваших веб-страниц - от шрифтов и цветов до макета страницы. Данная книга доступно объясняет основы этого мощного инструмента дизайна и помогает научиться созданию новых и апгрейду уже существующих сайтов.