Название: HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3
Год выхода: 2014
Автор: Игорь Борисов (Специалист)
Жанр: Обучающий
Продолжительность: 21:04:39
Язык: Русский
Формат видео: MP4
Качество видео: PCRec
Видео: AVC, 872x640 / 864x640, ~84 Kbps, 15.000 fps
Аудио: AAC, 64 Kbps, 44.1 KHz
Доп. материалы: присутствуют
HTML и CSS - основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий. Курс HTML рекомендуется всем, кто планирует в дальнейшем изучать другие курсы по теме «Интернет и Web-технологии». Вы получите необходимые навыки для построения сайтов и статических страниц в сети Internet. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения web-технологий, может стать первым шагом на пути к овладению профессиями Web-дизайнер, Web-мастер.
• Создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
• Самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
• Грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
• Эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
• Использовать технологию фреймов;
• Узнаете о новых возможностях HTML 5 и CSS 3;
Модуль 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. Что дальше?
• Тонкая настройка сайта на стороне сервера
• Динамические элементы на странице
• Динамическое создание контента на сервере
• Современные способы предоставления информации