Задания для группы ПИ-4

На этой страничке будут размещаться задания для группы ПИ-4. Для каждого студента будет выкладываться персональное задание. Результаты выполнения этих заданий можно будет посмотреть на страничке статистики группы.

Основное заключительное задание

Ну вот, курс почти закончен и осталось последнее заключительное задание, а именно: окончательно собрать свой сайт по заявленной теме. При этом сайт должен использовать все изученные технологии и приемы верстки, полученные при оформлении рассказа О.Генри:

Готовое задание присылать мне на электронный адрес в виде ZIP-архива, включающего содержимое папки "website", т.е. собственно созданный и отлаженный сайт.

К теме "Размещение сайта на хостинге"

Для начала необходимо зарегистрироваться на бесплатном хостинге Narod.Ru, предварительно выбрав нужное доменное имя согласно приведенной чуть ниже таблице.

В рамках этого курса мы будем использовать следующий обобщенный формат доменных имен:

 spbgu-2007-yourname.narod.ru

где вместо yourname будет подставляться Ваша фамилия, написанная транслитерацией согласно приведенной ниже таблице. Если у кого-то есть возражения по поводу правильного написания фамилии в транслитерации, то пишите - исправим.

# Имя Транслитерация Доменное имя
1 Андреева Елена andreeva spbgu-2007-andreeva.narod.ru
2 Гусев Кирилл gusev spbgu-2007-gusev.narod.ru
3 Дроздов Сергей drozdov spbgu-2007-drozdov.narod.ru
5 Жалимова Алсу jalimova spbgu-2007-jalimova.narod.ru
4 Зарафьянц Андрей zarafyantz spbgu-2007-zarafyantz.narod.ru
6 Исакеев Денис isakeev spbgu-2007-isakeev.narod.ru
7 Каргина Ксения kargina spbgu-2007-kargina.narod.ru
8 Кириллов Юрий kirillov spbgu-2007-kirillov.narod.ru
9 Корж Екатерина korj spbgu-2007-korj.narod.ru
10 Никифоров Дмитрий nikiforov spbgu-2007-nikiforov.narod.ru
11 Примакина Марина primakina spbgu-2007-primakina.narod.ru
12 Слащева Татьяна slascheva spbgu-2007-slascheva.narod.ru
13 Сорокина Олеся sorokina spbgu-2007-sorokina.narod.ru
14 Тимон Елена timon spbgu-2007-timon.narod.ru
15 Федорова Людмила fedorova spbgu-2007-fedorova.narod.ru
16 Фомичев Дмитрий fomichev spbgu-2007-fomichev.narod.ru
17 Храмцов Игорь hramtsov spbgu-2007-hramtsov.narod.ru
18 Чурко Павел churko spbgu-2007-churko.narod.ru
19 Яремчук Антон yaremchuk spbgu-2007-yaremchuk.narod.ru
20 Яценковская Мария yatsenkovskaya spbgu-2007-yatsenkovskaya.narod.ru

После регистрации на Narod.Ru проверьте, что Вы можете легко зайти с выбранными параметрами на хостинг. Затем нужно будет настроить FTP-клиент и закачать посредством него ранее сверстанную страничку по рассказу О.Генри.

Внимание! Перед тем, как загружать сайт на хостинг, необходимо слегка подкорректировать код странички. Во-первых, нужно убедиться, что сам файл называется index.htm, а во-вторых, нужно скорректировать меню сайта. Необходимо сделать ссылку на общий сайт проекта:

 http://www.cherry-courses.spb.ru/examples/spbgu-2007/

а также привязать пункты меню "следующий рассказ" и "предыдущий рассказ" к тем сайтам других студентов, которые Вам больше понравятся. Адреса сайтов для ссылок выбирайте согласно таблице.

После выкладывания сайта на хостинг, обязательно протестируйте его, убедитесь, что страничка хорошо работает и затем пришлите мне скорректированный архив со сверстанным рассказом О.Генри и ссылку на работающий сайт на Narod.Ru.

К теме "Серверная технология SSI"

Используя ранее подготовленные материалы для размещения на сайте, необходимо полностью сверстать свой сайт с использованием технологии SSI. При этом необходимо предварительно сформировать файловую структуру своего сайта и сделать XHTML-шаблоны типовых страниц.

