Войти Регистрация

Лучшие компьютерные курсы России! Вебинары для всего мира.

Записаться на курсы

Корзина: 0 курсов

Поиск расписания Поиск расписания

+7 (495) 232-32-16

info@specialist.ru   skype icq

Поиск

Путеводители

Веб-технологии

web_sm

Типы обучения

Знаете ли Вы, что...

Курс HTML и CSS. Уровень 2. Кроссбраузерная верстка и основы юзабилити пользуется огромной популярностью среди специалистов, а также тех, кто только выбрал для себя такие востребованные и высокооплачиваемые профессии:

Вакансии Superjob

Лучший компьютерный учебный Центр России:*

Наши награды и сертификации

* по результатам рейтингов

Не нашли нужный Вам курс?

Напишите, и мы его сделаем!

Online консультация

чат Чат консультация
icq Icq консультация
skype Skype консультация
Записаться на курсы Записаться на курсы
Расписание курсов Расписание курсов
Способы оплаты Способы оплаты

Наши награды

load_price.jpg

Главная > Курсы > Курсы по основам веб-технологий > Курсы веб-дизайна

HTML и CSS. Уровень 2. Кроссбраузерная верстка и основы юзабилити




По окончании курса Вы будете уметь:
    Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
  • Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
  • Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
  • Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей
  • Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше
  • Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS
  • Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах
  • Тестировать веб-страницы, выполнять контроль качества
Продолжительность курса - 32 ак. ч.

Преподаватели курса

Отзывы по курсу

Тарасов Тарасов Алексей Владимирович
О преподавателе:
Талантливый преподаватель-практик, успешно сочетает многолетний опыт преподавания и практической разработки корпоративных интернет-проектов. Слушатели любят Алексея Владимировича за доступное и понятное изложение любой темы, за наглядные примеры, помогающие сразу же овладевать материалом, за увлеченность своим делом и добрый юмор.Читать далее

Все преподаватели по курсу

Захваткин Захваткин Илья Сергеевич
О преподавателе:
Уникальный специалист, ведущий преподаватель по направлениям: «Программирование и веб-технологии», «Юзабилити и веб-дизайн», «Интернет-реклама и SEO продвижение». Имеет богатейший опыт и профессиональные знания в области информационных технологий, менеджмента и систем интегрированных маркетинговых коммуникаций. На его занятиях много нового и полезного для себя находят и новички, и профессионалы в области практического маркетинга и управления продажами.Читать далее

Все преподаватели по курсу

Тыщенко Тыщенко Олег Борисович
О преподавателе:
Талантливый преподаватель-практик с уникальным многосторонним опытом и более чем 20-летним преподавательским стажем. Первоклассный специалист в области интернет-маркетинга, продвижения и поисковой оптимизации сайтов, талантливый фотограф, мастер компьютерной графики. Разносторонние таланты, высокий профессионализм и удивительная преподавательская манера неизменно покоряют слушателей.Читать далее

Все преподаватели по курсу

Петров Петров Евгений Георгиевич
О преподавателе:
Преподаватель-практик с блестящими знаниями и богатым практическим опытом в области HTML, CSS, JavaScript, проектирования интерфейсов. Свои знания и опыт Евгений Георгиевич доходчиво и с юмором доносит до слушателей. Основной упор на занятиях делается на понимание целей и выбора средств при решении задач, которые интересуют слушателей. Автор курсов «JavaScript» и «HTML и CSS — расширенные возможности».Читать далее

Все преподаватели по курсу

Много чего освоил, буду учиться тут дальше.

Cлушатель: Попов Владислав Алексадрович

Очень понравился курс. Узнал как решаются многие проблемы, с которыми приходилось сталкиваться ранее.

Cлушатель: Пылаев Владислав Борисович


Все отзывы по курсу

Предварительная подготовка

Требуемая подготовка: Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3 или эквивалентная подготовка.

Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.

