Основы стильногоWeb-сайта
СтильныйWeb-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему Web-сайту. Когда легко ориентироваться и поиск информации не сопряжен с опасностью заблудиться и потерять время. Когда странички загружаются менее, чем за минуту. Когда...
Стильность Web-сайта достигается несколькими приемами. Можно выделить следующие элементы, участвующие в создании стиля:
шрифт - в пределах публикации он должен иметь одинаковые характеристики - такие, как гарнитура (начертание), кегль (высота), цвет.
абзац - желательно, чтобы преобладал какой-нибудь один из видов выравнивания на страничке, например, публикация сделана с отступом от левого края и выравниванием влево.
цветовая схема Web-сайта - она начинается с выбора тех трех цветов страницы, которые используются для представления обычного текста, ссылок и посещенных ссылок. Все эти параметры указываются в тэге <body>. Ниже, для примера, приведена строчка, задающая цвета на этих страничках:
<body bgcolor=«#669900» text=«#333333» link=«#669900» vlink=«#666666» alink=«#000000»>
Цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта. Цвета ссылок старайтесь выбирать таким образом, чтобы, с одной стороны, читатель видел, что это ссылка, а с другой стороны, она бы не мешала ему читать основной текст. По поводу ссылок есть два полезных замечания: первое - как бы Вам не хотелось сделать цвета ссылок и посещенных ссылок одинаковыми (без веских на то причин), постарайтесь перебороть себя и придать им немного различия, для этого просто сделайте цвета уже посещенных ссылок чуть темнее; и второе - так уж получилось, что подчеркнутый текст в Web символизирует ссылку, поэтому поборите искушение использовать подчеркнутый текст в публикации, воспользуйтесь другим способом выделения.
графическое оформление сайта - во-первых, оно должно укладываться в общую цветовую схему; во-вторых, Вы должны продумать общую концепцию графического оформления. Все графические элементы можно разделить на два больших класса: рисованные и фотореалистические. Постарайтесь не смешивать эти два типа в оформлении. Кроме этого, в случае, если Вы используете на сайте фотографии в качестве иллюстраций, то перед использованием обработайте их - сделайте в случае необходимости тоновую и цветовую коррекцию, кадрирование, выберите примерный размер фотографий в публикации, найдите способ обработать края фотографии. А потом используйте данное оформление по всей публикации. И всегда пишите пояснения к фотографиям в параметре ALT тэга IMG - это будет восприниматься как подпись к фотографии и, кроме того, избавит пользователя от ожидания в случае, если его не интересует данная страничка.
навигация по сайту - именно она не дает посетителю запутаться в дебрях Вашего сайта. Всегда оставляйте для посетителя возможность перехода на главную страничку публикации. Кроме этого, не забывайте, что очень много людей попадают на Ваши странички через поисковые системы, т.е. не на первую страницу. Хороший сайт должен позволить читателю перейти на первую страничку; попросту говоря, дублируйте навигационную систему на всех страничках или сделайте так, чтобы они, по крайней мере, имели переход на основную страницу. В случае, если Вы выполняете навигационную панель графическими средствами, то обязательно сделайте ее текстовую копию и поместите где-нибудь снизу (текст в любом случае загружается быстрее графики).
Соблюдение этих нехитрых правил позволит придать Вашим страничкам профессиональный вид и сделать информацию на Вашем сайте легкодоступной и быстро находимой.
Источник: http://allWeb.ru
ошибки таким образом.
- Часть 2
- Содержание Оглавление
- Глава12.Основные термины Интернет 122
- Краткий экскурс в теорию сетей
- 1.1Как появился Интернет
- 1.2 Система адресации в Интернете dns — доменная система имен
- Общие принципы создания Web-узла
- 2.1 Web-технология html
- 2.2.Браузеры
- 2.3.Сервер, сайт, домашняя страничка
- 2.4.Анатомия сервера
- Говорим по-русски. О кодировках кириллицы
- 3. Создание html - документов ,Web-страницы
- 3.1. Классификация html-редакторов.
- 3.1.1.Визуальные редакторы
- 3.1.2. Текстовые редакторы
- 4. Другие Web-технологии
- 4.1.Java
- 4.2. Cgi (Common GateWay Interface)
- 4.3. Ssi (Server Side Includes)
- 4.4. Css(Cascading Style Sheets)
- 4.5. Рнр (Personal Home Page tools)
- 4.6. Asp (Active Server Pages)
- 4.7. VbScript(Visual basic Script)
- 4.8. Macromedia Flash
- 4.9. Dhtml (Dynamic Hyper Text Markup Language
- 4.10. Xhtml и xml
- Web-дизайн
- 5.1 Что такое Web-дизайн?
- 5.2.Программы, используемые в web-мастеринге
- Технологии Web-дизайна
- 6.1. Структура узла web-сайта
- 6.1.1. Плоская структура
- 6.1.2. Линейная структура
- 6.1.3. Древовидная структура
- 6.1.4. Комбинированная структура
- 6.1.5. Принципы построения системы навигации
- 6.1.6. Организация домашней страницы
- 6.2. Логическая и физическая структура сайта
- 6.2.1. Заглавная страница
- Динамическая и статическая компоновка сайта
- 6.2.2. Статическая компоновка страницы
- 6.2.3.Динамическая компоновка страницы
- 6.2.4. Элементы Web-страницы
- 7. Планирование и реализация Web-сайта. Три этапа.
- 7.1. Этап определения объема работы. Переговоры с заказчиком. Создание концепцииWeb-узла. Обсуждение бюджета и плана работы. Подписание договора.
- 7.1.1. Работа с заказчиком
- 7.1.2. Создание концепции Web-узла
- 7.1.3. Бюджет исрокивыполнения проекта
- 7.1.4. Роли участников разработки
- 7.1.5. ПланированиеWeb-узла
- 7.1.6.Требования кWeb-узлу и составление графика выполнения работ
- 7.2. Этап разработки компонентовWeb-узла и связывание их между собой.
- 7.2.1. Разработка дизайна интерфейса
- 7.2.2. Компьютерная графика в Web-дизайне
- Графический формат gif
- Графический формат jpeg
- Графический формат png
- 7.3. Этап тестирования готовогоWeb-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла.
- 7.3.1. Web-хостинг
- Путь первый. Бесплатный хостинг
- Путь второй. Хостинг у провайдера
- Путь третий. Платный хостинг
- Путь четвертый. Хостинг у знакомых
- 7.3.2. Маркетинг
- 7.3.3. Правила раскрутки сайта
- Регистрация в каталогах
- Индексация в поисковых системах
- 7.3.4. Обслуживание Web-страницы, сайта
- 7.3.5. Обновление информации и создание новых разделов
- 7.3.6. Регистрация в поисковых системах
- Подготовка к регистрации
- Регистрация сайта в поисковых системах
- Стандарт исключения для поисковых систем
- Контроль за состоянием учетной записи
- Использование рейтинговых счетчиков
- 8.Службы баннерного обмена
- Что такое баннер?
- Эффективность баннера
- Системы баннерного обмена
- Зарубежные баннерные сети.
- Текстовые баннеры
- Интерактивные баннеры
- Использование бесплатных досок объявлений
- Службы редиректа
- Сложный баннер
- 9. Основные принципы эффективного и стильного Web-сайта
- Основы стильногоWeb-сайта
- 6.3. ОсновныеправилаWeb-дизайна
- . Наиболее распространенные ошибки при создании сайта:
- Глава12.Основные термины Интернет