Перейти к содержанию
Авторизация  
Atena

Принцып Верстки

Рекомендуемые сообщения

Не могу понять почему некоторые верстальщики разбивают шаблон на часть 

на пример

<div class="bg1"></div>
<div class="bg2"></div>
<div class="bg3"></div>
а не делают просто 1 бг которого можно включить в стайлах.
пример
<style>
body {
background:url(../images/bg.jpg) no-repeat top center;
background-color:#fff;
height:1800px;
margin:0;
padding:0;
font-family:Arial, Tahoma, Vernada;
}
<style>
и уже <body>.......
 
Проверял на скорость загрузки и вроде нету особой разницы. 
Кто знает скажите плз)
Изменено пользователем Atena

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<style>


body {

background:url(../images/bg.jpg) no-repeat top center;

background-color:#fff;

height:1800px;

margin:0;

padding:0;

font-family:Arial, Tahoma, Vernada;

}


<style>

 

Если так прописать, то шаб у тебя будет фиксированной высоты и не будет тянуться, собственно как и сам фон.

 


<div class="bg1"></div>

<div class="bg2"></div>

<div class="bg3"></div>

 

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

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Даже статик шаблон не резину стоит разбивать по частям т.к. обший фон порой может весить 1-2 мегабайта, что, как вы понимаете, совсем не комильфо

И смотреть на загрузку заднего фона от 1 до 5 секунд - сразу портит все впечатление

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да можно и в 1 влепить, главное держать все фиксировано, чтобы на всех мониторах было все хорошо.

Хотя с модной адаптивной версткой (пусть горит создатель ее в аду) тенденции поменялись.

 

По мне так, как хочешь, так и делай :)

главное - скорость загрузки страницы

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

возможно дизайн с разными цветами и вставлять полную картинку слишком ёмко.
я часто вырезаю маленькие кусочки и в css делаю как нужно. 

+ при добавлении текста в разные разделы сайта он будет налазить или срезаться hidden-ом, а так каждая часть тянется даже если добавишь целое сочинение.
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Даже статик шаблон не резину стоит разбивать по частям т.к. обший фон порой может весить 1-2 мегабайта, что, как вы понимаете, совсем не комильфо

И смотреть на загрузку заднего фона от 1 до 5 секунд - сразу портит все впечатление

не доходит до меня, разве даже если разбить эти 2 мб ну допустим шапка 1мб контент 500кб и футер 500кб, 1мб+500кб+500кб=2мб и скорость разве не одна и та же?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 на некоторых сайтах же не видно сразу футера , да и кусочки можно оптимизировать и они не будут хуже от этого смотреться 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...