Муниципальное бюджетное общеобразовательное учреждение Павловская основная общеобразовательная школа

Версия для слабовидящих

Закрыть
Авторизация
Логин:
Пароль:

Забыли пароль?
Регистрация

Качественная разработка сайтов

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

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

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

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

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

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

Изделие идеи

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

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

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

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

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

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

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

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

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

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

Логотип

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

Навигация

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

Контент

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

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

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

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

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

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

В данном контексте стоит уяснить такие понятия, как отзывчивый веб-дизайн (Communicative Entanglement Mean aka. RWD) и адаптивный веб-дизайн (Adaptive Trap Desing aka. AWD). Первое мысль укладывается в концепцию «резинового» и означает, что быть изменении размера экрана ваш сайт подстраивается около него, второе понятие подразумевает, сколько около разработке вы определяете основные разрешения (размеры экрана), перед которые будет подстраиваться (адаптироваться) ваш контент. В обоих случаях следует разрабатывать не соло, а порядком макетов, которые будут идти разным разрешениям экрана. Зачастую создаётся 3 макета под разрешения iPhone (Android Phone), iPad (Android Memo pad) и Desktop.
Страницы: 1
Ответить
Читают тему
Форма ответов
 
Текст сообщения*
Еще
Файлы:
Перетащите один или несколько файлов в эту область
или выберите файл на компьютере
Файлы:
Загрузить файлы