Разработка макета WEB сайта на заданную тему

интерфейс.

Простота навигации по сайту.

Ценность и назначение сайта в рамках деятельности организации.

для пользователей (юзабилити).

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

это результат, который необходимо получить с помощью Web-узла за определённый период времени

Примеры целей:
Сбор информации,
Обучение,
Развлечение,
Продажа какой-либо продукции,
Предоставление услуг.

должны быть составлены по такому образцу:
«Wеb-сайт должен обеспечивать......». Например:
Должен обеспечить регистрацию;
Должен обеспечить вход (выход);
Должен обеспечить рекламу конкретного товара каждый месяц;
Должен обеспечивать привлечение внимания потенциальных клиентов;
Должен обеспечивать быстрый доступ к основной информации для постоянных клиентов;
Должен обеспечивать доступ к контактной информации;
Должен обеспечить возможность нашей команды обновлять содержимое главной страницы каждый день.

продумывается форма и организация содержимого сайта. Работа включает широкий ряд вопросов: от создания логической структуры веб-страниц до выбора наиболее удобных форм подачи информации

Создание схемы (карты) сайта

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

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

Карта сайта - основой при разработке схемы навигации (перелинковка сайта).

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

Макет нужно рисовать схематически.

Макет Wеb-страницы это общая схема страницы и расположенных на ней элементов.

элементов в качестве украшения или навигации. Собственно «дизайн страницы» - это графический файл, слоёный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.

Разработка Web-графики
Создаётся несколько вариантов дизайна, в соответствии с разработанной картой сайта (хотя бы три). Отдельно создаётся дизайн главной страницы, и дизайны внутренних страниц (например: статьи, новости, каталог продукции).

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

Разработка текстового содержимого
Определить содержимое текстовых блоков, тип и стиль текста.

с помощью которого его содержимое можно будет просматривать с помощью браузера.

Сборка

На этапе разработки все элементы (текст, рисунки, видео, звук, Flаsh-анимация) готовятся к размещению на Web-странице.
Чтобы пояснить web-браузеру последовательность расположения и форматирования элементов на web-странице используется специальный язык HTML – язык гипертекстовой разметки.
После того, когда работа над кодом будет закончена, можно загрузить файл в Wеb-браузер для просмотра результатов.

CSS (Cascading Style Sheets) – каскадные таблицы стилей. В эти таблицы стилей заносятся стили отображения различных элементов страницы (стиль текста, границы между различными частями страницы).
Любые форумы и сайты - это таблицы с текстом и ссылками, а дизайн CSS позволяет этим таблицам принять вид удобный для чтения и восприятия информации.

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

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

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

распространение и эффективная доставка сайта по сети: размещение файлов сайта на хостинге (сервере провайдера), нужные настройки и поисковую оптимизацию. На этом этапе сайт пока закрыт для посетителей.
В день запуска Web-сайта снимаются все блокировки для того, чтобы пользователи Интернета получили возможность просмотреть ваш Wеb-сайт.

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