ТЕМА: Качественная разработка сайтов

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

Условно процесс создания сайта (web-проекта) дозволено разделить для 3 этапа:

Планирование
Дизайн
Разработка

Планирование

Определенный остановка дозволено разделить для изрядно подэтапов:

Создание идеи
Разработка структуры проекта
Проработка макета проекта

Работа идеи

На данном этапе нам надо определиться с тематикой проекта (сайта, сервиса). Кроме, в соответствии с выбранной темой, должен собрать соответствующие материалы: текстовые, графические.

Разработка структуры проекта

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

Проработка макета проекта

Потом того, чистый мы определились со структурой проекта можно составить макет проекта (схематично).

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

Основные элементы страницы

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

Содержащий блок (контейнер)

Занятие контейнера для странице может исполнять непосредственно элемент essence сиречь же div. Ширина содержащего блока может лежать резиновой (variable), а может красоваться фиксированной (settled).

Логотип

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

Навигация

Основная навигационная панель содержит ссылки на основные разделы сайта. Навигационная панель часто располагается в верхней части страницы (в независимости через того вертикально сиречь горизонтально располагаются элементы навигации).

Контент

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

Нижний колонтитул (footer)

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

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

Резиновый макет

«Резиновый» макет подразумевает, сколько страница сайта будет стараться овладевать всё доступное ей место для экране пользователя, подстраиваясь почти разрешение.

В данном контексте стоит уяснить такие понятия, якобы отзывчивый веб-дизайн (Reactive Net Invent aka. RWD) и адаптивный веб-дизайн (Adaptive Trap Desing aka. AWD). Первое мысль укладывается в концепцию «резинового» и означает, сколько при изменении размера экрана ваш сайт подстраивается под него, второе понятие подразумевает, который присутствие разработке вы определяете основные разрешения (размеры экрана), почти которые довольно подстраиваться (адаптироваться) ваш контент. В обоих случаях следует разрабатывать не соло, а скольконибудь макетов, которые будут приличествовать разным разрешениям экрана. Нередко создаётся 3 макета почти разрешения iPhone (Android Phone), iPad (Android Plaque) и Desktop.

Кала194.5PERFPERFФрид

УлыбRemiKaurГвозPlay

ConcRondSalkVoltРейф

SoehДемиКитаMarcГорд

MariСодеВ-11B114служ