Yumika
Но попробовать-то можно!..

Доброго времени суток всему честному народу.Думаю это подходящий топик, подходит к тому о чем сейчас пойдет речь
Я тоже балуюсь html, и мое сайтостроение строилось в основном табличным способом,решил познать верстку на div.И боюсь блочная верстка закрепится в инете серьезно и надолго,тем более большинство серьезных порталов перешли именно на этот вид верстки.Собственно говоря не трудно догадаться о чем пойдет речь.
Секреты блочной верстки DIV

Перелопатил можно сказать весь рунет,дабы найти хоть более понятное объяснение этому виду искусству.Как бы описание есть,но мне не очень нравился код,приводимый для примера.
И вот кажется нашел.Набрел на один блог паренька зовут Андрей Галямов,где просто и доступно объяснил что и к чему.За что ему огромное спасибо.Наберусь смелости и процитирую его блог
Поехали
====================================================================================
В последнее время очень популярной стала блочная верстка сайтов или, как ее еще называют, div верстка. Большинство современных сайтов строятся именно по этой технологии. Суть ее заключается в том, что базовый каркас (шаблон) страницы формируется из блоков, в качестве которых выступает html тег DIV . С помощью стилей эти блоки позиционируются на странице определенным образом, формируя каркас, который уже затем наполняют содержимым.

В данном уроке я попытаюсь доходчиво объяснить, что такое блочная верстка и по какому принципу она строится. Материал рассчитан на людей, впервые столкнувшихся с понятием div верстка, поэтому спецов прошу не судить строго

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

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

Вот примерный план урока:

1. Что такое блочная верстка, и каковы ее базовые принципы.

2. Верстаем двухколонный макет фиксированной ширины (меню слева)

3. Верстаем двухколонный макет фиксированной ширины (меню справа)

4. Верстаем трехколонный макет фиксированной ширины

5. Разбираем различия фиксированных макетов и резиновых(которые тянутся на весь экран) и соответственно верстаем все перечисленные макеты, только в резиновом варианте..

6. Подводим итог о блочной верстке сайтов..

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

http://static.video.yandex.ru/lite/prihoz/bbiua9mb97.2429/

Для всех текстовых элементов, находящихся в шапке, контенте,
и подвале (в общем в тех элементах, для которых свойство FLOAT не задано),
нужно обнулять отсупы margin. Будь то параграфы, заголовки и.т.д.
Т.е. нужно всем этим элементам ставить свойство  margin:0;
Ну а нужные расстояние можно формировать с помощью свойства padding .
Это связано с тем, что у блочной верстки есть такое свойство, что если эти отсупы не обнулить,
то между блоками появляется расстояние, чего Нам не нужно
В общем смотрите урок, эксперементируйте и сами все поймете !

Скачать макеты к урокам

Отредактировано veterokua (2010-09-27 10:59:15)

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