Kaip padaryti, kad „Dreamweaver CS5“ būtų sukurtas meniu

Sujungtos meniu arba skirtukų lentelės leidžia jums sukurti kelis skirsnius tame pačiame tinklalapyje. Naudotojas spustelėja pažymėtus skirtukus, kad būtų rodomi skyriai. „Dreamweaver“, pirmaujančioje žiniatinklio dizaino programoje, galite lengvai sukurti skirtukų plokštes su programos integruotu „Spry Tabbed“ plokščių valdikliu. Valdiklis sukuria skirtukus, skydus ir reikalingą „JavaScript“, kad plokštės veiktų.

1.

Atidarykite esamą HTML failą, kuriame norite sukurti skirtuką, arba sukurti naują HTML puslapį, spustelėję meniu „Failas“ ir pasirinkdami „Naujas“. Taip atsidaro dialogo langas Naujas dokumentas. Pasirinkite „HTML“ iš puslapio tipo sąrašo, pasirinkite pageidaujamą puslapio išdėstymą iš išdėstymo sąrašo ir spustelėkite mygtuką „Sukurti“.

2.

Spustelėkite puslapį, kuriame norite įdėti skirtukus, kad įterptumėte žymeklį.

3.

Spustelėkite meniu „Įterpti“, pasirinkite „Spry“, o tada iš „Spart Tabbed Menu“ pasirinkite „Spart Tabbed Menu“. Jei tai naujas dokumentas, Dreamweaver paragina jus išsaugoti failą. Spustelėkite „Gerai“, tada pavadinkite ir išsaugokite failą. „Dreamweaver“ įdeda į plokštę įdėtus skydus.

Pagal numatytuosius nustatymus yra dvi plokštės. Galite pridėti papildomų plokščių spustelėdami mygtuką „Pridėti skydelį“, pliuso ženklą, skydelyje Ypatybės.

4.

Pridėkite papildomų skydų.

5.

Pasirinkite pirmąjį skirtukų lentelės etiketės tekstą („Tab 1“) ir įveskite pageidaujamą skydelio etiketės tekstą.

6.

Pakartokite 5 veiksmą kiekvienai plokštės etiketei.

7.

Pasirinkite skydelio turinio tekstą („Turinys 1“) ir įveskite norimą teksto turinį. Taip pat galite įterpti vaizdus į savo plokštes spustelėję meniu „Įterpti“ ir pasirinkę „Vaizdas“. Atidaromas dialogo langas Pasirinkti vaizdo šaltinį. Eikite į vaizdo failą, pasirinkite jį ir spustelėkite mygtuką „Gerai“.

Reikalingi dalykai

• „Adobe Dreamweaver CS5“

Patarimas

• Galite redaguoti savo plokščių išvaizdą redaguodami kaskados stiliaus lapą arba CSS taisykles. Pasirinkite skirtuką arba skydelio turinį, kurį norite performatuoti, tada spustelėkite mygtuką „Redaguoti taisyklę“, esantį „Properties“ skydelyje. Tai atveria dialogo langą CSS taisyklė apibrėžimas. Pavyzdžiui, jei norite performatuoti tekstą, kategorijų sąraše spustelėkite „Tipas“. Tai rodo teksto performatavimo galimybes, pvz., Šriftų šeimą, šrifto dydį, šrifto spalvą ir šrifto svorį. Atlikite norimus pakeitimus ir spustelėkite „Gerai“.