Kodomo

Пользователь

Учебная страница курса биоинформатики,
год поступления 2015

Практикум 4. Задания

  1. Создайте директорию public_html на своем диске H:\ (в корне Вашей домашней директории). Название и расположение должно быть в точности таким, как написано тут. В этой директории должны находиться все материалы, используемые в вашем сайте.

  2. Создайте файл template.html: это будет стандартная заготовка для остальных страниц Вашего сайта. Поместите его в созданную на предыдущем шаге директорию public_html. Откройте файл template.html с помощью Far Manager и отредактируйте его, чтобы он стал настоящей HTML-страницей (см. подсказки):

    • В первой строке файла добавьте тэг <!DOCTYPE html>.

    • Добавьте в правильном порядке тэги <HTML>, <HEAD>, <BODY> и <TITLE>. В тексте тэга <TITLE> напишите: "Заготовка HTML-страницы".

    • Добавьте в нужное место тэг <META> с указанием кодировки (например UTF-8). Сохраните файл в этой самой кодировке!

    • Добавьте заготовку для основного заголовка (тэг <H1>, текст "Временный заголовок") и параграфа основного текста (тэг <P>, текст "Страница находится в стадии разработки").

    • Добавьте горизонтальную линию в конец страницы (тэг <HR>)

    • После горизонтальной линии добавьте информацию о копирайте в таком виде: <символ копирайта> <Ваши Фамилия и имя>, текущий год. Ищите HTML-код для символа копирайта в интернете, например на этом полезном сайте.

    • Настройте цвет фона и шрифта вашей страницы (атрибуты тэга <BODY>: text и bgcolor). Убедитесь, что цвета получаются такими, что основной текст хорошо видно на выбранном фоне, и комбинация не режет глаза. Можете воспользоваться разумными палитрами, например на этом сайте.

    • (дополнительно) Выясните, что означают шесть символов в обозначении палитры, например "#26f49c".

  3. Откройте получившийся файл с помощью Google Chrome или другого браузера. Убедитесь, что вы видите написанный вами текст, горизонтальную линию, символ копирайта и название всей страницы из тэга <TITLE>.

  4. Создайте копию файла template.html с названием index.html (это будет заглавная страница вашего сайта). Название файла должно быть именно таким!

    • Измените название страницы на что-нибудь вроде "Учебный сайт Иванова Ивана" (конечно, с вашими фамилией и именем)
    • Добавьте на страницу приветствие для посетителя и краткое описание (в свободном виде). Можете добавить другие элементы, которые, как Вы считаете, будут полезны впервые зашедшему на вашу страницу человеку.
    • Помимо этого, на странице должны находиться гиперссылки на:
      • Страницу первого семестра (вы создадите эту страницу последним действием) – при планировке расположения учитывайте, что впоследствии потребуются ссылки на страницы второго, третьего и прочих семестров.

      • Страницу "О себе" (см. ниже об этой странице).
      • Официальный сайт ФББ МГУ: http://fbb.msu.ru/.

  5. Проверьте, что данная страница стала доступной в сети интернет. Для этого введите в поисковую строку браузера адрес http://kodomo.fbb.msu.ru/~nickname, где вместо nickname напишите Ваш логин в системе Kodomo. Также можно попробовать выбрать свою страницу в списке студентов на странице вашего курса.

  6. Создайте страницу "О себе". Для этого скопируйте ваш файл template.html в файл с названием about_me.html. Измените название страницы на подходящее для нее. Исправьте ссылку на эту страницу с заглавной страницы в соответствии с ее нынешним адресом и проверьте, что эта ссылка работает. Напишите ту информацию о себе, которой вы хотели бы поделиться с возможным читателем, в ближайшей перспективе – с преподавателями. Обязательно вставьте ссылку на вашу студенческую почту: mailto:nickname@fbb.msu.ru> (если хотите, можете добавить и ссылку на личную почту). Приветствуется размещение фотографии на этой странице. Если свою фотографию вы размещать не хотите, вставьте на страницу любое другое изображение.

  7. Создайте внутри директории public_html директорию для текущего семестра: term1.

  8. Создайте страницу первого семестра. Для этого скопируйте ваш файл template.html в файл с названием term1.html и поместите этот файл в директорию первого семестра.

    • Измените название страницы на подходящее для нее.
    • Замените шаблонный абзац на подходящий по содержимому страницы (например, описание того, с чем вы уже познакомились в этом семестре).
    • Исправьте ссылку на эту страницу с заглавной страницы в соответствии с ее нынешним адресом и проверьте, что эта ссылка работает.



Срок выполнения заданий – утро дня следующего занятия. Это означает, что к этому моменту ваша заглавная страница должна быть доступна через интернет, на ней должны работать все гиперссылки и должны быть созданы две другие страницы: страницу первого семестра и страницу "О себе".