Вот мы, наконец, и добрались до самого главного, а именно непосредственно до вопроса как создать сайт в Dreamweaver. В отличие от текстовых редакторов, где страница наполняется текстом, а потом сохраняется, здесь мы сначала создаем и сохраняем новую страницу сайта, которую потом будем постепенно наполнять содержимым. Это можно сделать при открытии программы, в меню Создать, выбрав HTML или с открытого главного окна выбрав в меню Файл (File) пункт Создать…(New). На экране появится диалоговое окно Создать документ (New Document). В нем мы выбираем: Пустая страница — HTML – Создать. В инструментарии документа выбираем Проект.
Теперь эту пустую страницу нужно сохранить. Для этого в меню Файл (File) выбираем пункт Сохранить как…(Save As). Так, как это будет главная страница сайта — сохраняем страницу под названием index.html в папке sitewww, в которой хранится содержимое сайта, и начинаем собирать страницу из фрагментов, созданных в Photoshop.
Собирают страницы сайтов в фреймах, таблицах или контейнерах. Мне больше нравиться контейнерный дизайн, поэтому я и собрал свои страницы в контейнерах и остановлюсь на них подробнее. Кроме того, контейнерный дизайн или как его еще называют, CSS верстка, считается на сегодняшнее время самым прогрессивным видом верстки сайтов, кстати вполне заслужено. Да и создавать сайт в Dreamweaver с помощью этого метода очень просто.
Контейнер — это особый тег (особая команда) HTML, служащий как бы “упаковкой” для других тегов. То, что находится в контейнере, ведет себя как одно целое. То есть, мы имеем возможность, управляя этим одним целым, делать с ним все, что пожелаем, а именно применить стили css. Поэтому такой вид верстки еще называют и css версткой страницы сайта.
На практике контейнеры делят на плавающие и свободно позиционируемые. Контейнеры неотделимы от стилей css. Свойства контейнеров, такие например как смещаться к краю страницы, задание фиксированных ширины и высоты, или, наоборот, автоматической подгонки под размер страницы, поля, фоны – это возможности, предоставляемые стилями.
Хорошо сказано! Это из книжки. А теперь я расскажу о контейнерах для тех, кто не знает HTML. Представьте себе ящик, состоящий из двух частей — верхней и нижней. Назовем это ящик контейнером. Все, что находится между верхней и нижней частью, то есть в середине его, называется содержимым контейнера.
По аналогии: открывающий тег <div> — верхняя часть контейнера, закрывающий </div> — нижняя часть контейнера. На HTML это выглядит так: <div> содержимое </div>.
Посмотрите на этот рисунок:
Это схема нашей страницы. Ничего сложного, конечно если знаешь как создавать сайт в Dreamweaver. А теперь давайте начнем сборку страницы. В процессе работы мы создадим контейнеры, определим правила (стили) для каждого из них, соберем эти стили в один файл (таблица стилей) и кое-что еще добавим в таблицу.
С этим всем мы будем разбираться на странице Создаем страницу сайта в Dreamweaver. Стили CSS
Спасибо! Очень полезные статьи, и хорошо написаны
Спасиб вам большое! Очень интересно. ))
Вступление заинтриговало, сайт в закладки. Потом вернусь.
СПАСИБО!! Вам за проделанную работу ))) Очень доступно, поэтапно, не грузит терминами — «то шо нада» ))) СПАСИБО!!
дополняйте блок схемы контейнеров html кодом ... может комуто будет проще как мне...
ogromnoe vam spasibo
eto lytshee, chto ya nashel v i-nete
Спасибо очень интересно и доходчиво.