Лабораторная работа №2 Основы веб-дизайна. Работа с Веб-редакторами:

Microsoft Expression Web;

Adobe Dreamweaver;

Evrsoft First Page;

Amaya;

NVU;

WYSIWYG Web Builder;

Web Page Maker;

CoffeeCup Visual Site Designer;

WebSite X5 Evolution;

KompoZer;

BestAddress HTML Editor.

Цель работы: ознакомление с основными понятиями и принципами веб-дизайна; знакомство с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов

Веб-дизайн(web page design) – это процесс проектирования, планирования, моделирования и реализации доставки электронного содержимого через сеть Веб с использованием технологий (на основе языков разметки), подходящих для интерпретации и визуализации веб-браузером или другим графическим веб-интерфейсом пользователя.

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

Основными аспектами веб-дизайна (в первую очередь для коммерческих веб-сайтов) являются следующие:

• Содержимое. Информационное наполнение должно быть релевантным тематике сайта и ориентированным на целевую аудиторию сайта.

• Удобство в использовании ( usability ). Сайт должен иметь дружественный пользовательский интерфейс с простой и надежной навигацией.

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

• Видимость. Сайт должен легко находиться с помощью большинства поисковых систем и рекламных площадок.

По-сути, веб-сайт - это информационная система, которая содержит две основные компоненты:

• Компоненту представления ( front-end ). Видимое содержимое (разметка страниц, графика, аудио и текст).

• Компоненту реализации ( back-end ). Связана с организацией и эффективной реализацией исходных кодов. Включает в себя неотображаемые сценарии, серверные компоненты, являющиеся основой для компоненты представления.

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

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

Разработка веб-сайта включает в себя следующие этапы:

• Дизайн главной и типовых страниц сайта. (выполняетя обычно в графическом редакторе).

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

• Программирование сайта. Может осуществляться как "с чистого листа", так и с помощью специального высокоуровнего пакета - системы управления сайтом (CMS).

• Размещение сайта в Веб, наполнение контентом и публикация.

• Оптимизация веб-сайта с целью повышения его видимости в Веб.

• Сдача сайта заказчику.

Для дизайна веб-сайта и разработки веб-приложений имеется широкий спектр инструментальных средств. Компания Майкрософт имеет уже давнюю традицию создания WYSIWYG-инструментов такого рода. Среди таких инструментов можно назвать, в частности Microsoft Visual Studio. NETиMicrosoft Expression® Web.