5.Таблица стилей:

Для сайта разработан CSS-файл, так называемая таблица стилей. В нём описаны стили для каждого из блока HTML-страниц. В самом начале задаются общие параметры для всех элементов документа:

• body {

• font: 100% Verdana, Arial, Helvetica, sans-serif;

• background: url(img/bg.jpg);

• margin: 0;

• padding: 0;

• text-align: center;

• color: #000000;

Параметры “margin: 0;” и “padding: 0;” в данном случае используются для сброса всевозможных отступов в документе. Это необходимо для того, чтобы избежать возможных проблем с отображением сайта в разных браузерах.

Основные блоки страниц сайта, для которых были заданы специальные стили в таблице стилей: container, header, sidebar1, coolmenu, mainContent, footer. Для разных элементов основных блоков (заголовков, параграфов и т.д.) также заданы собственные стили.

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

6. JavaScript:

На сайте реализованы два сценария на языке JavaScript: отключение правой кнопки мыши и часы. Сценарии реализованы в отдельных файлах с расширением “.js” и подключаются к страницам в теге <script></script> посредством использования атрибута src, значением которого является URL-адрес подключаемых файлов.

В левом блоке сайта над блоком меню выведены цифровые часы. За вывод часов отвечает скрипт, описанный в файле timer.js:

function timer()

{

var v_time=new Date()

var hour=v_time.getHours()

var min=v_time.getMinutes()

var sec=v_time.getSeconds()

var temp=""+hour

temp+=((min<10)?":0":":")+min

temp+=((sec<10)?":0":":")+sec

f.time.value=temp

setTimeout("timer()",1000)

}

На страницах «резюме» и «об авторе» отключена правая кнопка мыши с помощью скрипта, описанного в файле right_button.js:

function click(){

if(event.button==2){

alert;

}

}

document.onmousedown=click

Заключение

Результатом данной работы является создание сайта по заданной тематике и размещение его на сервере математического факультета КемГУ. Сайт соответствует следующим требованиям:

• Содержит форматированный текст, таблицу, прочие основные элементы языка HTML;

• Содержит резюме автора;

• Отражает отношение автора к интересной ему тематике (информация о гитарах, приёмах игры на гитаре, оборудовании, необходимом для игры на электрогитаре);

• Об авторе (about_me.html);

• Резюме (rezume.html);

• Немного о гитарах (hobby.html);

• Приёмы игры на электрогитаре (priem.html);

• Оборудование (oborud.html);

• Содержит понятную систему навигации.

Для работы с кодом использовались программы Adobe Dreamweaver CS3 и Windows Notepad 6.1.

Для редактирования изображений была использована программа Adobe Photoshop CS3.

Тестирование сайта производилось в браузерах: Internet Explorer 9 beta, Internet Explorer 7.0 (portable), Mozilla Firefox 3.6.10, Google Chrome 6.0.472.63, Opera 10.63.