Информатика и выч. техника \ Вычислительная техника и программирование

Методические указания по самостоятельному изучению дисциплины "Вычислительная техника и программирование", страница 5

Создание шаблона является работой, завершающей этап изучения HTML и каскадных таблиц стилей (CSS). Работа выполняется в рамках лабораторной работы №5. Шаблон необходимо создать исключительно с использованием CSS, без использования атрибутов непосредственно в HTML-тегах. Шаблон затем будет использоваться для создания страниц вашего персонального сайта, как продолжение лабораторной работы №5.

2.2. Состав персонального сайта.

Персональный сайт разрабатывается на основе вашего шаблона, созданного перед этим.  В состав сайта, как минимум должны входить: Домашняя (или главная) страница сайта;  О себе; Лабораторные работы (выполненные).

2.3. Домашняя страница и страница «О себе».

Как уже упоминалось, домашняя страница разрабатывается на основе созданного вами шаблона. HTML-файл со страницей должен иметь имя index.htm.  Этот файл необходимо разместить в вашей папке www.

При создании страницы в блоке <head> …  </head> вы должны разместить приведённый  ниже тэг <script> … </script> с информацией о себе:

<script>

/* Данные владельца страницы*/

my_log="08kmk00";

group=my_log;

prm_tests[0]=group;

my_name="Иван";

my_patr="Петров";

prm_tests[1]=my_patr;

prm_tests[2]=my_name;

</script>

В приведённом фрагменте кода вы должны заменить выделенное жирным и подчёркнутое. Эта часть кода страницы вам пока непонятна, поскольку вы ещё не изучали программирование. За разъяснениями вам необходимо обратиться к преподавателю.

В горизонтальном меню необходимо поместить пункты Сайт группы, О себе, Лабораторные, Тесты и Успеваемость для перехода к страницам: с информацией о себе; к перечню и просмотру выполненных вами лабораторных заданий; к перечню и запуску тестов для тестирования по той или иной теме; к результатам ваших тестирований в виде журнала текущей и итоговой успеваемости по семестрам. Ниже приводится фрагмент  кода с видом ссылок, которые вы должны вставить при создании горизонтального меню.

<P CLASS=menu>

    <AHREF="javascript:history.back()" title="назад">

  Cайт группы</A>&nbsp;<!-- Назад -->

    <A HREF="exampl_HTML/example_2_1_PIP.htm"

  title="о себе">О&nbsp;себе</A>&nbsp;

    <A HREF='javascript:new_window2("LabRabs/LabRabs.htm","680px","900px")'

  title="Выполненные лабораторные">Лабораторные</A>&nbsp;&nbsp;

    <A HREF='javascript:new_window2("../../08kmk0/www/tests/tests.htm",

        "730px","900px")' title="Тестирование">Тесты</A>

    <A HREF=

      'javascript:new_window2("../../08kmk0/www/estimation/journal_one.html",

        "650px","950px")' title="Мои оценки">Успеваемость</A>

</P>

 Из приведённого выше фрагмента кода вы также должны понять, где необходимо размещать страницы вашего сайта.

В качестве контента вашей главной страницы вы должны поместить текст с информацией о вашем персональном сайте: цель и задачи создания сайта; какие языки и технологии используете; планы по его развитию.

Примерный вид главной страницы показан на рис.8.

На странице О себе не забудьте поместить ссылку для возвращения на главную страницу. В контенте должны быть ваша фотография (хотя фотографию можно разместить и в контенте домашней). Текст контента должен содержать краткую характеристику вашего жизненного пути с основными датами в вашей жизни, интересы и другую информацию, которую считаете интересной для потенциальных посетителей вашего сайта. Минимально возможный контент страницы О себе показан на рис.9.

Скачать файл