Пятница, 20.04.2018, 17:47
Приветствую Вас Гость | RSS

Для учителей
Для учеников
Категории раздела
Наш опрос
Оцените мой сайт
Всего ответов: 734
Конкурсы
ПЕДАГОГИЧЕСКИЙ РЕЙТИНГ РУНЕТА
Рейтинг сайтов
Общероссийский рейтинг школьных сайтов
Баннеры
Всероссийский Фестиваль Образовательных сайтов и блогов
А нам уже...
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Погода
Яндекс.Погода
Форма входа

Правила верстки сайта


Верстка сайта — важный технический процесс в ходе разработки сайта

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



1. Не добавляйте лишние элементы, если в них нет особой необходимости.

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

2. Выравнивайте текст в наиболее читабельном формате — второе правило верстки.

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

3. Не забывайте форматировать текст.

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

4. Ссылки нужно делать заметными.

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

5. Не впадайте в эксперименты с фоном и цветом шрифта, они не должны быть агрессивными.

Кроме того, на любом фоне текст должен быть хорошо различаем.

6. Подписывайте навигацию отчетливо, но при этом лаконично.

Не обходите стороной это правило верстки сайта и обязательно учитывайте его наряду со всеми остальными! Длинные ссылки в меню — это не только некрасиво, но еще и неоправданно запутано.




10 самых распространенных ошибок начинающих веб-дизайнеров


Как правило, на страницах этих сайтов присутствуют такие элементы, как:

1. Анимация. Является одной из самых распространенных элементов, причем характерная их черта – огромное анимированное изображение с несколькими бегущими строками, которые перемещаются в разные строки, на главной странице. Поверьте, что, зайдя на такую страничку, посетитель очень быстро ее покинет и вряд ли вернется снова.

2. Широкое изображение. Изображения, которые имеют большой формат, загружаются очень долго. Особенно это распространено в странах СНГ, так как для них быстрый доступ является пока еще редкостью.

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

4. Длинные тексты. Большой ошибкой является то, что сайт имеет объем одного большого файла, хотя пользователь более чем на 2,5 – 3 экрана не должен прокручивать найденный сайт.

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

6. Грамматические и орфографические ошибки. Не забывайте делать проверку орфографических ошибок, так как при их наличии будет испорчено впечатление от сайта, который вы создали. Все это может помешать добавить сайт в yandex.

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

8. Горизонтальная полоса прокрутки. Очень часто при строгом дизайне и наличии у веб «строителя» хорошей видео карты и монитора, не учитывается отображение сайта при малых размерах и разрешениях монитора. Если у него сайт отображается нормально, по у других посетителей может появляться горизонтальная полоса прокрутки. Поэтому при создании сайта необходимо проверять сайт на 256 цветах и при разрешении 800 * 600.

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

10. Under Construction. Так как объем сайта составляет, как правило, свыше 50 файлов, то надпись Under Construction является совершенно бесполезной. Рекомендуется переходить на вставку JavaScript'ах или использовать SSI, что позволит вам на достаточно высоких скоростях менять общие элементы, например, меню.

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



Идеальный веб-дизайн

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

Первое, что встречает пользователь на странице – это оформление. 

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

Идеальный веб-дизайн должен предполагать долгое пребывание гостя на вашем сайте. 

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

Принципиальное внимание при изготовлении идеального веб-дизайна необходимо уделить организации контента. 

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

Только после соблюдения этих минимальных требований можно будет сказать, что ваш идеальный веб-дизайн готов!


Дата: 08.08.13 г.
Внимание!
Наш сайт адаптирован под браузер Google Chrome
Скачать

Поиск
Школа
Телефон доверия
Детский телефон доверия в Брянской области:
8-800-2000-122
Важно!
Безопасность
Все О БЕЗОПАСНОСТИ ДЕТЕЙ
"Интернет Цензор"
Интернет Цензор
Наша Россия
Портал Культура.рф
ЕГЭ и ГИА

Социальные сети

Календарь
«  Апрель 2018  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30

МБОУ Локотская средняя общеобразовательная школа №3 /lok332@bk.ru/ ©
Администратор сайта brs-lk3.ucoz.ru - Галдин В. А. /galdin.vas@yandex.ru/ © 2012-2018
Сайт управляется системой Бесплатный хостинг uCoz 


Вверх