Kotisivujen ulkoasun koodaaminen

Liittynyt
7.2.2005
Viestejä
6
Ikä
54
Sattuuko kukaan harrastamaan kotisivujen ulkoasun koodaamista?

Kuvankäsittelyohjelmalla ulkoasun eri osien piirtäminen ja niiden yhdistäminen koodaamalla.

Miten koodataan piirretylle sivupohjalle venyvä kirjoitusosa?
 
10% ALENNUS KOODILLA PAKKOTOISTO
Siis ihan perus html-koodillahan tuo ratkeaa mihin tahansa laatikkoon ja sitten ei muuta kuin kirjottelua samaan syssyyn. Laita googleen jotain aiheeseen liittyviä koodeja vaikka td background tai bgimage niin jo alkaa tulla variaatioita ja oikeaa koodia.
 
Kannattaa käydä tästä osoitteesta katsomassa:
http://www.w3schools.com/

Sivulla on todella kattavia tutoriaaleja ja vinkkejä nettisivujen toteutukseen
niin monella kielellä että ihan hirvittää :D
 
Älä ikinä, koskaan, milloinkaan PIIRRÄ sivupohjaa. En jaksa alkaa taistelemaan asiasta - siitä löytyy kyllä netistä tietoa - mutta ainoa oikea tapa tehdä sivusto on kehittää ensin sisältö (informaatio), sitten html:llä kuvata se informaatio merkityksen perusteella ja tehdä muotoilu ja ulkoasu css:llä. Taulukoita voi käyttää sijoitteluun, mutta css on suositeltavampi.

Yllä mainittu w3schools on hyvä, osoitteesta http://w3.org löytyy standardit, ja vaikkapa http://www.csszengarden.com/ näyttää, mitä css:llä saa aikaan. Kannattaa vielä muistaa, että MSIE on ajastaan jäljessä eikä näytä oikein kaikkia standardeja. Mozilla/Firefox ja Opera ovat parempia ja tietoturvallisempia selaimia.
 
Ja ennen sivuston julkaisua kannattaa tarkastaa kaikki sivut W3C:n html-validaattorilla. Sen ilmoittamat virheet kun korjaa, niin on varmasti html-standardin mukaiset sivut.
http://validator.w3.org/
 
Opponentti sanoi:
Voit vilkaista piirrettyä ja HTML-koodattua sivua ---> Tästä <--- ja kertoa mielipiteesi.

Minulle tuli aivan toisenlainen mielikuva "piirretystä" sivusta. Tuohan on tehty aivan oikein ja laadukkaasti, siis siinä on yksittäisiä kuvia joilla on vaihtoehtoinen teksti ja sivusto on täysin näkyvä ja toimiva myös tekstipohjaisella selaimella, paitsi että esim. "Päivitykset"-iframe ei näy.

Koodi näyttää käsin tehdyltä eli juuri niin kuin pitääkin. :)

Edit: siis tuossa sivustollahan ei ole "piirrettyä sivupohjaa", vaan tavallisella taulukkopohjalla muutamia kuvia. Tuollaista pohjaa ei tehdä kuvankäsittelyohjelmalla.
 
Arvo Paperi sanoi:
Älä ikinä, koskaan, milloinkaan PIIRRÄ sivupohjaa. En jaksa alkaa taistelemaan asiasta - siitä löytyy kyllä netistä tietoa - mutta ainoa oikea tapa tehdä sivusto on kehittää ensin sisältö (informaatio), sitten html:llä kuvata se informaatio merkityksen perusteella ja tehdä muotoilu ja ulkoasu css:llä. Taulukoita voi käyttää sijoitteluun, mutta css on suositeltavampi.

Tämä vaikuttaa kärjistetyltä koodarin mielipiteeltä. Entäpä jos asiakas haluaa ostaa pelkän sivujen graafisen suunnittelun? Kyllä mä ainakin teen Fotarilla ulkoasun suunnittelun, ottaen tietysti huomioon html:n vaatimukset, ja vasta sitten alan lorem-ipsumilla tehdä sivupohjia. Tuo "ainoa oikea tapa tehdä sivusto on kehittää ensin sisältö" kuullostaa kyllä aika jyrkältä mielipiteeltä. Usein asiakkaalla ei ole sisältöä. Se pitää suunnittelun ohessa tuottaa ja tottakai sisältö vaikuttaa graafiseen ilmeeseen ja päin vastoin. Ethän sä voi ympärä pastellisävyjä ja kukkaaiheista grafiikkaa Ranen Autopajan sivuille :D
 
Neuvostoliitto sanoi:
Tämä vaikuttaa kärjistetyltä koodarin mielipiteeltä.

No oli se kieltämättä vähän kärjistetty. Totta kai tilanteen mukaan mennään ja harrastuksen vuoksi voi kokeilla jotain sisällöttömämpääkin. Mutta kuten ylempänä kirjoitin, sain väärän kuvan alkuperäisen postaajan tarkoituksesta. Luulin todella, että joku haluaa piirtää koko sivun taustan ja liittää siihen linkit ja tekstit.
 

Latest posts

Suositut

Back
Ylös Bottom