Tämmöinen ohje "Huom! Usein töiden helpottamiseksi on järkevää luoda pohjatiedosto (template), johon muut sivut perustuvat. Tähän pohjaan sitten voi liittää kaikki haluamansa asiat, kuten juuri tyylitiedostot. Näin ei tarvitse tätä operaatiota tehdä erikseen kaikille uusille sivuille!" Mutta miten toi tehdään?!?!???
NVU !!!!
Help ME!
1271
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 1
Vanhimmat
Tuolla vähän alemmassa keskustelussa joku antoi linkin paikkaan, josta saa ilmaisia sivupohjia:
http://www.freewebsitetemplates.com/
Puuttumatta mitenkään ulkoasuun, otetaan vaikka tuo ensimmäinen. Jos sen lataa, niin sehän sisältää zipattuna tarvittavat tiedostot:
- (x)html-tiedosto jossa on siis sivulla tarvittava koodi kokonaisuudessaan
- css-tiedosto, jossa on määritellään miltä sivusto näyttää
- sivulla tarvittavat kuvatiedostot (jotka varmaankin korvaat tietenkin omilla)
- .psd-muotoinen suurehko kuvatiedosto (aukee vaikka photoshopilla, myös muilla kunnon kuvankäsittelyohjelmilla), joka sisältää myös kaikki kuvat. Se on tasoilla toteutettu suunnittelupohja, mun mielestäni vähän turhan järeä ratkaisu kylläkin.
Mitä sitten tehään?
Purat paketin ja avaat sen html-tiedoston NVU:ssasi. Tallennat sen sitten pohjatiedostoksi, jota muokkaat. Pohjatiedostoon korjaat omat tiedot ja linkit ja sensellaset, jolloin ne ovat valmiiksi käytettävissä joka sivulla jonka teet.
Aina kun teet uuden sivun, avaat pohjan ja tees siihen sisällön ja tallennat uudella nimellä.
Kun et ala vaihtelemaan peruselementtien paikkaa, niin kaikki sivut pysyvät tyyliltään samanlaisina koska ne käyttävät aina samaa tyylitiedostoa.
Html-koodi on varsin hyvin tehtyä tämän päivän peruskoodia, sellaista josta varmaan 99% ns. ammattilaisista sietäisi ottaa oppia. (Piruuttani katsoin validaattorilla ja ainoastaan yksi hölmö ajatusvirhe oli koodissa (footerissa oli p-elementin sulkemisen sijaan avattu se uudestaan). Kun vielä poistaa yhdestä kuvasta border-attribuutin, niin tuo sivu olisi xhtml-strictiä.)
Css-tiedostossa on tyylit, ja se on html-koodissa määritelty löytyväksi samasta hakemistosta kuin html-koodikin. En tiedä millaiset css:n muokkausmahdollisuudet NVU:ssa on, itse käytän TopStyleä ja kyllä sitä voi varmasti käyttää NVU:n kanssakin jollei siinä ole riittävän hyvää css-editoria.
Kuvia koodi näyttää hakevan images-nimisestä hakemistosta.
Entäs sitten.. mitäs tässä nyt enää voi neuvoa.. Korvaat sivulla olevat tekstit ja kuvat omillasi ja muokkailet css:ää ja ihmettelet miten paljon mihinkin asiaan voit vaikuttaa.
Etköhän sä siitä jyvälle pääse.