Верстка DIVaми в DreamWeaver

Сегодня хочу показать, как в dreamweaver сверстать страницу дивами. И так? Когда мы расматривали верстку таблицами, мы резали макет на картинки, для дивной верстки надо тоже порезаные картинки.

Второй етап-заходим в dreamweaver находим такие строчки:layout->draw ap div.Получаеться просто после нажатия рисуем область дива, в которую будут помещены елементы.Сам dreamweaver пишет css код, но он пишет только размеры блока и расположении, после того,как нарисовали блок для одной картинки, просто перетаскиваем картинку в блок.

Но такого рода создании блока есть еще один минус, изображение, которое вы перетащили дрим прописует не в css-свойстве, а как елемент,который находиться внутри блока.

Надо понимать также, то что написал дрим,вам прийдеться все переписовать, как минимум двум причинам:

• 1.настройка отступов.
• 2. написания css для кадого браузера.

Чесно говоря,после того, как сверстал пару страничек разных макетов, я решил для себя, что буду использовать шаблоны, все таки верстание для разных браузеров(имееться ввиду internet explorer ) для меня тяжеловато.

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

1.

• <div class="main">
• <div class="text">  Текст </div>
• </div>

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

2.

• <div class="main">
• <span class="text">
• </span>

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

Получился такой короткий пост, о верстке.