Описание:
HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.
Цель курса:
Курс HTML рекомендуется всем, кто планирует в дальнейшем изучать другие курсы по теме «Интернет и Web-технологии». Вы получите необходимые навыки для построения сайтов и статических страниц в сети Internet. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения web-технологий, может стать первым шагом на пути к овладению профессиями Web-дизайнер, Web-мастер.
По окончании курса Вы будете уметь:
создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
использовать технологию фреймов;
размещать сайт в Internet;
Содержание:
Модуль 1. Введение и основные понятия
* Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
* Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
* Структура HTML-документа. Понятие элементов и атрибутов
* Зачем нужна инструкция
* Что такое тег? Типы тегов. Правила оформления HTML-документа
* Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
* Использование комментариев.
* Создание HTML-документа в программе «Блокнот»
Модуль 2. Ссылки и иллюстрации
* Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
* Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
* Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
* Распределение иллюстраций по страницам сайта: приемы и советы
Модуль 3. Таблицы и списки
* Структурирование информации на WEB-странице при помощи списков. Типы списков
* Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
* Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
* Использование таблиц. Макетирование web-страницы с помощью таблиц
* Использование вложенных таблиц
* Приемы использования таблиц на web-странице
Модуль 4. Фреймы и формы
* Зачем нужны формы. Элементы формы
* Методы отправки информации из полей формы
* Использование табличных функций при создании формы на примере анкеты
* Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
* Типичные проблемы сайта с фреймами
Модуль 5. Каскадные таблицы стилей (CSS)
* Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами
* CSS: основные понятия и определения. Грамматика языка стилей
* Создание стилей и классов. Принципы каскадирования и принципы группировки
* Применение стилей и классов к элементам документа HTML
* Использование программы TopStyle для редактирования стилей
* Декоративные возможности CSS: формирование рамок и отступов
* Использование псевдоклассов и псевдоэлементов
* Позиционирование элементов на странице при помощи CSS
* Управление моделью элемента (свойство display)
Модуль 6. Использование стилей при создании сайта
* Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
* Разработка стилевого дизайна с учетом модели представления информации (media type)
* Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
* Приемы макетирования web-страницы с использованием стилей
* Новые возможности CSS level 2 и их поддержка браузерами.
Модуль 7. Дополнительные возможности HTML и CSS. XML-технологии и их применение
* Новые возможности CSS level 2 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров
* Размещение аудио- и видеоматериалов на web-странице: примеры
* Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
* XML-технологии и их применение
Модуль 8. Размещение сайта на сервере и поддержка сайта
* Описание метаинформации сайта с помощью элемента META
* Вопросы хостинга
* Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения
* Вопросы поддержки сайта
* Способы «раскрутки» сайта
Информация о курсе:
Производитель: Специалист
Сайт производителя: http://www.specialist.ru/
Автор: Грязнова Любовь Михайловна
Продолжительность: 32 часа
Тип раздаваемого материала: Видеоурок
Язык: Русский
Размер: 1.39 Gb
Информация о файле:
Файлы примеров: отсутствуют
Формат видео: mkv
Видео:
Codec - AVC
Frame Width x Height - 1024x768pixels
Frame Rate - 8.000 fps
Display Aspect Ratio - 4:3
Video Stream BitRate - 134 Kbps
Аудио:
Codec - MPEG
Sampling Rate - 44.1 KHz
