(Тексты упражнений находятся в документах upragnen1.doc и upragnen2.doc) Для выполнения упражнений потребуются исходные материалы, находящиеся по адресу:

http://club-edu.tambov.ru/methodic/2007/ppsite/seminar/material_site.rar.

В составе архива - папка Материалы для образ. сайта, в которой находится следующее.

• Папка Maket - содержит файл макета сайта index.psd.
• Папка Pictures - анимационные изображения и баннеры.
• Папка Result - результаты выполнения упражнений, приведенных ниже.
• Папка Result\Maket - файлы (index_fragm.psd - макет, разрезанный на фрагменты в Photoshop CS2, index_fragm7.psd - макет, разрезанный на фрагменты в Photoshop 7.0)
• Папка Result\Web - результаты в html-коде, окончательный результат - _index.html.
• Папка Texts - тексты, необходимые для выполнения упражнений.
• Папка web-editor - дистрибутив свободно-распространяемого html-редактора Smart Web Builder.

Упражнение 1. Проектирование структуры сайта
Упражнение 2. Работа с программой Adobe Photoshop по созданию макета сайта
2.1. Замена изображения в левом верхнем углу макета
2.2. Изменение названия сайта в макете
2.3. Изменение цветового баланса слоев макета
Упражнение 3. Разрезка макета на фрагменты (Подготовка макета к верстке - см. рисунок 2)
Упражнение 4. Автоматическая верстка в программе Adobe Photoshop
Упражнение 5. Просмотр и изменение html-кода файла index.html стандартными средствами.
Упражнение 6. Установка html-редактора Smart Web Builder.
Упражнение 7. Изучение html-кода файла index.html в HTML-редакторе Smart Web Builder, добавление комментариев.
Упражнение 8. Перевод изображений из ячеек таблицы в фоновые изображения ячеек и выравнивание текста по вертикали в ячейках.
Упражнение 9. Преобразование ширины web-страницы из фиксированной в автоматически растягиваемую по ширине окна браузера пользователя.
Упражнение 10. Переименование файлов с русскими именами, если таковые имеются, и внесение изменений в html-код.
Упражнение 11. Теги html работы с текстом (теги <div>,<font>, <br>,<strong>) и списками (<ul>,<ol>,<li>). Работа c меню.
Упражнение 12. Работа c названием текущего раздела.
Упражнение 13. Теги заголовков <h1> - <h6>. Работа c текстом текущего раздела или статьи.
Упражнение 14. Вставка изображения (тег <img>). Вставка баннеров первую строку.
Упражнение 15. Создание гиперссылок на внутренние разделы сайта. Создание гиперссылки в главном меню
Упражнение 16. Создание гиперссылок на другие сайты .
Упражнение 17. Создание гиперссылок на внутренние разделы сайта в главном меню
Упражнение 18. Работа с таблицами стилей CSS. Создание внешних таблиц стилей в отдельном файле.
Упражнение 19. Работа с таблицами стилей CSS. Создание внутренних таблиц стилей в отдельных тегах.
Упражнение 20. Работа с таблицами стилей CSS. Создание классов во внешних таблицах стилей.

Упражнение 21.
21.1 Регистрация на narod.ru. Загрузка файлов в корневую папку сайта.
21.2 Перенос структуры и файлов сайта на Народ.
Упражнение 22.
22.1 Создание гостевой книги
22.1 Администрирование гостевой книги
Упражнение 23. Создание счетчика посещаемости
Упражнение 24. Установка формы поиска по сайту
Упражнение 25. Создание персонального чата
Упражнение 26. Создание опросов
Упражнение 27. Подключение к Народ.Ру по FTP с помощью файлового менеджера FAR