Folyékony elemek hozzáadása egy elrendezéshez a Dreamweaverben

Miután létrehozott egy gördülékeny rácselrendezést a Dreamweaverben, a következő lépés a hozzáadás

címkéket vagy egyéb elemeket, amelyek a terv részeit alkotják. Két lehetőség közül választhat, amikor oldalakat tervez Dreamweaver CC-ben: használja

címkéket, vagy használjon HTML5 címkéket.

Mindkettő hasonlóan működik ezekben a rugalmas elrendezésekben, de HTML5-címkéket használnak, mint például a

és

címkék, van némi előnye, mert a címkék további jelentést és szerkezetet adnak a weboldalnak.

Hozzáadni

címkéket, HTML5-címkéket és egyéb elemeket egy rugalmas rácselrendezéshez, kövesse az alábbi utasításokat:

Válassza a Beszúrás→Struktúra→Navigáció menüpontot.

Alternatív megoldásként rákattinthat a Navigáció elemre a Struktúra beszúrása panelen.

Jelölje be az Insert as Fluid Element jelölőnégyzetet a Beszúrás párbeszédpanelen.

A gördülékeny rácselrendezés funkcióinak használatakor ezt a lehetőséget ki kell választania címkék hozzáadásakor.

A Beszúrás párbeszédpanelen válassza ki, hogy az osztály vagy az azonosító választót szeretné-e használni új stílus létrehozásához a beszúrandó címkéhez, majd adjon nevet az új stílusnak.

Még akkor is, ha HTML5 címkéket szúr be, létre kell hoznia egy megfelelő osztályt vagy azonosítóstílust, amellyel mindhárom elrendezésben formázható az elem.

Az osztálystílusneveknek egy ponttal (.) kell kezdődniük, az azonosítóstílusneveknek pedig font jellel (#) kell kezdődniük.

Kattintson az OK gombra.

A címke hozzáadódik az elrendezéshez, új dobozt képezve az elrendezésben, és a megfelelő stílusnév háromszor hozzáadódik a CSS-elrendezéshez.

Válassza ki a kezdőbetűt

címkét, amely szerepelt az elrendezésben, majd kattintson a kis kuka ikonra, amely a jobb alsó sarkában jelenik meg

címkével törölheti.

Bár megtarthatja a kezdőbetűt

címkét a rugalmas rácselrendezésekben, vagy átnevezheti a rá alkalmazott stílust.

Válassza a Beszúrás→Struktúra→Cikk menüpontot.

Megnyílik a Cikk beszúrása párbeszédpanel (hasonlóan a Fejléc beszúrása párbeszédpanelhez).

Jelölje be az Insert as Fluid Element jelölőnégyzetet a Beszúrás párbeszédpanelen.

A Beszúrás párbeszédpanelen válassza ki, hogy az osztály vagy az azonosító választót kívánja-e használni új stílus létrehozásához a beszúrandó címkéhez, és adja meg az új stílus nevét.

Kattintson az OK gombra.

A címke hozzáadódik az elrendezéshez, új dobozt képezve az elrendezésben, és a megfelelő stílusnév háromszor hozzáadódik a CSS-elrendezéshez.

Adjon hozzá annyi elemet, amennyit csak szeretne az elrendezéshez a 6–9. lépések megismétlésével.

HTML5-elemeket adhat hozzá gördülékeny rácselrendezéséhez, ha rákattint a megfelelő ikonokra a Struktúra beszúrás panelen: egy navigáció, egy fejléc, két cikk és egy lábléc .

Vegye figyelembe, hogy a kódban a Dreamweaver hozzáadja a fluid- előtagot minden egyes stílus nevéhez, amelyet a gördülékeny rácselrendezésekhez hoz létre.