Kodomo

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

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

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

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

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

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

    • Добавьте в правильном порядке тэги <HTML>, <HEAD>, <BODY> и <TITLE>. В тексте тэга <TITLE> напишите что-то вроде "Учебный сайт Иванова Ивана" (конечно, с вашими фамилией и именем).

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

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

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

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

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

  4. Добавьте информацию на эту страницу.

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

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

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

  6. Создайте страницу "О себе".

    • Скопируйте содержимое файла index.html в файл с названием about_me.html.

    • Измените название страницы (<TITLE>) на подходящее для нее.

    • Исправьте ссылку на эту страницу с заглавной страницы в соответствии с ее нынешним адресом и проверьте, что эта ссылка работает.
    • Замените содержимое страницы из тэга <BODY> на ту информацию о себе, которой вы хотели бы поделиться с возможным читателем, в ближайшей перспективе – с преподавателями. Обязательно вставьте ссылку на вашу студенческую почту: mailto:nickname@fbb.msu.ru (если хотите, можете добавить и ссылку на личную почту). Приветствуется размещение фотографии на этой странице. Если свою фотографию почему-либо размещать не хотите, вставьте на страницу любое другое изображение.

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

  8. Создайте страницу первого семестра.

    • Скопируйте содержимое файла index.html в файл с названием term1.html.

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

    • Исправьте ссылку на эту страницу с заглавной страницы в соответствии с её адресом и убедитесь, что эта ссылка работает.



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