-
Создание навигационной панели
Навигационная панель веб-сайта — это область веб-страниц, на которой в некотором упорядоченном виде расположены ссылки на разделы и (или) страницы сайта, и единственная функция которой — предоставить пользователю удобное средство для перемещения по веб-сайту[3].
Панели навигации бывают нескольких видов, причем, как горизонтальных, так и вертикальных:
-
Одноуровневая панель навигации (или навигационная панель в виде одноуровневого списка ссылок) представляет собой панель навигации, на которой размещены равноправные ссылки на разделы ресурса.
-
Двухуровневая панель навигации представляет собой панель, в которой каждой ссылке первого (корневого) уровня соответствует несколько ссылок второго уровня[3].
Для создания навигационной панели был выбран метод использования каскадных таблиц стилей (CSS) в качестве оформления. Каскадные таблицы стилей – это формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL[6].
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц.
В теле документа <body> с помощью тегов маркированного списка <ul>, необходимо создать разделы и подразделы меню. А также вставить к ним ссылки на страницы. Для этого необходимо в панели инструментов выбрать инструмент «Гиперссылка» и в появившемся окне ввести адрес на страницу, а также альтернативный текст.
Для того, чтобы меню отображалось так, как необходимо в заголовке документа <head> перед телом документа <body> включается тег <style>, который и будет являться таблицей стилей.
В нем будет прописаны теги для оформления пунктов меню, в частности размер, цвет шрифта, изображение до, при и после нажатии пункта меню. А также тень, скругление углов меню, прописанные при помощи таких свойств, как:
#nav li {box-shadow: 5px 5px 25px #000;
border-radius: 10px;}
Навигационная панель размещается в ячейку таблицы в первой строке во втором столбце.
Заключение
В процессе выполнения курсового проекта средствами Macromedia Dreamweaver был разработан шаблон стартовой страницы сайта службы психологической помощи «Salvation».
При помощи программы Macromedia Flash был создан анимационный объект (рекламный баннер), который был размещен на стартовой странице рекламного сайта.
Дизайн, выполненный в приятных и не ярких тонах для лучшего восприятия, создает атмосферу доверия и спокойствия. Интерактивный рекламный баннер подчеркивает индивидуальность проекта.
Созданная стартовая страница заполнена данными о службе «Salvation», а также необходимой дополнительной информацией.
Список использованных источников
-
CorelDRAW Graphics Suite X6. http://freesoft.ru/?id=683657
-
Macromedia Flash. http://hotdownloads.ru/macromedia_flash
-
Библиотека Интернет Индустрии I2R.ru. http://www.i2r.ru/static/255/out_13689.shtml
-
Википедия. http://ru.wikipedia.org/
-
Омарова Г.В. Основы рекламы: Учебно-методическое пособие. – Я., Издательство «Ремдер», 2007
-
Основы CSS. http://www.web-palette.ru/sub/useful/8i/8j
-
Первое специализированное агентство Яндекс Директ.http://www.skyboom.ru/news/index.php?ELEMENT_ID=17370
-
Школа жизни.ру. Познавательный журнал. http://shkolazhizni.ru/archive/0/n-51854/
Приложение.
Рис. 1 Стартовая страница сайта
Рис. 2 Структура стартовой страницы сайта