Создание сайтов. HTML и CSS: Курсы

1. Введение и основные понятия

• Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
• Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
• Структура HTML-документа. Понятие элементов и атрибутов
• Что такое тег? Типы тегов. Правила оформления HTML-документа
• Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
• Использование комментариев.
• Создание HTML-документа в программе «Блокнот»  

2. Ссылки и иллюстрации

• Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
• Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
• Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
• Распределение иллюстраций по страницам сайта:Web-design, приемы и советы               

3. Таблицы и списки

• Структурирование информации на WEB-странице при помощи списков. Типы списков
• Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
• Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
• Использование таблиц. Макетирование web-страницы с помощью таблиц
• Использование вложенных таблиц
• Приемы использования таблиц на web-странице  

4. Фреймы и айфреймы, формы

• Зачем нужны формы. Элементы формы
• Методы отправки информации из полей формы
• Использование табличных функций при создании формы на примере анкеты
• Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
• Типичные проблемы сайта с фреймами
• Iframe- возможности использования
• Размещение аудио- и видеоматериалов на web-странице: примеры             

5. Каскадные таблицы стилей (CSS)

• Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами
• CSS: основные понятия и определения. Грамматика языка стилей
• Создание стилей и классов. Принципы каскадирования и принципы группировки
• Применение стилей и классов к элементам документа HTML
• Декоративные возможности CSS: формирование рамок и отступов
• Использование псевдоклассов и псевдоэлементов

6. Использование стилей при создании сайта

• Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
• Разработка стилевого дизайна с учетом модели представления информации (media type)
• Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
• Приемы макетирования web-страницы с использованием стилей
• Новые возможности CSS3 и их поддержка браузерами.
• Зачем нужна инструкция !DOCTYPE
• Позиционирование элементов на странице при помощи CSS.  

7. Дополнительные возможности HTML и CSS. XML-технологии и их применение

• Новые возможности CSS3 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров
• Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
• XML-технологии и их применение
• Управление отображением элемента на веб-странице (св-во display)

8. Размещение сайта на сервере и поддержка сайта

• Описание метаинформации сайта с помощью элемента META
• Вопросы хостинга
• Настройка FTP-клиента. Размещение сайта на сервере.
• Вопросы поддержки сайта
• Способы «раскрутки» сайта