Меню
Видеоучебник

Оформление сайта

Урок 38. Информатика 9 класс ФГОС

В данном видеоуроке рассматриваются элементы структуры веб-страницы, а также основные принципы и различные приёмы их оформления.

Конспект урока "Оформление сайта"

Вопросы:

·     С чего начинается оформление сайта?

·     Какие элементы должны присутствовать на любой странице сайта?

·     Каких рекомендаций стоит придерживаться при оформлении сайта?

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

Цвета подбираются соответственно теме сайта. Для развлекательного сайта, посвящённого, например, компьютерным играм подойдут какие-нибудь яркие и контрастные цвета. Для сайта, посвящённого оформлению дома лучше подойдут какие-нибудь тёплые цвета, которые не очень сильно контрастируют друг с другом, потому что, заходя на такой сайт, пользователь должен почувствовать уют. Главное при подборе цветов – избегать слишком ярких или «ядовитых» цветов, которые перегружают глаз. Подбирать цвета нужно к определённым областям или частям сайта, на пример от текста ничего не должно отвлекать внимание, а для названия сайта больше подойдут более яркие цвета, чтобы оно запоминалось.

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

С чего же начинается любой сайт? Введя доменное имя сайта в адресную строку браузера, мы окажемся на его домашней странице или Home Page. Домашняя страница сайта, как обложка книги. Она должна давать пользователю представление о содержании сайта. Это основное требование, которому должна соответствовать эта страница.

На домашней странице обязательно должны быть:

·     название сайта,

·     главное меню.

Также могут присутствовать и другие элементы:

·     счётчик пользователей,

·     заголовки основных новостей,

·     контактная информация автора.

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

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

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

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

3.  Главное меню находится под заголовком или сбоку от информационного блока страницы.

4.  Подвал располагается в самом низу страницы.

5.  На заднем плане страницы обычно есть фон.

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

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

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

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

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

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

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

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

Важно запомнить:

Оформление сайта начинается с подбора цветов и шрифтов для различных его областей.

Оформление веб-страницы может состоять из следующих элементов:

1.  Головной части.

2.  Главного меню.

3.  Информационного блока.

4.  Фона.

5.  Подвала.

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

0
5887

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт