Контрольная работа: Разработка web-сайта
Сайт разработан так, что находясь на любой страничке, вы можете выбрать необходимый вам раздел. Возможность попасть в любое место сайта несмотря на свое место нахождения в нем – упрощает навигацию, делая ее очень простой и удобной.
Рис. 1 Навигация по сайту
3.2 Разработка интерфейса
Палитра цветов интерфейса состоит из жёлтого и синего цвета. На жёлто-оранжевый фон накладывается еще рисунок из файла – заголовок.
Рис. 2 Главная страница сайта – «Новости»
Рис. 3 «О компании» – информация о компании.
На данной странице используется Java – скрипт. При загрузке странице текст появляется не сразу, а по одной букве, эффект «печатающей машинки».
Рис. 4 «Услуги» – перечень выполняемых услуг, цели и виды деятельности предприятия.
Рис. 5 «Вакансии» – текущие вакансии на предприятии на данный момент.
Рис. 6 «Контакты» – информацию о контактных телефонах и адресах предприятия.
3.3 Описание используемых тегов
Документ в целом отмечен как документ в формате HTML, т.е. начинается командой <HTML> и заканчивается командой </HTML>.
Для выделения заголовка: <HEAD> Заголовок документа <HEAD>
Для ввода титульной строки в заголовок документа: <HEAD> <TITLE> </TITLE> </HEAD>
Для записи основного текста: <BODY> Основной текст </BODY>
Для перехода на следующую строку: <BR>
Для создания пустой строки: <P></P>
Таблица создается с помощью команд <TABLE> и </TABLE>. Команда <TABLE> может иметь следующие параметры: BORDER - определяет линии, разграничивающие клетки в таблице. CELLPADDING - определяет минимальный промежуток вокруг содержимого таблицы. BGCOLOR - определяет цвет фонового изображения в таблице. Для формирования таблицы, состоящей из нескольких строк, используется команда <TR> , разделяющей строки и <TD>, разделяющей столбца.
Для записи гипертекстовой ссылки: <A href = “URL”> Переход по гипертекстовой ссылке. </A>
Для записи гипертекстовой ссылки с помощью рисунка вместо текста для ссылки вставляют рисунок: <IMG SRC= “ИМЯ ФАЙЛА” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >.
Процедура на JavaScript – их две один для вывода текста на экран в виде бегущей строки (эффект печатающей машинки), второй для подсветки пунктов меню.
Style.css - простенькая табличка стилей там указан стиль для popup окна и заданы некоторые атрибуты для body и ссылок.
<link href="style.css" rel="stylesheet" type="text/css">
Стиль пишется между тегами <HEAD> </HEAD>
Список литературы
1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.