Материалы к занятию 15

Создаем учебный сайт!


 
     
Cначала создаем еще две HTML-странички в рабочей директории Practice12 и соединяем все странички с помощью гиперссылок.
  1. Создайте заглавную страничку первого семестра

    Имя файла "term1.html". Название страницы - "Term1". Главный заголовок текста - "Первый семестр". Заголовок выровнен по центру. Далее поместите заголовок оглавления "Результаты упражнений", под ним поместите само оглавление, оформленное в виде многоуровневого списка:

      ! Общие сведения о белке ****_ECOLI
      ! Исследование пространственной структуры белка (PDB-код ****)
        # Общее описание 3D-структуры
        # Описание вторичной структуры
        # Описание области контакта с функциональным лигандом
      | Аланилаланилаланин (работа с ACD/ChemSketch)
      ! Результаты поиска в Интернете (как оформлять этот пункт, будет сказано на след. занятии)

  2. Создайте связи между готовыми страничками и заглавной страницей семестра

    Создайте поддиректорию term1, а в ней подподдиректорию images. Скопируйте в поддиректорию term1 все странички с отчетами, а в images все картинки к ним.
    На страничке term1.html (оставшейся в головной диретории) превратите соответствующие пункты оглавления в работающие гиперссылки на соответствующие страницы с отчетами.
    На каждой из готовых страниц создайте обратную гиперссылку на страницу term1.html, например, "На главную страницу первого семестра". Ее разумно разместить в правом/левом верхнем углу, чтобы читателю не нужно было ее долго искать. Проверьте работу всех гиперссылок!

    Когда Вы уже создадите все странички отчета, на страничке "term1.html" между основным заголовком и оглавлением поместите небольшой текст (2-3 строки), в котором объясните, чему вы реально научились в течение семестра (мы понимаем, что это не то же самое, чему мы вас учили). Отметьте, что показалось полезным, интересным, скучным и т.п.

  3. Создайте главную страничку Вашего сайта

    Имя файла: "index.html" (все буквы - строчные!). Название страницы - Personal student's page of Ivan Ivanov (если Вы - Иван Иванов).

    Далее поместите таблицу, состоящую из 2-х строк, в первой строке 2 ячейки, а во второй — 5.
    В левой ячейке первой строки поместите Вашу фотографию (если фотографии пока нет, положите один из рисунков photo.GIF или photo2.GIF из директории P:/y05/Practices/Practice13 .
    В правой ячейке первой строки поместите текст типа:

      Здравствуйте, меня зовут Иван Иванов!
      Мой почтовый адрес - адрес на нашем почтовом сервере
      Я - чемпион России по боксу, очень люблю математический анализ и английскую поэзию XIX века (или любые другие сведения о себе, которые Вы хотите сообщить всем)

    Чтобы щелчок по Вашему адресу сразу открывал окно нового письма программы Outlook Express или аналогичной, используйте гиперссылку вида
    <A href="mailto:qqq@msu.ru">Ваш адрес на нашем сервере</A>.
    В нижней строке поместите гиперссылку вида: " Первый семестр". Щелчок по ссылке должен открывать страничку term1.html.
    На странице term1.html, в свою очередь, создайте обратную гиперссылку "Главная страница".


  4. Открываем сайт!

    На своем диске Н: создайте (в корне!) директорию public_html (все буквы - строчные!). Скопируйте в нее все файлы и поддиректории, составляющие Ваш сайт. Наберите в Internet Explorer адрес http://kodomo.cmm.msu.ru/~ivanov/ (если Ваше пользовательское имя - ivanov)— должен открыться Ваш сайт. Если на нём видны все страницы и все картинки, и к тому же все гиперссылки правильно работают, то Вы в двух шагах от зачета. Если нет, то придется еще поработать …

* Дополнительно

В левом верхнем углу поместите рисунок логотип Вашего курса. Рисунок находится в файле P:/y05/Practices/Practice13/logo.gif
(если придумаете лучше, мы согласимся, но заниматься этим стоит только после получения зачета).