HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C (2014)
11.01.2015

HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C (2014)

HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.

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

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

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


Производитель: Специалист
Автор: Специалист
Продолжительность: 24:00:00
Язык: Русский

Жанр: Web-дизайн
Качество видео: PCRec
Видеокодек: MPEG4
Битрейт видео: ~68kbps
Размер кадра: 872x640
Аудиокодек: AAC
Битрейт аудио: 64kbps

 Программа курса:
Модуль 1. Введение и основные понятия
  • Что такое web-сервер, web-сайт, web-страница
  • Основные сведения о языках разметки:
  • Эволюция языков разметки.
  • Цели и задачи языка HTML.
  • HTML-разметка: Элементы
  • Тэги
  • Структура HTML-документа. Основные элементы разметки.
  • Раздел head и заголовок документа
  • Использование комментариев
  • Атрибуты элементов
  • Специальные символы
  • Лабораторная работа: создание HTML-документа

Модуль 2. Анатомия страницы
  • Регистр букв, закрытие тегов, использование кавычек в атрибутах
  • Типы HTML-документов
  • Валидация HTML-документа, валидатор W3C.
  • Лабораторная работа: валидация разметки
  • Структурные элементы разметки
  • Текстовые элементы разметки
  • Лабораторная работа: добавление типа документа

Модуль 3. Гиперссылки
  • Понятие гиперссылок в WWW
  • Внешние и внутренние гиперссылки
  • Типы адресов в WWW
  • Дополнительные атрибуты гиперссылок
  • Лабораторная работа: создание навигационного меню

Модуль 4. Изображения
  • Типы изображений используемые в WWW
  • Вставка изображений на страницу
  • Атрибуты элемента img
  • Новые элементы для изображений в HTML5
  • Лабораторная работа: использование изображений на странице

Модуль 5. CSS. Каскадные таблицы стилей: основные свойства
  • Основные понятия CSS
  • Способы определения стилей
  • Каскадирование
  • Наследование
  • Единицы измерения в CSS
  • Селекторы
  • Псевдоклассы и псевдоэлементы
  • Лабораторная работа: базовое оформление страницы с помощью стилей
  • Свойства шрифтов
  • Свойства текста
  • Свойства цвета и фона
  • Лабораторная работа: окончательное оформление страницы с помощью стилей

Модуль 6. Списки
  • Структурирование информации на WEB-странице при помощи списков.
  • Маркированный список
  • Нумерованный список
  • Список определений
  • Смешанные списки
  • CSS свойства для списков
  • Лабораторная работа: оформление навигационного меню в виде списка

Модуль 7. Таблицы
  • Основные элементы таблицы
  • Структура таблицы на странице
  • Объединение ячеек. Типичные ошибки при работе с таблицами
  • CSS свойства элементов таблиц
  • Дополнительные элементы таблицы
  • Лабораторная работа: оформление табличных данных

Модуль 8. Фреймы
  • История фреймов
  • Вложенные фреймы (iframe)
  • Фреймы и гиперссылки
  • Лабораторная работа: добавление на страницу плавающего фрейма

Модуль 9. Формы
  • Что такое веб-формы?
  • Элемент form
  • Текстовые поля и кнопки
  • Элементы выбора
  • Списки
  • Атрибуты элементов формы
  • Лабораторная работа: создание веб-формы обратной связи
  • Элементы и их атрибуты в HTML 5

Модуль 10. Использование CSS для макетирования
  • Оформление границ элемента
  • Внутренние отступы элемента
  • Наружные отступы элемента
  • Размеры элемента
  • Позиционирование элемента
  • Видимость элемента
  • Лабораторная работа: позиционирование элементов

Модуль 11. Дополнительные возможности HTML и CSS
  • Импорт CSS
  • Стили для различных типов носителей
  • Свойства CSS для печати страниц
  • Лабораторная работа: подготовка страницы к печати
  • Свойства курсора
  • Использование внешних объектов
  • Встраивание аудио- и видео-файлов с помощью элементов HTML5
  • Обзор возможностей HTML 5 (Canvas, WebStorage, Drag-&-Drop)

Модуль 12. Мета-информация на странице
  • Использование мета-информации
  • Элемент meta и его атрибуты
  • Поясняющая мета-информация
  • Мета-информация для роботов
  • Эмуляция заголовков ответа сервера

Модуль 13. Выбор хостинга и поддержка сайта
  • Хостинг
  • Поиск хостера
  • Услуги хостера
  • Использование FTP-клиента
  • Доступ к сайту через проводник Windows

Модуль 14. Что дальше?
  • Тонкая настройка сайта на стороне сервера
  • Динамические элементы на странице
  • Динамическое создание контента на сервере
  • Современные способы предоставления информации




Скачать обучающий видеокурс (1.16 GB):
Вернуться на предыдущую страницу
Похожие новости
Теги