Web-дизайн: Курсы

Особенности HTML-документа

1.    Основные понятия HTML

• Понятия: Тег, элемент, атрибут;
• Правила создания HTML-документов: Структура документа, тэги тела документа, стили текста

2.    Создание разметки страницы сайта

• Пример заполнения таблицы;
• Создание каркаса Web-страницы при помощи таблицы;
• Размеры таблицы.

3.    Управление форматированием - изменение внешнего вида текста

• Создание разметки главной страницы сайта;
• Рисунок для заголовка сайта;
• Управление форматированием текста - создание абзацев;
• Управление форматированием - изменение внешнего вида текста;
• Создание гипертекста (ссылок)

4.    Создание заголовков и маркированных списков

• Оформление заголовков;
• Оформление маркированных списков;
• Отображение горизонтальных линий .

5.    Нумерованные списки. Создание Бегущей строки

• Оформление нумерованных списков;
• Создание бегущей строки;
• Создание всплывающих подсказок

Создание сайта средствами редактора Dreamweaver

1.    Начало работы с редактором Dreamweaver

• Настройка программы для создания сайта;
• Создание Web-страницы сайта.

2.    Создание сайта из шаблонов редактора Dreamweaver

3.    Создание и использование стилей CSS

4.    Контейнерный дизайн. Использование блочных контейнеров

• Создание Стилей CSS, для управления контейнерами главной страницы;
• Создание разметки страницы сайта с помощью контейнеров и стилей CSS.

5.    Использование и создание свободно позиционируемых контейнеров

• Создание анимации слоёв;
• Показ и скрытие свободно позиционируемых элементов (Show-Hide Layers).

6.    Способы создание навигационного меню. Использование Web-сценариев

• Создание меню с использованием CSS и контейнеров(div).

7.    Создание эффекта смены картинки с использованием Behaviors

• Создание ссылки на картинку с Behaviors;
• Способы задания цели гиперссылок.

8.    Работа с формами

• Создание формы для опроса посетителей сайта;
• Использование таблиц для улучшения вида форм.

9.    Создание меню гиперссылок (Show Pop-Up Menu)

• Создание вложенного меню гиперссылок (Show Pop-Up Menu).

10.    Проектирование, верстка и публикация сайта

• Проектирование структуры и регистрация нового сайта;
• Создание макета главной страницы сайта в Adobe Photoshop;
• Добавление текста и рисунка на страницу в Adobe Photoshop;
• Разделение макета на фрагменты;
• Создание базовой кнопки;
• Создание меню.

11.    Консультации и отработка пройденного материала

Продолжительность курса:

• 30 ак/ч - группа
• 14 ак/ч - индивидуально