Uudet asiakirjavaihtoehdot HTML-sivuille Dreamweaverissa

Dreamweaver New Document -valintaikkunassa on neljä pääaluetta: vasemmalla olevat valinnat, jotka määrittävät tiedostotyypin (HTML, CSS tai mikä tahansa suuri joukko muita mahdollisia tiedostotyyppejä), käytätkö mallia tai mallia luomiseen. sivusi ja muut vaihtoehdot.

Sivutyyppi-sarakkeesta voit valita tiedostotyypin (HTML, jos olet luomassa uutta HTML-verkkosivua). Asettelu-sarakkeessa voit valita käytettävissä olevista näytteistä tai aloitussivuista (tai valitse mitään, jos haluat aloittaa tyhjällä sivulla).

Valintaikkunan oikeassa yläkulmassa oleva esikatselualue esikatselee, miltä sivusi näyttää, jos käytät asettelua. Uusi asiakirja -valintaikkunan oikeassa alakulmassa voit muuttaa asiakirjatyyppiä (pidä oletusarvossa, HTML5) ja voit käyttää linkkikuvaketta (se näyttää ketjulinkiltä) CSS-tyylisivun liittämiseen.

Aloita sivun luominen napsauttamalla asianmukaista kohtaa näytön vasemman reunan vaihtoehdoista:

• Tyhjä sivu: Valitse tämä, jos haluat luoda tyhjän HTML-perussivun. Valitse sivutyypiksi HTML, asetteluksi ja sitten määritetyksi asiakirjatyypiksi HTML5 (oikean sarakkeen DocType-ponnahdusikkunasta). Napsauta Luo-painiketta, niin näet, mitä tässä näytetään.

  

  Huomautus: Valitse asiakirjatyypiksi HTML5, koska vanhemmat, vanhentuneet HTML-versiot edellyttävät vanhentuneita sääntöjä, jotka laukaisevat ärsyttäviä ja tarpeettomia selainvirheitä. HTML5:n käyttäminen välttää kaiken ja estää selaimia tulkitsemasta älykkäästi sivun sisältöä, mukaan lukien tunnistettavien virheiden korjaaminen (kuten esimerkiksi kappaleen sulkevan tagin puuttuminen).

• Tyhjä malli: Tämä luokka tarjoaa joukon Dreamweaver-mallipohjia.

• Fluid Grid Layout: Dreamweaver CS6:n käyttäjillä on lisäluokkavälilehti Dreamweaverin kutsumien Fluid Grid Layouts - tai Multiscreen Projects -projektien luomiseen . Nämä ovat sivuja, joihin liittyy useampi kuin yksi CSS-tyylisivu: toisin sanoen sivuja, jotka näkyvät eri tavalla sen median (näytön) koosta riippuen, jossa niitä tarkastellaan.

• Sivu mallista: Luo uusia sivuja olemassa olevista Dreamweaver-malleista.

  Dreamweaver-mallit eivät ole yleisiä näyteasettelun rakennustyökaluja. Tätä varten Dreamweaver toimittaa näyte- tai aloitussivut. Dreamweaver Templates on oma työkalu, joka hallitsee Dreamweaverin sivustonlaajuisia sivuelementtejä, eikä sitä voi käyttää, jos haluat integroida muita web-suunnittelutyökaluja.

  Älä käytä Dreamweaver-malleja, koska ne ovat epästandardeja, helposti korruptoituvia eivätkä todellakaan sovellu koko sivuston laajuiseen päivittämiseen suurilla sivustoilla. Dreamweaver Templatesin tarjoamia toimintoja hallitaan paremmin ulkoisilla CSS-tyylisivuilla ja muilla ei-omistusoikeudellisilla työkaluilla.

• Sivu mallista: Esimerkkisivut ovat erilaisia ​​kuin Dreamweaver Templates ja ovat hyödyllisempiä. Ne on pakattu CSS-tyyleillä, jotka tarjoavat muotoilua ja paikkamerkkitekstiä ja kuvia, jotka voit korvata omalla sisällölläsi.

  Voit esikatsella näytteitä Uusi asiakirja -valintaikkunan esikatselualueella saadaksesi käsityksen siitä, haluatko käyttää jotakin käytettävissä olevista näytteistä oman sivusi luomisen aloittamiseen.

• Muu: Muut-luokassa on vaihtoehtoja monimutkaisten, edistyneiden tai epäselvien tiedostotyyppien luomiseen painottaen epäselviä tiedostotyyppejä. Käytetyistä vaihtoehdoista voit luoda Flash ActionScript -tiedoston (ActionScript on Adobe Flashin käyttämä ohjelmointikieli) tai Microsoftin Visual Basic -ohjelmointikielellä koodatun sivun.

Jos valitset HTML-tiedoston sivutyypiksi Uusi asiakirja -valintaikkunan toisesta sarakkeesta, Layout-sarake näyttää useita CSS-pohjaisia ​​sivumalleja. Uusi asiakirja -valintaikkunan neljäs sarake näyttää sivun luodun asettelun pikkukuvat mille tahansa valitsemallesi asettelulle.

Uusi asiakirja -valintaikkuna ei ainoastaan ​​esikatsele, miltä valittu asettelu näyttää, vaan se tarjoaa myös kolme vaihtoehtoa Layout CSS -ponnahdusikkunassa: Lisää otsikkoon, Luo uusi tiedosto tai Linkitä olemassa olevaan tiedostoon.

• Ensimmäinen vaihtoehto (Add to Head) upottaa CSS:n HTML-tiedostoosi, mikä estää sinua jakamasta tyylisivuasi muiden sivustosi HTML-sivujen kanssa.

• Luo uusi tiedosto -vaihtoehto puolestaan ​​luo ulkoisen tyylisivun, johon voidaan linkittää useilta sivustosi sivuilta.

• Linkki olemassa olevaan tiedostoon -vaihtoehdon avulla voit korvata omalla, jo luodulla CSS-tiedostollasi näytteeseen liittyvän tiedoston - mikä on tavallaan outo vaihtoehto, koska se kumoaa HTML- ja CSS-näytepaketin.