Веб-студия: создание сайта, раскрутка сайта, веб-дизайн, редизайн, продвижение сайта, оптимизация сайта

Создание сайтов. Продвижение сайтов. Оптимизация сайтов

8-916-134-36-30; 8-903-125-43-31

 

Компоновка сайта

  На главную

Выбор компоновки ] Проблемы компоновки ]

 

 

Поиск по сайту

Вверх
Бесплатные программы
Браузеры
ВикипедиЯ
Домен
Интернет-организации
Интернет словарь
Информеры
Кодировка страниц
Коды ошибок 404 и 403
Компоновка сайта
Навигация сайта
О товарных знаках
Палитра цветов
Пиктограмма сайта
Посетители сайта
Примеры форм
Протокол FTP
Протокол IPv6
Разрешения мониторов
Скорость загрузки
Структура
Счётчики
Товарный знак: закон
Формы
Цифровая подпись
Что такое "куки"
Шрифты веб-дизайна

  

  

1.   Большинство сайтов используют адаптивный (самонастраивающийся к изменению размеров экрана) дизайн компоновки веб-страниц (1-5).

 

дизайн компоновки веб-страниц 1

дизайн компоновки веб-страниц 2

дизайн компоновки веб-страниц 3

дизайн компоновки веб-страниц 4

дизайн компоновки веб-страниц 5

веб-дизайн: компоновка веб-страницы 1

веб-дизайн: компоновка веб-страницы 2

веб-дизайн: компоновка веб-страницы 3

веб-дизайн: компоновка веб-страницы 4

веб-дизайн: компоновка веб-страницы 5

  

Здесь:

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

2,5 - область размещения гиперссылок или панели навигации сайта.

4 - область размещения текста.

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

 

  

Выбор варианта компоновки веб-страниц определяется техническим заданием на разрабатываемый сайт. Основные параметры: объём сайта и технические характеристики мониторов пользователей. 

         

 

 

2.  Варианты (6-11) жёстко-переменного (адаптивной к изменению размеров экрана с жёсткими, неизменяющимися областями) дизайна компоновки страниц. Перспективная и сложная компоновка страниц. Используется в современных профессионально выполненных сайтах.

 

дизайн компоновки веб-страниц 6

дизайн компоновки веб-страниц 7

дизайн компоновки веб-страниц 8

6,7,8- компоновка сложных сайтов

веб-дизайн: компоновка веб-страницы 6

веб-дизайн: компоновка веб-страницы 7

веб-дизайн: компоновка веб-страницы 8

Красным цветом обозначены дополнительные адаптивные системы  навигации.

Варианты компоновки веб-страниц 6,7,8 наиболее предпочтительны для больших многостраничных сайтов, с многоуровневой системой навигации (Предпочтительны для 15"-19" мониторов).

 

дизайн компоновки веб-страниц 9

дизайн компоновки веб-страниц 10

дизайн компоновки веб-страниц 11

9,10,11- компоновка особо сложных сайтов

дизайн компоновки веб-страниц 9

дизайн компоновки веб-страниц 10

дизайн компоновки веб-страниц 11

Красным цветом обозначены адаптивные зоны экрана.

Варианты компоновки веб-страниц 9,10,11 наиболее предпочтительны для особо сложных многостраничных сайтов, с многоуровневой системой навигации и большим количеством информации (Предпочтительны для 17"-23" мониторов).

 

В вариантах компоновки 9,10,11:

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

2,3,5 - область размещения гиперссылок или панели навигации сайта.

4 - область размещения текста.

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

 

Основное преимущество: дизайн сайта занимает всё пространство экрана. Свободного места не остаётся.

Основной недостаток: дизайн сайта искажается на мониторах с различной разрешающей способностью.

 

•  Вариант 6 наиболее универсален.

•  Вариант 6 используется в дизайне сайта http://www.dir.antula.ru

•  Варианты 6 и 7 используются в данном сайте.

   

 

 

3.   Варианты (12-21) жёсткой (не адаптивной к изменению размеров экрана) дизайна компоновки страниц.

 

Основное преимущество: дизайн сайта отображается на экранах различной разрешающей способности в том виде, в котором он был задуман веб-дизайнером.

Основной недостаток: часть содержимого может не поместиться на экран или на экране остаётся свободное пространство.

 

дизайн компоновки веб-страниц 12

дизайн компоновки веб-страниц 13

дизайн компоновки веб-страниц 14

дизайн компоновки веб-страниц 15

дизайн компоновки веб-страниц 16

веб-дизайн: компоновка веб-страницы 12

веб-дизайн: компоновка веб-страницы 13

веб-дизайн: компоновка веб-страницы 14

веб-дизайн: компоновка веб-страницы 15

веб-дизайн: компоновка веб-страницы 16

 

дизайн компоновки веб-страниц 17

дизайн компоновки веб-страниц 18

дизайн компоновки веб-страниц 19

дизайн компоновки веб-страниц 20

дизайн компоновки веб-страниц 21

веб-дизайн: компоновка веб-страницы 17

веб-дизайн: компоновка веб-страницы 18

веб-дизайн: компоновка веб-страницы 19

веб-дизайн: компоновка веб-страницы 20

веб-дизайн: компоновка веб-страницы 21

 

 

Общие рекомендации по выбору компоновки сайта

 


 

 

Rambler's Top100 Rambler's Top100

 

 

 

 

 Skype: antula-moscow | antula@antula.ru

Создание видеороликов | Каталог сайтов "Antula" | Заказать сайт

Copyright © 2002-2013 Сергей Пыхтин