Jak změnit Spry Assets v aplikaci Dreamweaver

Nástroje Spry v aplikaci Adobe Dreamweaver jsou předdefinované prvky stránek, které obsahují HTML, kaskádové styly a JavaScript. HTML je značkovací jazyk stránky používaný k vytváření webových stránek; Kaskádové styly nebo CSS se používají k formátování vzhledu dokumentů HTML; a JavaScript je široce používaný skriptovací jazyk na straně klienta. Dreamweaver přichází s mnoha nástroji Spry pro vytváření několika typů nabídek, navigačních panelů a prvků formuláře. Vzhled položky Spry můžete změnit úpravou jeho pravidel CSS.

1.

Otevřete soubor HTML aplikace Dreamweaver, který obsahuje nástroj Spry, který chcete změnit, nebo spusťte nový soubor HTML klepnutím na nabídku "Soubor" a výběrem možnosti "Nový". Otevře se dialogové okno Nový dokument. V seznamu Typ zvolte "HTML" a z rozložení vyberte požadované rozložení. Klikněte na tlačítko "Vytvořit".

2.

Klikněte na nabídku "Soubor" a zvolte "Uložit jako". Otevře se dialogové okno Uložit jako. Název a uložení souboru.

3.

Klepněte na kurzor myši na stránce v místě, kde chcete vložit aktivum Spry.

4.

Klepněte na nabídku "Vložit", vyberte položku "Spry" a poté v rozbalovací nabídce vyberte položku Spry. Dreamweaver vloží aktivitu Spry do stránky. Typ vytvořeného prvku stránky závisí na volbě Spry. Pokud například zvolíte nabídku Spry, aplikace Dreamweaver vloží nabídku; Pokud zvolíte pole Spry, aplikace Dreamweaver vloží pole formuláře. Můžete upravit konkrétní objekt v prvku, například štítek nabídky nebo ohraničení pole formuláře, jeho výběrem a úpravou pravidel CSS objektu.

5.

Vyberte objekt, který chcete upravit.

6.

Přejděte na panel Vlastnosti a klikněte na tlačítko Upravit pravidlo a otevřete dialogové okno Definice pravidla CSS pro vybraný objekt. Můžete provést četné změny vzhledu objektu. Chcete-li například změnit vzhled textu, klepněte v seznamu kategorií na "Typ". Zobrazují se možnosti změny vlastností vybraného textu v elementu stránky, například rodina písem, velikost písma a styl písma. Můžete také změnit pozadí, styl ohraničení a mnoho dalších vlastností z tohoto dialogového okna.

7.

Dokončete změny a klikněte na tlačítko Použít. Dreamweaver zobrazí změny na stránce. Klepnutím na tlačítko OK zavřete dialogové okno Definice pravidla CSS.

8.

Vyberte jiný objekt, který chcete změnit, a klikněte na tlačítko "Pravidlo CSS".

9.

Proveďte změny popsané v krocích 6 a 7.

Věci potřebné

  • Adobe Dreamweaver CS3 nebo novější

Tip

  • Mnoho aktiv Dreamweaver's Spry vyžaduje podporu grafiky a JavaScript. Při vložení položky Spry do stránky aplikace Dreamweaver vytvoří a uloží podpůrné soubory ve složce s názvem Spry Assets. Při nahrávání webové stránky na server musíte nahrát i složku Spry Assets; v opačném případě nebude fungovat správně element webové stránky Spry.
 

Zanechte Svůj Komentář