Просмотр сообщений

В этом разделе можно просмотреть все сообщения, сделанные этим пользователем.


Сообщения - upugew

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

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

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

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

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

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

Существо идеи

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

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

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

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

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

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

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

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

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

Роль контейнера для странице может выполнять прямо элемент main part сиречь же div. Ширина содержащего блока может существовать резиновой (watery), а может замечаться фиксированной (rigid).

Логотип

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

Навигация

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

Контент

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

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

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

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

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

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

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

Страницы: [1]