Как да създадете вътрешни и външни стилови таблици в Dreamweaver

Когато създавате нови стилове в Dreamweaver, трябва да решите дали да запазите стила във вътрешна или външна таблица със стилове. Във вътрешна таблица със стилове правилото за стил се записва в горната част на HTML документа, където искате да приложите стила. Във външен лист със стилове новите стилове се записват в отделен документ, който може да бъде прикачен към всеки файл във вашия уебсайт.

Външните стилови таблици предлагат най-големите предимства, защото използването на един набор от стилове на много страници е по-ефективно от създаването на стилове за всяка страница във вашия сайт. Въпреки това, понякога вътрешните таблици със стилове са добър избор, като например когато създавате стил, който ще се прилага само за елементи на една страница.

Как да създадете вътрешен стилов лист в Dreamweaver

Вътрешните стилови таблици се записват в същия HTML файл, където са приложени. По този начин вие не създавате файл, когато създавате вътрешен лист със стилове, както правите, когато създавате външен лист.

Вместо това, когато създавате вътрешна таблица със стилове, просто добавяте

тагове във вашия файл.

Създаването на нов вътрешен стил в Dreamweaver изисква само две стъпки. Първо щракнете върху иконата плюс (+) в панела Източници в горната част на панела на CSS Designer. След това изберете Дефиниране в страница от падащия списък. Вие сте готови. Dreamweaver вмъква

етикет.

Как да създадете външен стилов лист в Dreamweaver

В горната част на панела на CSS Designer намирате панела Източници. Този панел показва името или имената на всички таблици със стилове, налични за отворената страница. Същият панел се използва за създаване или свързване към таблици със стилове, докато създавате или прилагате стилове.

За да създадете външен лист със стилове, първо създайте и запишете нов HTML файл или отворете съществуващ файл в Dreamweaver, след което следвайте тези инструкции:

Щракнете върху иконата плюс (+) в панела Източници в горната част на панела на CSS Designer.

Отваря се падащ списък с три опции: Създаване на нов CSS файл, Прикачване на съществуващ CSS файл и Дефиниране в страница.

Изберете опцията Създаване на нов CSS файл от падащия списък.

Отваря се диалоговият прозорец Създаване на нов CSS файл.

Въведете име за вашия нов файл със стилова таблица.

Можете да наименувате стилови таблици каквото пожелаете, стига да не включвате интервали или специални знаци, различни от тирето (-) или долна черта (_).

Изберете опцията Връзка.

Връзката се счита за най-добрата практика в повечето случаи и е избрана по подразбиране в Dreamweaver.

В по-голямата си част опцията за импортиране се използва само когато искате да приложите множество външни стилови таблици към страницата, но искате да свържете само един стилов лист. В този случай можете да използвате опцията Импортиране, за да свържете множество стилови таблици с една.

Щракнете върху стрелката до Условно използване, за да видите допълнителни настройки.

Настройките за условно използване се използват за настройка на медийни заявки за таблици със стилове.

Щракнете върху OK.

Листът със стилове се запазва и се свързва с HTML страницата, която сте отворили в Dreamweaver. Забележка: Ако работите върху нова HTML страница, уверете се, че сте запазили страницата; в противен случай няма да можете да създадете и свържете нов CSS файл.

След като създадете външен стилов лист, можете да свържете същия стилов лист към толкова страници, колкото искате, като следвате стъпките в упражнението, което непосредствено следва. Можете също да добавите колкото искате стилови правила към всяка външна таблица със стилове, която е обхваната от различни упражнения, които следват за създаване на клас, етикет и други типове стилове.