Uued dokumendivalikud HTML-lehtede jaoks Dreamweaveris

Dialoogiboksis Dreamweaver New Document on neli peamist ala: vasakul olevad valikud, mis määravad faili tüübi (HTML, CSS või mõni suur hulk võimalikke muid failitüüpe), olenemata sellest, kas kasutate loomiseks näidist või malli teie leht ja muud valikud.

Veerus Lehe tüüp on koht, kus saate valida failitüübi (HTML, kui loote uut HTML-i veebilehte). Veerus Paigutus saate valida saadaolevate näidiste või alguslehtede hulgast (või tühja lehega alustamiseks valida ühtegi).

Dialoogi paremas ülanurgas olev eelvaateala näitab, kuidas teie leht paigutuse kasutamisel välja näeb. Dialoogiboksi Uus dokument paremas alanurgas saate muuta dokumenditüüpi (jääda vaikimisi HTML5-le) ja kasutada CSS-i stiililehe lisamiseks lingiikooni (see näeb välja nagu ahellink).

Lehe loomise alustamiseks klõpsake ekraani vasakus servas olevate valikute hulgast sobivat üksust:

• Tühi leht: valige see lihtsa, tühja HTML-lehe loomiseks. Valige lehetüübiks HTML, paigutuseks ja seejärel deklareeritud dokumenditüübiks HTML5 (parempoolses veerus olevast hüpikaknast DocType). Klõpsake nuppu Loo ja näete, mida siin näidatakse.

  

  Märkus. Valige dokumenditüübiks HTML5, kuna HTML-i vanemad, aegunud versioonid kehtestavad aegunud reeglid, mis käivitavad tüütuid ja tarbetuid brauseri vigu. HTML5 kasutamine väldib seda kõike ja takistab brausereid lehe sisu arukalt tõlgendamast, sealhulgas äratuntavate vigade parandamisel (nt lõigus nägemata sulgev silt).

• Tühi mall: see kategooria sisaldab Dreamweaveri näidismallide komplekti.

• Fluid Grid Layout: Dreamweaver CS6 kasutajatel on täiendav kategooria vahekaart nende loomiseks, mida Dreamweaver nimetab Fluid Grid Layouts või Multiscreen Projects. Need on leheküljed, millel on rohkem kui üks seotud CSS-laadileht: st lehed, mida kuvatakse erinevalt sõltuvalt meediumi (ekraani) suurusest, millel neid vaadatakse.

• Leht mallist: looge uusi lehti olemasolevatest Dreamweaveri mallidest.

  Dreamweaveri mallid ei ole üldised paigutuse koostaja näidislehed. Selleks pakub Dreamweaver näidis- või avalehti. Dreamweaveri mallid on patenteeritud tööriist, mis reguleerib Dreamweaveri saidiüleseid leheelemente ja mida ei saa kasutada, kui soovite integreerida muid veebidisaini tööriistu.

  Ärge kasutage Dreamweaveri malle, kuna need on ebastandardsed, kergesti rikutavad ja ei sobi tegelikult suurte saitide saidiüleseks värskendamiseks. Dreamweaveri mallide pakutavaid funktsioone saab paremini hallata väliste CSS-i stiililehtede ja muude mittevaraliste tööriistadega.

• Näidisleht: näidislehed erinevad Dreamweaveri mallidest ja on kasulikumad. Need on pakitud CSS-stiilidega, mis pakuvad vormingut ja kohatäite teksti ja pilte, mida saate oma sisuga asendada.

  Dialoogiboksi Uus dokument eelvaatealal saate näidiste eelvaateid vaadata, et saada aimu, kas soovite oma lehe loomise alustamiseks kasutada mõnda saadaolevatest näidistest või mitte.

• Muu: Kategoorias Muu on valikud keerukate, täiustatud või ebaselgete failitüüpide loomiseks, rõhuasetusega ebaselgetele. Enam kasutatavatest valikutest saab luua Flash ActionScripti faili (ActionScript on Adobe Flashi kasutatav programmeerimiskeel) või Microsofti Visual Basicu programmeerimiskeeles kodeeritud lehe.

Kui valite dialoogiboksi Uus dokument teisest veerust lehetüübiks HTML-faili, kuvatakse veerus Paigutus mitmesuguseid CSS-põhiseid lehekujundusi. Dialoogiboksi Uus dokument neljandas veerus kuvatakse valitud paigutuse jaoks lehe loodud paigutuse pisipildid.

Dialoogiboksis Uus dokument mitte ainult ei kuvata valitud paigutuse eelvaadet, vaid see pakub ka kolme valikut Paigutuse CSS-i hüpikaknas: Lisa päisesse, Loo uus fail või Link olemasolevasse faili.

• Esimene valik (Add to Head) manustab teie HTML-faili CSS-i, mis takistab teil stiililehte teiste saidi HTML-lehtedega jagamast.

• Valik Loo uus fail seevastu loob välise stiililehe, millele saab linkida paljudelt teie saidi lehtedelt.

• Valik Link olemasolevale failile võimaldab teil asendada oma, juba loodud CSS-faili näidisega seotud failiga – see on omamoodi veider valik, kuna see tühistab HTML-i ja CSS-i näidispaketi.