Для выполнения задания на локальном компьютере необходимо установить web-сервер Apache. Вы можете скачать его по ссылкам, указанным ниже. Это специальная сборка web-сервера, созданная для данного курса и рассчитанная на специальную установку в корень диска. Основная версия рассчитана на то, что архив будет распакован на диск С: - используйте эту версию на домашнем компьютере или ноутбуке. Версия для работы в классе отличается тем, что она привязана к персональному диску W: на факультете.

Грамотно сверстанный и полностью работающий сайт с корректной структурой и всеми необходимыми SSI-вставками необходимо присылать в виде ZIP-архива.

Более подробно об этом на страничке заданий.

К теме "Стилевая верстка страницы"

Необходимо создать графический дизайн сайта на уровне используемых блоков и подобранной ранее картинки к рассказу. Сам дизайн с профессиональной точки зрения оцениваться не будет. Но если он будет симпатичным, то это неплохо :). Перед тем как выполнять это задание, пожалуйста, прочитайте статью о создании дизайна страницы.

После выполнения задания по созданию дизайна странички нужно будет сверстать нарисованный дизайн средствами CSS. Перед тем, как делать это задание, пожалуйста, прочитайте статью о верстке функциональных блоков странички.

Более подробно об этом на страничке примеров.

К теме "Подготовка материалов для размещения на сайте"

Используя ранее созданную структуру сайта, необходимо собрать всю необходимую информацию и сверстать ее в виде страничек в формате XHTML. Каждый пункт структуры сайта должен превратиться в отдельную страничку. Пустые-странички заглушки не рассматриваются, информации на каждой страничке должно быть не меньше одного экрана. Если информации мало, то нужно подумать о том, каким образом объединить некоторые странички в рамках одного раздела. В этом случае нужно будет соответствующим образом подкорректировать структуру сайта.

Более подробно об этом на страничке примеров.

К теме "Связка технологий XHTML+CSS2"

Необходимо создать на диске файловую структуру и доработать рассказ О.Генри, определив в XHTML-коде нужные блоки, и далее создать соответствующий ему CSS-файл.

Более подробно об этом на страничке примеров.

К теме "Подготовка текста для работы со стилями"

После того, как будет сверстана страничка, необходимо будет подобрать картинку или фотографию, подходящую для рассказа. Если фотография будет большая, то ее нужно будет смасштабировать до 600 пикселов по большей стороне и прислать мне. Если это фотография, то нужно будет ее сохранить в формате JPEG, а если рисованная картинка, то в формате GIF или PNG. В дальнейшем мы используем эту фотографию в процессе оформления рассказа. Если есть возможность, то Вы можете сами нарисовать эту картинку или отснять подходящий сюжет при помощи цифрового фотоаппарата.

К теме "Язык разметки XHTML 1.0"

Необходимо сверстать исходный неформатированный текст по стандарту XHTML и проверить его при помощи валидатора W3C. Исходный файл с данными для верстки можно взять по этой ссылке. Это ZIP-архив с текстами - по одному тексту для каждого студента. В таблице приведена информация о том, кому и какой текст верстать.

# Имя Имя файла
1 Андреева Елена dary_volhvov.txt
2 Гусев Кирилл serdtse_i_krest.txt
3 Дроздов Сергей sila_privychki.txt
5 Жалимова Алсу iz_lubvi_k_iskusstvu.txt
4 Зарафьянц Андрей razvlecheniya_sovremennoy_derevni.txt
6 Исакеев Денис russkie_sobolya.txt
7 Каргина Ксения obraschenie_jimmy_valentayna.txt
8 Кириллов Юрий suprujestvo_kak_tochnaya_nauka.txt
9 Корж Екатерина klad.txt
10 Никифоров Дмитрий negodnoe_pravilo.txt
11 Примакина Марина persiki.txt
12 Слащева Татьяна odin_chas_polnoy_jizni.txt
13 Сорокина Олеся kvadratura_kruga.txt
14 Тимон Елена charodeynye_hlebtsy.txt
15 Федорова Людмила mladentsy_v_junglyah.txt
16 Фомичев Дмитрий po_pervomu_trebovaniu.txt
17 Храмцов Игорь rodstvennye_dushi.txt
18 Чурко Павел trest_kotory_lopnul.txt
19 Яремчук Антон mishurny_blesk.txt
20 Яценковская Мария poka_jdet_avtomobil.txt

Образец выполнения задания можно посмотреть на страничке примеров.

Смотри также