Занятие 5: задания

  1. Создайте заготовку страницы сайта

    Откройте FAR Manager. С его помощью создайте директорию H:\Term1\Block1\Practices\Practice5, а в этой директории — новый файл template.html. Наберите текст, приведенный ниже:

    Сохраните файл. Откройте созданный файл с помощью браузера Mozilla Firefox (в главном меню щелкните по кнопке <FILE>, в выпадающем меню выберите кнопку <Open File> и откройте нужный файл. Должна открыться созданная вами HTML-страничка.

  2. Создайте файл со стилями вашей страницы

    Создайте файл "default.css" в директории с вашим HTML файлом. Напишите строчку

    H1 {color: #fbbfbb; text-decoration: underline;}

    Создайте стили для элементов: BODY, A, A:hover, HR, P. Попробуйте стили background-color: green; color: white; font-size: 15pt; text-indent: 1em;.

    Добавьте в файл template.html строчку 

    <link rel="stylesheet" type="text/css" href="default.css">
    между тегами <HEAD> и </HEAD>. Таким образом вы сообщите браузеру, что стили следует брать из файла default.css. Обновите страницу template.html в браузере и посмотрите, что получилось. Подберите такие стили, чтобы страница имела приятный внешний вид*.
    В будущем вы будете использовать этот файл стилей для своего web-сайта.

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

    Создайте копию файла template.html с названием term1.html и превратите ее в страничку первого семестра. Миниучебник HTML найдете здесь .

    Наши требования к странице:
    • страничка должна иметь название "Первый семестр"
    • на страничке должен быть заголовок "Первый семестр"
    • список ссылок (пока из двух; странички для них вы сделаете на следующем задании):
      • На страницу о белке XXX_Bacsu
      • На страницу о заданной бактерии или архее
    • Ссылку на главную страницу сайта (см. ниже)

  4. Создайте главную страницу вашего учебного сайта

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

    Требования к странице

    • название файла - index.html
    • название странички - "Главная страница учебного сайта Ивана Иванова, 2009". Или что-то похожее.
    • Заголовок
    • картинка — желательно ваша фотография
    • внизу странички — прямая черта и копирайт
    • Ссылки:
      • Гиперссылка на адрес вашей электронной почты. Для этого используйте гиперссылку c адресом вида:
        href="mailto: login@kodomo.fbb.msu.ru";
      • на страницу первого семестра
      • на страницу проектов. Так как проектов у вас пока нет, скопируйте шаблон и напишите, что страница в разработке
      • Ссылку на сайт ФББ.

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

Cеместры Студенты Преподаватели