Тестирование по курсу

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

  Тема Ак. часов  
   
  Модуль 1. Веб-стандарты и их поддержка в программных продуктах
  • Консорциум W3C и его роль в развитии веб-технологий. Деятельность Консорциума W3C по стандартизации языков HTML (XHTML) и CSS.
  • Как пользоваться документацией Консорциума W3C. Спецификации HTML 4.01, XHTML 1.0, CSS 2.1.
  • Какие источники информации про HTML (XHTML) и CSS заслуживают доверия. Справочная информация о поддержке стандартов на официальных сайтах популярных браузеров.
  • Определение типа документа (DTD). Пролог документа HTML (XHTML) и объявление типа документа (DOCTYPE). Объявление XML (XML declaration).
  • Переключение DOCTYPE в браузере Internet Explorer. Режим стандартов (standards-compliant mode) и режим совместимости (compatibility mode). Примеры полезных эффектов, доступных только в режиме стандартов: оформление элемента html, горизонтальное центрирование таблиц, внутренние отступы (padding) для изображений и др.
  • Переключение DOCTYPE в браузере Firefox и родственных браузерах. Режим полной поддержки стандартов (full standards mode), частичной поддержки стандартов (almost standards mode), режим уловок (quirks mode). Переключение DOCTYPE в браузере Opera.
  • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
 4  
  Модуль 2. Эффективное использование инструментов разработки веб-страниц
  • Инструментарий разработчика: настройки операционной системы, файловый менеджер, клиент FTP, текстовый редактор, графический редактор, среды разработки сайтов, вспомогательные программы. Как установить и настроить программные средства, чтобы они эффективно взаимодействовали друг с другом.
  • Эффективная работа с текстовым редактором. Грамотное использование клавиатуры при работе с кодом HTML и CSS. Свойства текстового редактора: нумерация строк, работа с различными кодировками, синтаксическая подсветка, выделение специальных символов, сочетания клавиш, шаблоны, макросы, автоматизация действий и др.
  • Настройка клиента FTP для удобной синхронизации файлов на локальном компьютере и на веб сервере. Технология SSH, синхронизация с помощью rsync.
  • Стиль кодирования. Комментарии. Полезные приёмы разработки и комментирования кода, принципы присвоения имён файлам и компонентам кода. Организация рабочего пространства для продуктивной работы.
  • Панель инструментов IE Developer Toolbar. Использование IE Developer Toolbar для анализа веб страниц и управления некоторыми свойствами браузера. Панель инструментов Web Developer для Firefox и родственных браузеров.
  • Составление и анализ технических требований к вёрстке веб-страниц. Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц, технические критерии качества
 4  
  Модуль 3. Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов
  • Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Псхологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
  • Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей.
 2  
  Модуль 4. Совместимость веб-страниц с различными браузерами
  • Какие браузеры распространены сейчас и будут распространены в ближайшем будущем. Как загрузить, установить и настроить эти браузеры, чтобы тестировать в них веб-страницы.
  • Основные особенности популярных браузеров. Важные различия между IE 6 и IE 7. Характерные свойства Firefox (и родственных браузеров) и Opera.
  • Неполная поддержка стандартов Консорциума W3C в современных браузерах. Характерные примеры кода, который поддерживается в одних браузерах и не поддерживается в других: фуригана (ruby annotation), значения свойства display в CSS, псевдоклассы :before и :after, автоматическая нумерация и др.
  • Характерные примеры кода, который по-разному обрабатывается в разных браузерах: атрибуты alt и title, оформление перечней, оформление форм, псевдокласс :hover и др.
  • Распространённые ошибки в браузерах. "Классические" ошибки в IE 6: "гильотина", "pekaboo" и др. Ошибки в Firefox и родственных браузерах: неполная поддержка элементов col и colgroup, оформление элемента caption, неправильное подчёркивание ссылок и др. Ошибки в Opera: неполная поддержка Unicode, неправильное подчёркивание ссылок и др.
  • Способы сокрытия кода от отдельных браузеров ("фильтры"). "Трюки" со сложными селекторами для IE (с учётом особенностей IE 7). Условные комментарии (conditional comments). Примеры разработки "кросс-браузерного" кода с использованием неполной поддержки стандартов, ошибок и "фильтров"
 6  
  Модуль 5. Продвинутые технологии HTML (XHTML) и CSS
  • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование и в каких браузерах оно поддерживается.
  • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
  • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
  • Улучшение доступности форм. Элемент label. Атрибуты tabindex и accesskey. Особенности оформления форм средствами CSS.
  • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
  • Особенности печати в различных браузерах. Разработка таблиц стилей для печати (print) и портативных устройств (handheld). Альтернативные таблицы стилей.
  • Использование элемента link для браузерной навигации. Поддержка браузерной навигации в различных браузерах
 8  
  Модуль 6. Специальные эффекты в HTML (XHTML) и CSS
  • Расширенные средства работы с текстом. Использование специальных знаков: ударения, переносы, неразрывные пробелы и дефисы. Свойство white-space.
  • Оформление текста в CSS. Промежуточная насыщенность (значение 600 для свойства font weight). Свойство text-transform. Свойства line-height и vertical-align. Оформление буквиц.
  • Особенности блочной модели в CSS. Использование отрицательных значений margin. Свойства min-width, min-height, max-width, max-height: их практическое применение и поддержка в браузерах.
  • "Фоновые" изображения в CSS. Характерные эффекты изображений в CSS: узоры и орнаменты, "масштабируемые" растровые изображения, красивые рамки, "подсветка" гиперссылок (rollover) и др. Сочетание изображений в CSS с элементом img, рамками и цветом фона CSS.
  • Особенности формата PNG. Эффектные примеры использования полупрозрачности (альфа-канала) в PNG (для IE 7, Firefox, Opera). Как обеспечить альтернативное изображение для IE 6.
  • Перспективы дальнейшего развития HTML (XHTML) и CSS. Стандарт CSS 3, примеры его частичной поддержки в существующих браузерах. Общее представление о XHTML 2.0. Дальнейшее существование HTML (XHTML) и CSS в контексте общего развития Интернета и веб-технологий
 8  
  Аудиторная нагрузка в классе с преподавателем 32 +12
бесплатно 		 
  Общая учебная нагрузка, включая консультации и самостоятельные занятия 72  

Ближайшие группы 

Данный курс вы можете пройти дистанционно в режиме вебинара . Чтобы записаться на вебинар, в корзине измените тип обучения на вебинар и выберите удобную для вас группу.

Стоимость обучения (рублей) 

Выпускники курса проходят обучение на других курсах Центра. Как правило, они выбирают такие курсы как:

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

Cert_Common

Свидетельство Центра "Специалист"

Cert_Inter

Свидетельство Центра "Специалист" международного образца

Все документы центра

Главная > Курсы > Курсы по основам веб-технологий > Курсы веб-дизайна

Лауреат премии Рунета

Курсы менеджеров по персоналу Кадровые курсы Бухгалтерские курсы Курсы дизайна Курсы фотошоп Курсы 1с Курсы 3d max

qr-code.gif © 1991–2012 Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана
Адрес главного офиса: г. Москва, Госпитальный переулок, д. 4/6.

Телефон: +7 (495) 232-32-16, E-mail: info@specialist.ru
Мобильный сайт, Отправить сообщение вебмастеру

yandexmoney.gif logo_wm.gif qiwi-logo.gif rbk_logo_s.png cyberplat1.gif Rambler's Top100 rating@mail.ru Яндекс.Метрика
Рейтинг@Mail.ru LiveInternet