Негосударственное образовательное учреждение

Высшего профессионального образования

Брянский институт управления и бизнеса

Факультет «Дополнительного образования»

ОТЧЕТ ПО ВЫПУСКНОЙ РАБОТЕ по курсу «Основы web-дизайна»

ПРОЕКТ WEB-САЙТА

Тема проекта:

Создание web-сайта

«.Гитары фирмы Rickenbacker»

Исполнитель: Симонов С.В.

Руководитель: ________________ Сидорова Л.В.

Брянск 2011

Содержание

Этапы работы по проектированию сайта 2

Список использованной литературы и дополнительных источников. 11

World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом сайтов WWW. Сайты Интернет могут быть посвящены различной тематике, в том числе различным направлениям дизайна.

Создать сайт на данную тему непросто, но ,наверно, каждый человек хотел бы попробовать себя в роли дизайнера.

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

Дадим основные определения, касающиеся тематики нашего сайта.

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

Ландшафтный дизайн может быть частным случаем более общего понятия - ландшафтного проектирования.

В данной работе мною также рассмотрены основы проектирования сайта, основы языка разметки web-страниц – HTML, который является общепринятым стандартом WWW. Это даёт возможность работать со структурой Web-страницы, владеть приемами ее правильного оформления.

В сети представлена инфа по нашей теме»Ландш. дизайн» далее …дадим определение этой области.

Этапы работы по проектированию сайта

Свою проектную работу я делал в следующей последовательности.

1. Определение темы и цели создания сайта.

2. Определение предполагаемого контингента посетителей сайта.

3. Определение содержания сайта (согласно поставленной цели и контингенту). Итог – создание эскиза и модели будущего сайта. Структура web-сайта (навигационная схема).

4. Поиск информации для содержательного наполнения сайта (используя ресурсы сети Интернет).

5. Формулировка конкретного названия рубрик (страниц) сайта. Формирование текста рубрик (для будущих web-страниц) в программе Word.

5. Определение возможных форм представления информации на сайте.

6. Реализация проекта средствами следующего программного обеспечения:

• Macromedia Dreamweaver – разработка web-страниц сайта

• Adobe Photoshop, Corel Draw – обработка графического оформления сайта

• Adobe Image Reader – создание рекламного баннера

1. Анализ и представление листинга Html-документа.

2. Представление результатов: скриншоты web-страниц сайта, портфолио (встроенных в сайт презентаций по графическим работам, выполненным по данному курсу).

Содержание этапов работы по проектированию сайта

I. Тема сайта. Цель создания. Контингент посетителей

1. Тема web-сайта: Ландшафтный дизайн

Цель создания сайта: Представить в сети интернет информацию по ландшафтному дизайнус целью популяризировать эту тему и привлечь на свой сайт единомышленников.

Предполагаемый контингент посетителей сайта: Пользователи интернет, интересующиеся темой ландшафтного дизайна.

II. Макет сайта. Структура сайта. Название рубрик

2. Макет будущего сайта:

Рис. 1. Макет web-страницы сайта «Ландшафтный дизайн»

3.Макет сайта отражает, что я выбрала тип 1-полосный табличный дизайн сайта. он распространен в WWW ввиду его удобства и практичности. Основное содержимое расположено в центральной полосе веб-страницы, элементы навигации располагаются вверху страницы под шапкой.

Структура web-сайта (и навигационная схема по страницам сайта) будет такой:

Главная страница

сайта

index.html

Главная страница

cайта

Razdel_4.html

Главная страница

сайта

razdel_3.html

Главная страница

сайта

razdel_2.html

Рис.2. Логическая структура сайта «Ландшафтный дизайн», состоящая из 4 разделов

3. При сборе информации для содержательного наполнения сайта мною использованы в основном следующие ресурсы сети Интернет:

Название рубрик (web-страниц) сайта:

1. Главная страница.

2. Раздел 1 «История создания».

3. Раздел 3 «Конструкция».

4. Раздел 4 «Портфолио».

III. Формы представления информации на сайте

4. Формы представления информации на сайте будут следующие:

• текстовая информация - основное содержательное наполнение сайта (предварительно сформировано, отредактировано в MS Word),

• фото для фотогаллереи сайта (в форматах *.jpg, *.gif, *.png);

IV. Используемое программное обеспечение

5. Для реализации своего проекта я использовала следующее программное обеспечение:

• Macromedia Dreamweaver – разработка web-страниц сайта

• Adobe Photoshop, Corel Draw – обработка графического оформления сайта

• Adobe Image Reader – создание рекламного баннера.