Специалист - HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3 (2014) Видео

[Kanef]

По окончании курса Вы будете уметь:

• создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
• самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
• грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
• эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
• использовать технологию фреймов;
• узнаете о новых возможностях HTML 5 и CSS 3;

Спойлер: Содержание

Модуль 1. Введение и основные понятия

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

2
Модуль 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. Что дальше?

• Тонкая настройка сайта на стороне сервера
• Динамические элементы на странице
• Динамическое создание контента на сервере
• Современные способы предоставления информации

Скачать:

Для просмотра скрытого содержимого вы должны зарегистрироваться