Планирование Web-сайта

Оглавление

Введение…………………………………………………………………………….3

1. Планирование Web-сайта………………………………………………...........5

2. Схема сайта………………………………………………………………………8

3. Технологии реализации……………………………………………………….10

4. Анализ существующих сайтов………………………………………………..12

5. HTML-код……………………………………………………………………….13

6. Каскадная таблица стилей…………………………………………………….17

Выводы……………………………………………………………………………..19

Литература…………………………………………………………………………21

 

 

 

 

 

 

 

Введение 

 

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

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

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

Актуальность.  В вопросе разработки и создания Web-страниц в сети Интернет накоплен огромный багаж различных методов, способов и технологий, многие из которых, к сожалению, сейчас уже являются условно применимыми. Дело в том, что обновление аппаратного оборудования год от года только прогрессирует, причем с нарастающими темпами (до сих пор пока еще действуют эмпирические законы американского специалиста в области компьютерной техники Мура – каждые полтора года мощность микропроцессоров удваивается, и каждый год стоимость компонентов персонального компьютера снижается вдвое). Поэтому представляется актуальным и практически важным рассмотреть проблему проектирования Web-сайта в современных условиях с использованием всего спектра достижений, накопленных в данной области.

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

 

В процессе достижения поставленной в курсовой работе цели необходимо решить ряд  следующих частных задач:

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

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

– выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

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

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

– выбрать стратегию  разработки и создания Web-сайта.

 

Планирование Web-сайта

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

На этапе информационного поиска потребитель может двигаться в поиске бесплатного хостинга, где можно самостоятельно при помощи базового инструментария составить страницу.

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

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

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

 Кто знает, насколько полезной такая информация окажется для кого-либо.

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

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

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

Кроме того, очень важно, чтобы сайт имел удобное название. Существует несколько неписаных правил присвоения доменного имени. Во-первых, по возможности оно должно ассоциироваться со всей деятельностью отрасли (например, автомобили - www.avto.ru). Во- вторых, доменное имя должно быть обязательно куплено. В-третьих, следует избегать длинных и сложных названий. Доменное имя должно легко читаться и произноситься. В-четвертых, признаком хорошего тона считаются имена второго уровня (например, www.имя.ru, www.имя.com).

Размещение полезной информации на своем сайте может  решить сразу несколько задач: увеличение частоты посещений; создание положительного имиджа; привлечение посетителей через поисковые системы.

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

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Сайт должен корректно отображаться при разрешении 640x480 и цветовой гамме 256 цветов.

Все большее число  разработчиков считает стандартным  разрешение 800x600. И совсем единицы  разрабатывают страницы для еще более высоких разрешений. Конечно, ваше решение будет, в первую очередь, зависеть от аудитории. Например, если сайт ресурсов для дизайнеров графики, то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800x600 или выше, в соответствии с чем и разрабатывается страница. Если сайт предназначен специально для WebTV или какого-то другого устройства отображения, следует ориентироваться на это конкретное устройство.

Размер файла графического изображения должен быть минимально возможным! Нужно максимально уменьшить объёмы строк и оптимизировать всё изображение для более быстрой загрузки. Создание изображений, предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно относиться к проблеме времени загрузки.

Все страницы должны быть оформлены в одном стиле: использовать не более трёх основных шрифтов, включая  шрифты, применяемые при создании графических объектов. Использовать три основных цвета, можно использовать оттенки. Текст не должен напрягать  зрение, глаза не должны уставать.

 

 

 

 

 

 

 

 

 

 

 

 

 

Схема сайта

Описание основных разделов.

1.Современные Интернет - технологии.

   1.1.Web-дизайн и браузеры.

   1.2.Язык разметки  гипертекстовых страниц HTML.

   1.3.Обеспечение  доступности Web-страницы.

   1.4.Представление текста на Web-страницах.

   1.5.Представление  графики на Web-страницах.

   1.6.Web-серверы.

2.Основные правила  и этапы создания сайта.

   2.1.Влияние дисплеев на Web-дизайн.

   2.2.Стандартные размеры и разрешения дисплеев.

   2.3.Альтернативные  дисплеи.

3.Выбор структуры Web-страницы.

   3.1.Создание фиксированных  и гибких Web-страниц.

   3.2.Разработка  комбинированных Web-страниц.

   3.3.Macromedia Flash.

   3.4.Стратегия разработки Web-сайта.

 

 

 

 

 

 

 

 

 

 

 

Разработка  модульной сетки.

 

ЗАГОЛОВОК
МЕНЮ	КОНТЕНТ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Технологии  реализации

При разработке сайта были использовали каскадные таблицы стилей и профессиональный редактор Web-страниц Macromedia Dreamweaver.

Средства CSS. Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) позволяют разделить смысловое содержимое странички и его оформление.

Таблицу стилей нужно  написать всего один раз при создании сайта для каждого из устройств, на котором планируется вывод  информации. К тому же таблица стилей может быть единой для целого сайта. И, следовательно, не нужно будет повторять одни и те же описания стилей на каждой из страниц.

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

 

Преимущества таблиц стилей:

1. Гибкость размещения информации

2. независимость от конкретного  языка таблицы стилей

3. каскадирование. Каскад определяет  упорядоченную последовательность  таблиц стилей, где правило более  поздних таблиц имеет преимущество  над более ранними таблицами

4. альтернативные стили.  Это даёт авторам возможность  создания нескольких таблиц: основной  и альтернативной.

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

В таблице стиля существует понятие класса, которое введено  для объединения групп элементов  с одними и теми же стилевыми свойствами.

 

Macromedia Dreamweaver.

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

Продвинутые особенности  кодирования дают возможность немедленно создавать и изменить HTML, XHTML и  тэги WML, в то время как интегрированные инструментальные средства позволяют легко проверять правильность, многократно использовать, управлять и форматировать код. Руководство проектом, качественный контроль и особенности развертывания сайта помогают эффективно формировать, развертывать и управлять полным web-сайтом.

 

Анализ существующих сайтов

Наш сайт поможет пользователю создать и разместить свой сайт в  Интернете.

Также существуют и другие сайты, где пользователь может найти  нужную информацию.

Например, стандарты HTML, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/, новые возможности HTML 4.0. и полные спецификации данной версии размещены на сайте http://www.w3.org/TR/REC-html40.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML-код

 

 

<html>

<head>