Создать сайт самому? Не проблема! Все о создании сайтов – как создать дизайн сайта, верстка сайта, уроки HTML, сайт на WordPress, как выбрать хостинг сайтов

Здесь будьте повнимательней. Потому, что в редакторе сделать ошибку легко, а найти ее бывает очень трудно. Итак – непосредственно создание страницы сайта в  Dreamweaver. Приступаем к верстке страницы сайта,  в  чем нам помогут так называемые стили css.

Создадим внешний контейнер. Для этого в инструментарии объектов активируем пункт Макет и щелкнем кнопку Вставить тег div (Insert Div Tag). В открывшемся окошке выбираем Вставить (Insert): В точке вставки (At insertion point) и жмем ОК. На экране видим узкий, штриховой прямоугольник. Это и есть контейнер и не какой-то там, а плавающий. В него, как кубики в ящик, мы поместим остальные контейнеры. Для чего? А для того, что, управляя свойствами внешнего контейнера, применяя стили css, мы управляем его содержимым, что очень облегчит нам позиционирование всех остальных контейнеров в окне браузера. Короче, чтобы части страницы не расползались как тараканы:

Ставим курсор как на верхнем рисунке и вставляем второй контейнер и тоже в режиме — Вставить (Insert): В точке вставки (At insertion point):

Ставим курсор как на верхнем рисунке и вставляем третий и последующие контейнеры так же, как и второй. Надписи в контейнерах пока сохраним, просто для удобства в работе. Если мы сразу уберем эти надписи, то контейнеры, визуально, сольются в один. И как потом с ними работать? Надписи удаляйте по мере наполнения контейнера вашей информацией.
Как вы видите на схеме, у нас всего 6 контейнеров. Проще всего создать все контейнеры сразу и постепенно делать для них  css стили. Если активировать первый, внешний контейнер, щелкнув левой клавишей мышки на контуре контейнера, то можно ясно увидеть, что остальные контейнеры находятся внутри него:

Для управления свойствами контейнеров создаются специальные правила, называемые стили css. Стили объединяются в таблицы стилей css. Давайте попробуем начать создавать стили и  создадим стиль css для внешнего контейнера. Для этого активируем панель CSS в правом доке, щелкнув левой клавишей мышки на названии:

В нижней части панели щелкнем на значке и увидим такое окошко:

Настройки вы видите. Имя можно дать любое. Жмем ОК. Появится окошко, в котором вам предлагается сохранить файл таблицы css стилей в корне нашего сайта. Дайте ему имя. Ну, например, stil. Жмем Сохранить.

Видим окошко под названием Определение правила CSS для  stranica в stil.css (CSS Rule definition).
Смысл такой: здесь мы создаем правила для стилевого класса под названием stranica и сохраним этот класс в таблице css стилей под названием stil.css:

В разделе Категория (Category) мы видим:

• Тип(Туре) – здесь задаются параметры шрифта, которым набран текст
• Фон(Background) — здесь задаются параметры фона элемента страницы
• Блок(Block)— здесь задаются параметры текстового абзаца
• Рамка(Box) — здесь задаются параметры, задающие размеры и размещение элемента страницы
• Граница(Border) — здесь задаются параметры, которые задают цвет и толщину рамки вокруг какой-либо составной части страницы
• Список (List) — здесь задаются параметры, устанавливающие вид маркеров списка
• Положение(Position) — здесь задается местонахождение маркера или нумерации

Вроде как все понятно. Такие общие правила для стилей css. Сами стили css применяются при верстке страниц сайта и незаменимы при создании сайтов. А сейчас, конкретно, зададим правила для стилевого класса stranica. Напоминаю, это класс css для внешнего контейнера.

Сделать это мы сможем, перейдя на страницу Стилевой класс CSS для внешнего контейнера