Образование
Создание сайтов по стандартам W3C на HTML 5 и СSS 3
Курс «HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3» («Специалист», 2014)
«HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.»
Цель: повторить, обновить, закрепить знания.
Критерий завершения
Курс пройден
-
«Введение и основные понятия»
- Что такое web-сервер, web-сайт, web-страница
- Основные сведения о языках разметки:
- Эволюция языков разметки.
- Цели и задачи языка HTML.
- HTML-разметка: Элементы
- Тэги
- Структура HTML-документа. Основные элементы разметки.
- Раздел head и заголовок документа
- Использование комментариев
- Атрибуты элементов
- Специальные символы
- Лабораторная работа: создание HTML-документа
-
«Анатомия страницы»
- Регистр букв, закрытие тегов, использование кавычек в атрибутах
- Типы HTML-документов
- Валидация HTML-документа, валидатор W3C.
- Лабораторная работа: валидация разметки
- Структурные элементы разметки
- Текстовые элементы разметки
- Лабораторная работа: добавление типа документа
-
«Гиперссылки»
- Понятие гиперссылок в WWW
- Внешние и внутренние гиперссылки
- Типы адресов в WWW
- Дополнительные атрибуты гиперссылок
- Лабораторная работа: создание навигационного меню
-
«Изображения»
- Типы изображений используемые в WWW
- Вставка изображений на страницу
- Атрибуты элемента img
- Новые элементы для изображений в HTML5
- Лабораторная работа: использование изображений на странице
-
«CSS. Каскадные таблицы стилей: основные свойства»
- Основные понятия CSS
- Способы определения стилей
- Каскадирование
- Наследование
- Единицы измерения в CSS
- Селекторы
- Псевдоклассы и псевдоэлементы
- Лабораторная работа: базовое оформление страницы с помощью стилей
- Свойства шрифтов
- Свойства текста
- Свойства цвета и фона
- Лабораторная работа: окончательное оформление страницы с помощью стилей
-
Списки
- Структурирование информации на WEB-странице при помощи списков.
- Маркированный список
- Нумерованный список
- Список определений
- Смешанные списки
- CSS свойства для списков
- Лабораторная работа: оформление навигационного меню в виде списка
-
Таблицы
- Основные элементы таблицы
- Структура таблицы на странице
- Объединение ячеек. Типичные ошибки при работе с таблицами
- CSS свойства элементов таблиц
- Дополнительные элементы таблицы
- Лабораторная работа: оформление табличных данных
-
Фреймы
- История фреймов
- Вложенные фреймы (iframe)
- Фреймы и гиперссылки
- Лабораторная работа: добавление на страницу плавающего фрейма
-
Формы
- Что такое веб-формы?
- Элемент form
- Текстовые поля и кнопки
- Элементы выбора
- Списки
- Атрибуты элементов формы
- Лабораторная работа: создание веб-формы обратной связи
- Элементы и их атрибуты в HTML 5
-
Использование CSS для макетирования
- Оформление границ элемента
- Внутренние отступы элемента
- Наружные отступы элемента
- Размеры элемента
- Позиционирование элемента
- Видимость элемента
-
Дополнительные возможности HTML и CSS
- Импорт CSS
- Стили для различных типов носителей
- Свойства CSS для печати страниц
- Лабораторная работа: подготовка страницы к печати
- Свойства курсора
- Использование внешних объектов
- Встраивание аудио- и видео-файлов с помощью элементов HTML5
- Обзор возможностей HTML 5 (Canvas, WebStorage, Drag-&-Drop)
-
Мета-информация на странице
- Использование мета-информации
- Элемент meta и его атрибуты
- Поясняющая мета-информация
- Мета-информация для роботов
- Эмуляция заголовков ответа сервера
-
Выбор хостинга и поддержка сайта
- Хостинг
- Поиск хостера
- Услуги хостера
- Использование FTP-клиента
- Доступ к сайту через проводник Windows
-
Что дальше?
- Тонкая настройка сайта на стороне сервера
- Динамические элементы на странице
- Динамическое создание контента на сервере
- Современные способы предоставления информации
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
