Программа курса
*Помните, что это лишь базовый вариант программы. При желании Вы можете откорректировать ее под свои задачи.
1-й урок: Введение в web-технологии
- Основы сетевой терминологии: сайты, сервера, поисковые машины. Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
- Основные сведения о языках разметки: HTML, XML
- Обзор программы DreamWeaver
- Планирование сайта, содержание, целевая аудитория
- Теги и их параметры
- Структура HTML-документа
- Тег "meta".Описание метаинформации сайта. Ключевые слова
- Правила записи элементов и их атрибутов в XHTML – тэг, элемент, атрибут. Комментарии в тексте документа
- Классификация элементов - элементы блочной и линейной разметки
- Элементы физического форматирования
- Элементы логического форматирования
- Списки. Кодировки. Символьные подстановки
2-й урок: Графика на web-страницах
- Графика для веб-дизайна: форматы GIF, JPEG, PNG, их особенности
- Оптимизация графики в Photoshop, команда Save for Web
- Тег
и его атрибуты
- Управление фоном элемента
3-й урок: Гиперссылки
- Что такое гиперссылки. Элемент "a"
- Закладки
- Графические ссылки
- Навигационная панель
- Фотогалерея
- Карты ссылок
4-й урок: Использование таблиц
- Создание таблиц. Базовые элементы
- Выравнивание данных таблиц
- Управление размерами ячеек
- Объединение ячеек
- Использование таблиц для верстки страницык
- Нарезка и верстка
5-й урок: CSS - Каскадные Таблицы Стилей
- Селекторы
- Форматирование текста
- Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу
- Встроенный, внедренный, связанный стили
- Поддержка браузерами CSS. Создание стилей и классов. Принципы каскадирования и группировки
- Использование псевдоклассов
- Примеры использования стилей: Форматирование текста, таблиц, списков, фона страницы
6-й урок: Оформление элементов при помощи CSS
- Настройка фона элементов
- Рамки, поля и отступы
- Визуальные свойства CSS
- Отображение элемента (display)
- Видимость (visibility)
- Переполнение (overflow)
7-й урок: CSS. Позиционирование
- Позиционирование элементов – absolute, relative
- Свойство float, clear. Верстка без таблиц
- HTML и CSS: памятка web-мастера
8-й урок: Формы
- Формы. Правила работы с формами. Зачем нужны формы. Методы отправки информации из полей формы
- Элементы форм. Теги "form","input"
- Параметры (checkbox, radio, submit, reset)
- Меню "select"
- Текстовое поле "textarea"