Разное




РазДЕЛЫ САЙТА

Боевики, детективы
Документалка
Драмы, триллеры
Исторические
Классическая эротика
Комедии
Мелодрамы
Мультяшки
Обучающее, познание
Приключения
Сказки, фэнтези
Старое, доброе
Ужасы
Фантастика
х х х х х х х х х
Блюз, джаз, соул
Инструментальная
Классическая
Клипы
Минусовки
Музыка игр и кино
Поп
Разная
Ретро
Рок, метал
Рэп, хип-хоп
Шансон
х х х х х х х х х
Автософт и навигация
Аудиокниги
Книги и журналы
Фото и видео, приколы



СЛучайные материалы

10 ключей Души. Главные темы в жизни и психотерапии 4 (2020)
10 ключей Души. Главные темы в жизни и психотерапии 4 (2020)

Brandle Rain Band  - For Edgar  (2020)
Brandle Rain Band - For Edgar (2020)

Музыка из фильма Последний богатырь: Корень зла / OST Последний богатырь: Корень зла
Музыка из фильма Последний богатырь: Корень зла / OST Последний богатырь: Корень зла

Экономика, маркетинг, менеджмент
Экономика, маркетинг, менеджмент

Монохром. Рисуем карандашом и линером (2020)
Монохром. Рисуем карандашом и линером (2020)


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

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

16:12

Название: HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3
Год выпуска: 2014
Жанр: Web - дизайн
Автор (режиссер): Специалист

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.

Страна: Россия
Продолжительность: 24:00:00
Язык: россия



Файл
Качество: PCRec
Видео: MPEG4, ~15fps 69kbps, 912x672
Аудио: AAC, 44100Hz stereo 64kbps
Размер: 1,12 Gb

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


Скачать: Обучающее, познание | Теги: основы юзабилити, Web - дизайн, кроссбраузерная верстка, Уровень 2, HTML5 и CSS3, HTML и CSS

Похожие материалы скачать бесплатно и без регистрации


К "HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014) PCRec" пока нет комментариев, но Вы можете стать первым, кто его оставит!

Всего мнений: 0
avatar
Ищу на сайте

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

Новое на сайте
Клесов А. - Занимательная ДНК-генеалогия. Но...
Джон Уорд - Британская военная экспедиция в ...
Анатолий Шандриков - Электрорадиоэлементы и ...
Т.В. Кадаш - Астрономия и космос
А. Ф. Лосев - Юбилейное собрание сочинений в...
Леонид Млечин - Железный Шурик
Ron Kneusel - Practical Deep Learning: A Pyt...
Ликвидация холки и сутулости (2020) CAMRip
Бхаргава А. - Грокаем Алгоритмы. Иллюстриров...
Антология - История Второй Мировой войны 193...
Съёмка девушек SIZE+ (2021) CAMRip
Кетеван Зайцева - Практическая ароматерапия ...

Наша статистика

Присутствуют: 6
Неизвестных: 6
Знакомых: 0
Copyright by Anonimus © 2021