Оформление на сайта в Adobe Dreamweaver - Разработка на интерактивни уеб приложения
Те събират страниците на сайта в рамки, таблици или контейнери. Използвах контейнерен дизайн, или както се нарича още, CSS оформление, в момента се счита за най-прогресивния тип оформление.
Контейнерът е специален HTML таг (специална команда), който служи като "пакет" за други тагове. Можете да приложите css стилове към съдържанието на контейнера.
На практика контейнерите се разделят на плаващи и свободно позиционирани. Контейнерите са неделими от css стиловете. Свойства на контейнера, като преместване до ръба на страницата, задаване на фиксирана ширина и височина или, обратно, автоматично приспособяване към размера на страницата, полета, фон - това са възможностите, предоставени от стиловете.
Създаване на външен контейнер. За да направите това, в набора от инструменти за обекти активирайте елемента Layout и щракнете върху бутона Insert Div Tag. В прозореца, който се отваря, изберете Вмъкване: В точката на вмъкване и щракнете върху OK. На екрана се появява тесен, пунктиран правоъгълник.
След това се поставя вторият контейнер и също в режим - Вмъкване (Вмъкване): В точката на вмъкване (В точката на вмъкване).
Поставяме курсора както на горната фигура и вмъкваме третия и следващите контейнери по същия начин като втория. Етикетите в контейнерите се премахват, когато контейнерът се пълни с информация. Най-лесният начин е да създадете всички контейнери наведнъж и постепенно да направите css стилове за тях.
За да контролирате свойствата на контейнерите, се създават специални правила, наречени css стилове, които се комбинират в css style sheets. За да създадете css стил за външния контейнер, трябва да активирате CSS панела в десния док, като щракнете с левия бутон на мишката върху заглавието
В долната част на панела щракнете върху иконата
Настройките определят името на css файла (Фигура 1).
Снимка 1 -Създаване на CSS страница
След това се създават правила за избрания стил клас и се запазва този клас в листа със стилове на css (Фигура 2).
Фигура 2 - Параметри за настройка
Секцията за категория има следните опции:
H Type (Тип) - тук можете да зададете параметрите на шрифта, използвани за въвеждане на текста
H Background (Background) - тук се задават фоновите параметри на елемента на страницата
Ch Block (Блок) - тук се задават параметрите на текстовия абзац
H Frame (Box) - тук задавате параметрите, които определят размера и разположението на елемента на страницата
H Border (Граница) - тук се задават параметри, които задават цвета и дебелината на рамката около всеки компонент на страницата
W Списък (Списък) - тук можете да зададете параметрите, които задават вида на списъчните маркери
Позиция (Позиция) - тук се посочва местоположението на маркера или номерацията
Ето как се създават стилове за всеки div таг. Създаденият шаблон е опакован. След това може да се използва за по-нататъшно редактиране и попълване на съдържание в Instant CMS.
Фигура 3 - Пример за работа с Adobe Dreamweaver.