www.TutorBit.org

Регистрация
TutorBit.org на facebook TutorBit.org RSS
ГЛАВНАЯ » СКЛАД » ВИДЕОУРОКИ » Web, Сайтостроение

HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014, RUS)

Добавлено: 24.07.2014, 12:23
Скачать HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014, RUS)

Автор (режиссер): Специалист
Жанр: Web - дизайн
Продолжительность: 24:00:00
Качество видео: PCRec
Видеокодек: MPEG4
Битрейт видео: ~15fps 69kbps
Размер кадра: 912x672
Аудиокодек: AAC
Битрейт аудио: 44100Hz stereo 64kbps


Описание:
HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий. Этот учебный курс даст вам представление о современных технологиях HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах, распространённых на сегодняшний день.
 


Дополнительная информация:
Рассматриваются продвинутые технологии вёрстки веб-страниц и специальные эффекты, в том числе с использованием абсолютного и относительного позиционирования, переполнения и обрезки блоков, внедрённых объектов, изображений в CSS. Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц.

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


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


Программа курса:
Модуль 1. Веб-стандарты и их поддержка
Стандарты W3C. Документация.
DOCTYPE.
Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
Протокол HTTP.

Модуль 2. Элементы и атрибуты HTML5 и структурастраницы
Секции, выноски, статьи, навигационные, «шапка», «подвал».
Элементы форм и их атрибуты.


Модуль 3. Эффективное использование инструментов разработки веб-страниц
Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla
Firebug, Zen Coding/Emmet, IE WebDeveloper.
Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах,
проверка валидатором, просмотр при различной ширине окна браузера и
различных размерах шрифта. Контроль качества веб страниц.

Практическая работа: построение структуры страницы с использованиемвспомогательных программ.

Модуль 4. Селекторы в HTML5
Селекторы перешедшие из HTML4/xHTML.
Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
Ролловеры, спрайты.

Практическаяработа: использование специфических селекторов при версткестраницы.
 
Модуль 5. Введение в построение удобных дляиспользования сайтов (usability) и доступность (accessibility) сайтов
Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические
аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия
пользователя с сайтом. Ограниченные возможности пользователей

Семинар: Учет удобства использования сайтов

Модуль 6. Продвинутые технологии HTML и CSS
Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index.
Примеры позиционирования: наложение блоков, закрепление
"подвала" внизу страницы. Обрезка блока: свойство clip.
Фиксированное позиционирование. Свойство display.
Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с
использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object.
Внедрение роликов Flash в соответствии со стандартами Консорциума W3C.
Внедрение векторной графики (SVG); предоставление альтернативного
растрового изображения браузерам, которые не поддерживают этот формат.
Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.

Практическаяработа: использование на практике CSS-свойствпозиционирования, отображения и др.

Модуль 7. Совместимость веб-страниц с различнымибраузерами
Условные комментарии.
Скрипты для поддержки селекторов и изменения поведения старых браузеров.
Программы эмуляторы старых версий IE.
Фильтры.

Практическаяработа: использование кроссбраузерной верстки

Модуль 8. Использование свойств CSS2 и CSS3
Градиенты, анимация, трансформация (2D и 3D), переходы
Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
@font-face (веб-шрифты), текстовые эффекты,
Многоколоночная верстка,
Работа с фоном (+градиенты)
Закругление углов, модель Flex-блоков.
Определение технологий, поддерживаемых браузером.

Практическаяработа: построение выпадающего меню средствами HTML5 и CSS3

Модуль 9. Верстка макета
Принципы нарезки макета из psd-файла.
Выбор размеров и вариантов верстки.
Верстка.

Практическаяработа: нарезка макета страницы
Практическаяработа: верстка страницы по заданному макету.

Модуль 10. Типовые решения
CSS-фреймворки.
Динамический CSS (на примере LESS).
Шаблоны CMS
Решения на JavaScript.


pic pic pic pic

 


Поделиться в соц. сетях:


Скачивать файлы с сервера могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Скачать HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014, RUS)
HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014, RUS)
Просмотров: 1664
Скачали: 45
Размер материала: 1,2 GB
Дата добавления: 24.07.2014

Правообладателям


Материал предоставлен для ознакомления!
Применение содержимого на практике только на Ваш страх и риск.

Поставьте, пожалуйста, свою оценку:
  0.0/0
Категория: Web, Сайтостроение | Теги: CSS., Верстка, (2014, Уровень, HTML5, Кроссбраузерная, CSS3, HTML, Юзабилити, основы Просмотров: 1664 | Загрузок: 45

Рекомендуем:

ВНИМАНИЕ!!!

Вы можете скачать бесплатно"HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014, RUS)", если у Вас активирован статус "Premium" или "Gold" пользователя.
Если Вы являетесь автором материала и его размещение на сайте произошло без Вашего согласия - обратитесь к администрации сайта и с Вами свяжутся в ближайшее время для урегулирования ситуации.

Ваши комментарии очень важны для развития проекта!!!

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]