Веб-сайт. Структура, способы создания

Автор: Пользователь скрыл имя, 17 Января 2015 в 15:13, реферат

Краткое описание

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

Файлы: 1 файл

терехова реферат.docx

— 51.19 Кб (Скачать)

В этом отношении для Web-дизайнера существует единственное наиболее важное правило: размер файла графического изображения должен быть минимально возможным! Создание изображений, предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно относиться к проблеме времени загрузки.

 

2.3 Планирование  информационного потока

 

Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Хотя на многих сайтах вы можете встретить хвастливые уверения, что у них гораздо больше посетителей, чем у конкурентов, однако это не самый лучший индикатор качества исполнения. Лучшим показателем является время: если пользователи остаются на вашем сайте достаточно долго для того, чтобы пройти по разным его уровням и разделам, то вы вправе быть уверенными в хорошо выполненной работе. Это означает, что они могут найти то, что им нужно, осмотреть остальное и без особого труда вернуться обратно.

Чтобы сделать свой сайт эффективным, я должна визуализировать поток информации и выбираемые пути. Другими словами, я должна видеть свой сайт с точки зрения пользователя. Процесс планирования может потребовать больших затрат труда, однако если он доставляет мне удовольствие, то вполне вероятно, что мой сайт будет превосходен.

 

2.4 Условия  для создания успешного сайта

 

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

Четко сформулировать назначение сайта. Необходимо определить цели сайта, стараться формулировать цели настолько четко, насколько это возможно. Я хочу, чтобы сайт представлял продукцию компании Марс. После этого нужно задуматься о том, как продукция будет представлена, как позиционировать продукты на сетевом рынке. Без четко определенной цели сайт будет обречен на забвение где-то на задворках Всемирной Паутины.

Обязательно продумать аудиторию. Кто будет основной (и вторичной) аудиторией сайта? Какого они возраста? Чем они занимаются? Сколько времени они проводят на сайте?

Использовать быстро загружаемые элементы. Причина номер один, почему люди быстро уходят с сайта (или не посещают его вовсе) — слишком долгая загрузка информации. Большой объем графических файлов вызывает желание как-то повлиять на ход событий, и самое простое — это нажать на кнопку Stop, остановив загрузку.

Сделать сайт визуально привлекательным. Несомненно, в Internet немало скучных сайтов. Возможно, делает их неинтересными недостаток цвета и разнообразия текста, заголовков. Создавая свой собственный сайт, необходимо помнить, что продуманное форматирование страниц приблизит сайт еще на один шаг к заветной цели.

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

Разумно организовать содержимое. Знакомое утверждение, что содержание первично, а форма вторична. И это правда, но форма подачи содержания тоже важна. Сколько раз при посещении очередного сайта вы говорили себе: "Здесь нет ничего интересного"? Возможно, где-то глубоко внутри и захоронено что-то ценное, но откопать это что-то можно, лишь случайно на него натолкнувшись. Информация, которую посетители должны увидеть, не нужно прятать вглубь сайта. Важную информацию необходимо сделать настолько легко доступной, насколько это возможно.

Воспользоваться картой сайта. Карта сайта может оказаться особенно полезной, когда возникнут трудности с представлением информации. Начните работу с главной страницы и идите вглубь. Это визуальное представление поможет "увидеть" содержимое вашего сайта, более ясно организовать его и избежать глобальных изменений при модификации сайта. Чем более четко я смогу представить себе структуру сайта, тем больше у меня появятся новых идеи по его улучшению.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Глава 3. Структура и методы разработки Web-сайта

3.1 Виды  структур построения Web – сайтов

 

При создании Web-сайта одну из важнейших ролей играет  структура web-сайта. Неважно, сколько будет страниц на сайте – множество или всего одна. Для начала определитесь, какова цель создания сайта и какая на нем будет размещена информация. Затем соберите все необходимые данные: текст, изображения, файлы мультимедиа и т.д. Выберите подходящий HTML-редактор и приступайте.

Для одностраничного сайта, сайта-открытки структура самая простая – одна страница, на которой представлена вся информация: текст, фото, ссылки на внешние ресурсы.

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

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

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

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

Иерархическая структура напоминает пирамиду. На верхушке находится главная страница, а на ней – ссылки на страницы, находящиеся ниже. Её удобно использовать, если на верхней странице вы хотите привести краткие сведения о каждом разделе, а на нижних – подробное описание.

3.2  Основные  способы разработки сайта

 

Разработка веб – сайта осуществляется тремя разными способами:

- создание  сайта с нуля;

- сайт  по шаблону;

- использование  готовых решений + индивидуальный  дизайн.

 Сделать сайт с нуля. Этот способ разработки веб сайта по всем параметрам является самым сложным. В этом его плюсы и в тоже время минусы. Однако есть у него неоспоримое преимущество. В результате получаем не только уникальный веб-сайт, а еще различные компоненты дизайна и стиля, с деланные по нашему вкусу.

Этапы разработки:

  1. Разработка и утверждение технического задания
  2. Создание макета сайта
  3. Верстка сайта
  4. Перенос на хостинг
  5. Подключение программных компонентов
  6. Создание структуры сайта
  7. Наполнение контентом
  8. Доработка дизайна
  9. Сопровождение и продвижение сайта

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

Минусы: длинный срок создания

 

Сайт по шаблону.  Применяя вариант разработки сайта по шаблону нужно использовать специальные программы CMS joomla drupal, wordpress, а так же другие попульрные системы управления и шаблоны.

Плюсы: экономичность, оперативность, максимальнаяготовность к использованию

Минусы: не уникальность дизайна

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

 В  этом случае берется готовый  шаблон, в который вносятся существенные  изменения, касающиеся как дизайна, так и структуры ресурса.

Подбираются различные варианты фона, фоновых картинок, шрифтов. Могут заменятся на другие, но готовые решения, уже существующие графические элементы и меню, с возможной последующей доработкой.

Плюсы: индивидуальный дизайн, относительно не большие сроки

Минусы: некоторые части сайта заимствуются из других шаблонов

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Заключение

 

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

При этом мы изучили:

– современные Интернет-технологии

– основные понятия и программы Dreamweaver, применяемой для разработки и создания 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

 

 

 

 

 

 


Информация о работе Веб-сайт. Структура, способы создания