luominen 3 sarakkeet Kiinteä CSS Layout
Tässä opetusohjelmassa käytämme Flexi CSS asettelujen Dreamweaver laajennus luodaksesi 3 saraketta CSS ulkoasun kanssa kiinteä leveys. Ulkoasu on ylä-ja alatunnisteen ja sisältö osa jaetaan 3 saraketta. Käyttämällä Flexi CSS Layouts laajennus, ulkoasu näyttää sama kaikissa suurimmissa selaimissa.
Vaatimukset tämä opetusohjelma:
Flexi CSS Layouts on helppokäyttöinen Dreamweaver laajennus, jonka avulla voit luoda taulukon vähemmän HTML ulkoasuja ilman koodausta, alle 5 minuuttia. Voit luoda sivun rakenne suoraan käyttöliittymä ja laajennus luo automaattisesti divs ja CSS layout. Tai valita monenlaisia sulautettujen malleja asettelua, sitten mukauttaa asettelua omalla CSS sääntöjä.
ennen kuin avaat Flexi CSS Layouts, sinun täytyy ladata ja asentaa tämän Dreamweaver laajennus.
Voit ladata laajennuksen, siirry theproduct pageand ladata ilmaisen kokeiluversion, tai jos olet ostanut tuotteen voit löytää lataus Linkin tilisi Extend Studio päällä.
Kun olet ladannut Flexi CSS Layouts pakki, sinun täytyy Asenna Dreamweaver laajennus. Avaa arkisto ja tuplaklikkaa .mxp tiedostoa ja Adobe Extension Manager tulisi avata ja asentaa sen automaattisesti. Tai voit poimia arkisto, avaa Adobe Extension Manager ja valitse Asenna. Sitten etsiä kansio, johon purit .mxp tiedosto ja valitse Avaa.
Kun olet tehnyt nämä toimet, avoin Dreamweaver, mene irtolevyn (paina CTRL + F2), löytää Flexi CSS Ulkoasut-välilehteä ja pressInsert Täysi Sivun asettelu . Katso kuva alla:
Aseta Täysi Sivun asettelu
jälkeen Flexi Ulkoasut käyttöliittymä avautuu näet ponnahdusikkuna, jossa sinun täytyy asettaa layout tärkein ominaisuudet. Aseta leveys 960px, layout align keskus eikä taustaväri. Koska parhaita käytäntöjä, aseta CSS sääntöjä kirjoitetaan ulkoiseen CSS-tiedostoon.
Uuden Layout
Paina OK ja Eiköhän aloiteta.
Sinun täytyy lisätä 3 riviä: otsikko, sisä