Документ взят из кэша поисковой машины. Адрес оригинального документа : http://kodomo.fbb.msu.ru/FBB/year_06/term1/Pr_12/Pr_3-3.doc Дата изменения: Mon Dec 4 15:23:22 2006 Дата индексирования: Fri Dec 21 21:40:25 2007 Кодировка: koi8-r

Практикум 3.3, он же ?13


Создание HTML-страничек для своего сайта.

Если на HTML-страничке вашего сайта полная ерунда, то это тут же станет
известно (потенциально) 700 млн. пользователей интернет! Герострат не
ночевал. ?

Поэтому, рекомендую сначала отладить страничку, проверить, нет ли на ней
глупостей, а потом открыть ее на своем сайте. Создайте директорию
Practice3-3, а в ней поддиректорию Images, в которой Вы будете хранить
необходимые рисунки.

1. Создайте заготовку (шаблон) web-странички своего сайта. Для разных
страниц этот шаблон можно будет наполнять разным содержанием.


Пояснения.
a. В редакторе Far Manager создайте файл template.html.
b. Наберите текст, приведенный в образце.
c. Откройте файл в Internet Explorer, посмотрите, что получилось.
Образец специально создан так, чтобы Вам захотелось его
отредактировать.
d. Подберите цвета фона странички (bgcolor), основного шрифта
(text), ссылок на другие странички (link, vlink, alink;
догадались почему три атрибута?) и горизонтальной линии (HR),
используя код RGB.
e. Подберите размер горизонтальной линии (аттрибут size).
f. Впишите вместо слов "Фамилия, Имя" свои фамилию и имя.
g. Если дизайн вас устраивает, то переходите к п.2


При создании каждой следующей странички копируйте эту заготовку в файл с
новым именем. Единый стиль оформления всех страниц - это красиво!


2. Создайте головную страничку своего сайта (файл index.html, все буквы -
строчные!). Название страницы - Page of Ivan Ivanov (если Вы - Иван
Иванов). Обязательные элементы страницы:
a. Заголовок
b. Логотип факультета (пока официального логотипа нет, поэтому у
вас есть свобода выбора; вариант предлагается)
c. Несколько фраз о себе, своих увлечениях и т.п. Свой электронный
адрес.
d. Своя фотография (рекомендуется) или ее замена каким-либо
графическим файлом. Для отладки набор таких файлов прилагается.

e. Ссылки на головную страничку проектов и головные странички
семестров: одного первого, или нескольких - конечно, если вы
намерены учиться на факультете более, чем один семестр ?
f. Ну и ї
Рекомендации по оформлению. Управлять расположением элементов на поле
страницы можно с помощью таблицы с видимыми или невидимыми границами.
Например, можно расположить элементы так.
- Создайте таблицу, состоящую из 2-х строк, в первой строке 2
ячейки, а во второй- 5 (для ссылок на проекты и первые 4е
семестра).
- В левой ячейке первой строки поместите фотографию
- В правой ячейке первой строки поместите текст о себе. Чтобы
щелчок по вашему адресу сразу открывал окно нового письма программы
Outlook Express или аналогичной, используйте гиперссылку вида

Ваш адрес на нашем сервере.
- В нижней строке таблицы поместите гиперссылки вида: "Проекты" -
на файл projects.html; " Первый семестр" - на файл term1.html, и
т.п. Щелчок по ссылке должен открывать страничку projects.html,
term1.htm и т.п. по мере их появления.

(*) Будет красиво, если по щелчку на еще не существующие страницы
term2, ., открывается надпись "Under construction" или подобная.

3. Создайте головную страницу своих проектов (файл projects.htm в
директории public_html.


Обязательные элементы
a. Заголовок ( "Мои проекты" или что-то вроде этого)
b. 1-2 фразы о проектах
c. Список проектов - с подзаголовком и гиперссылками на страницы
отдельных проектов. На сегодня (мини-) проекты такие:
- "О белке XXXXX"
- "Бактерия Y.yyyyyyy и ее геном"
- (* не обязательно) "О вирусе (фаге) ZZZZZZ"
d. Гиперссылка на заглавную страницу
e. ї


3. Создайте страницу о своем белке (файл \xxxx\xxxx.html).

Обязательные элементы:
a. Заголовок - название белка русское и английское, с указанием
организма
b. Список идентификаторов белка и гена
- Краткое название гена
- Полное название организма: Escherichia coli, K-12 (?)
- идентификатор записи банка SwissProt
- AC последовательности (?)
- PDB-код пространственной структуры белка
c. Последовательность в формате FASTA, ее название должно совпадать
с идентификатором записи банка SwissProt;

(*) ссылка на страницу с этой записью (?)
d. Общий вид пространственной структуры; подпись к этому рисунку.
e. Ссылка на страницу PDBSum с описанием структуры


3. (*) Дополнительная страница с результатами анализа структуры.


Пояснение. Можно оформить как HTML-страницу или как гиперссылку на
файл с протоколом или отчетом в формате .doc. В последнем случае
проверьте, что текст читаемый для постороннего читателя, не просто
нагромождение несвязанных данных !!!


3. Создайте страницу с информацией о своей бактерии и ее геноме.

Обязательные элементы:

a. Название бактерии

b. Фотография

c. Ответ на вопрос почему ее геном был секвенирован

d. Гиперссылка на файл с отчетом о геноме бактерии


4. Создайте страничку первого семестра.

Обязательные элементы:

a. Впечатления о первом семестре - одна-две фразы

b. Список гиперссылок на (мини-) проекты первого семестра


5. (*) Дополнительная страница о вирусе (на усмотрение автора)