Смекни!
smekni.com

Создание структуры Web-сайта (стр. 4 из 4)

Поля ввода Ш и В позволяют нам задать размеры изображения, введя его, соответственно, ширину и высоту вручную. Это может быть полезно, если выделенное изображение — часть оформления сайта; в остальных случаях удобнее задавать размеры изображения, перетаскивая мышью маркеры изменения размера.

Таким образом оформляем всю станицу. И наша страница примет вид, представленный на рисунке:

3.4 Создание гиперссылок

Обсуждая отличие Web-страницы от Web-сайта, я выяснила, что Web-сайт — это набор Web-страниц, связанных друг с другом. Но вот как эти самые страницы связываются, сказано не было. Пора прояснить данный вопрос.

Для этого используются гиперссылки— особые связи, ведущие от одной Web-страницы к другой. Они имеют вид фрагментов текста, выделенных особым образом (у меня они голубого цвета с подчеркиванием). Если по такой гиперссылке щелкнуть мышью, Web-обозреватель загрузит страницу, интернет-адрес которой указан в параметрах гиперссылки.

С правой стороны, в каждом окне программы Dreamweaver я заранее создала так называемую карту сайта. С помощью нее на сайте можно спокойно перемещаться при помощи гиперссылок по страницам и не бояться "заблудиться".

Давайте создадим на нашей первой Web-странице первую гиперссылку, указывающую на вторую страницу сайта istoriya.html

Выделим слова История и посмотрим на редактор свойств. Большое поле ввода Ссылкадля задания интернет-адреса для гиперссылки заметно сразу.


После этого необходимо выбрать инструмент Указатель на файл и, удерживая клавишу мыши, перетащить указатель на необходимую страницу сайта, которые мы можем увидеть в соседнем окне программы Dreamweaver:

В графе Ссылка появится имя указанного мною файла. Тем же самым способом нужно оформить все гиперссылки, которые я хочу сделать в своем web-сайте. Каждую страницу я оформляю идентичным образом, в результате чего я получила готовый Web-сайт.


Заключение

В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта.

При этом мною были решены следующие частные задачи:

– ознакомление с современными Интернет-технологиями и использовать их в своей разработке;

– изучение основных понятия и программы Dreamweaver, применяемой для разработки и создания Web-сайтов;

– ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

– ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике;

– определение структуры Web-страниц;

– предоставление пошаговой стратегии разработки web-сайта.

В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта.


Список используемой литературы

1. Дронов В. А. Самоучитель Macromedia Dreamweaver 8. — СПб.: БХВ-Петербург, 2006

2. Алексеев А.П. Введение в Web-дизайн: учебное пособие. – М.: СОЛОН-ПРЕСС, 2008

3. Барысов Р. Постройте профессиональный сайт сами. – СПб., 2009

4. Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. – М.: Триумф, 2006

5. Печников В.Н. Создание Web-сайтов без посторонней помощи. – М.: Триумф, 2006

6. Панфилов К. По ту сторону веб-страницы. – СПб.: ДМК Пресс, 2008

7. Кроудер Д. Создание web-сайта для чайников: 3-е издание. – М.:Диалектика, 2009

8. Вильямсон Х.Универсальный Dynamic HTML / Библиотека программиста – СПб.: ПИТЕР, 2001