Úprava rozloženia CSS v aplikácii Adobe CS5 Dreamweaver

Abode Creative Suite 5 (Adobe CS5) Dreamweaver poskytuje viacero spôsobov, ako zmeniť rozloženie stránky kaskádových štýlov. Rozloženie CSS je riadené úplne pravidlami šablóny štýlov, takže vzhľad a štýl stránky môžete upraviť priamo z panela Štýly CSS a Inšpektora vlastností.

Každý stĺpec, rámček a priestor na vašej novej stránke je umiestnený a má veľkosť pomocou pravidiel a vlastností CSS, ktoré môžete upraviť buď v inšpektorovi vlastností (na paneli Štýly CSS) alebo na paneli Definícia pravidiel CSS.

Ak panel Štýly CSS ešte nie je otvorený, otvorte ho výberom položky Okno → Štýly CSS.

Ak chcete zobraziť predlohu štýlov a jej pravidlá, vyberte kartu Všetko.

Interný štýlový list je zobrazený ako

tag.

Vyberte pravidlo tela.

Tento štýl založený na značke riadi všeobecné formátovanie celej stránky (všetko vo vnútri značky).

Kliknite na pole vedľa pravidla na pozadí, aby ste ho upravili; namiesto ponechania nastavenia #4E5869 (stredne sivá) zadajte hexadecimálnu farbu (napríklad #CC0000 pre červenú), aby ste zmenili farbu pozadia stránky.

Kliknutím na vzorkovnicu vedľa pravidla farieb otvoríte panel Vzorkovníky; vyberte novú predvolenú farbu textu na vašej stránke.

V hornej časti panela Štýly CSS vyberte iný štýl (napríklad štýl .twoColElstHdr #container), aby ste zobrazili jeho vlastnosti.

Štýl .twoColHybLtHdr #container ID riadi veľkosť a vzhľad hlavného kontajnera rozloženia na stránke.

V inšpektorovi vlastností upravte vlastnosti, aby ste zmenili vzhľad štýlu.

Môžete napríklad zmeniť šírku pravidla zadaním nového čísla do textového poľa Pravidlo šírky. Ak zadáte napríklad 95 % , rozšírite celé rozloženie.

Každý stĺpec a sekcia, ktorá obsahuje vaše rozloženie, je riadená jedným zo štýlov ID uvedených na paneli Štýly CSS. Väčšina každého štýlu ID obsahuje vlastnosť width, ktorú môžete použiť na zmenu veľkosti rôznych oblastí na stránke.

Pokračujte v úprave rôznych štýlov uvedených na paneli Štýly CSS a zistite, ako ovplyvňujú rôzne prvky na vašej stránke. Skúste zmeniť farbu písma, rodinu písiem a ďalšie vlastnosti, ako je výplň a farba pozadia.

Ak chcete presne zistiť, ktoré ID riadi ktorý stĺpec alebo sekciu, kliknite do oblasti strany a pozrite sa na selektor tagov v spodnej časti okna dokumentu. Posledný

značka na konci reťazca zobrazuje, v ktorom kontajneri sa nachádzate, a jeho zodpovedajúce ID na paneli štýlov CSS (napríklad ).

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.