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 ак/ч - индивидуально