Меню
Що нового?
Від:
Фільтри

Придбаний [Спеціаліст] HTML і CSS. Рівень 2. Кросбраузерна верстка

Інформація про покупку
Тип покупки: Складчина
Ціна: 5276 ГРН
Учасників: 0 з 138
Організатор: Відсутній
Статус: Набір учасників
Внесок: 39.8 ГРН
0%
Основний список
Резервний список
G

Gadzhi

Модератор

Після закінчення курсу ви будете вміти:
  • самостійно вибирати програмні засоби розробки відповідно до своїх завдань
  • Грамотно проектувати веб-сторінки і ефективно організовувати розробку коду
  • розробляти код HTML і CSS відповідно до стандартів консорціуму W3C
  • створювати веб-сторінки відповідно до основних принципів практичності (usability) і доступності (accessibility) для користувачів
  • розробляти веб-сторінки, сумісні з поширеними браузерами: Internet Explorer 6 і вище, Firefox, Opera 7 і вище
  • верстати веб-сторінки із застосуванням сучасних технологій HTML і CSS: бестабличная і комбінована верстка, абсолютне і відносне позиціонування, переповнення і обрізка блоків, впровадження зовнішніх об'єктів, зображення в CSS
  • оптимізувати веб-сторінки для друку і для перегляду на наладонних пристроях
  • тестувати веб-сторінки, виконувати контроль якості
Тривалість курсу-32 ак. ч.

Модуль 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.

https://privatelink.de/?http://www.specialist.ru/trainer/%25D0%25B0%25D0%25BB%25D0%25BC
 
Увійдіть або зареєструйтеся для відповіді.
Угорі