Kodomo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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