Korinaa kuopasta

Jo juttua!

Tilaa RSS tai Atom

Ulkoasun valmistuskaari — yksi tapa.

Internetsivun ulkoasun synty on monivaiheinen prosessi. Se pitää sisällään ainakin kaksi vaihetta:

  1. Ulkoasun grafiikan piirtäminen
  2. Merkkaaminen valmiiksi sivupohjaksi

Tutkimalla useaa web-suunnittelijaa työssään voitaisiin selvittää, kuinka yksilöllisiä tapoja ko. prosessin suorittamiseen löytyy. Kuinka pitkälti teemme nettisivuja saman kaavan mukaan? Minä en tiedä, mutta tämän artikkelin luettuasi sinä tiedät ainakin sen, missä määrin omat tapasi eroavat minun tavoista.

Omalla kohdallani ulkoasun tekeminen ei käynnisty ideasta, tavallisesti ainakaan. Pääni on siinä vaiheessa tyhjä, kun avaan Photoshop’n. Homma lähtee liikkeelle epämääräisten kuvioiden piirtelyllä ja väriyhdistelmien kokeiluilla, kunnes yhtäkkiä huomaan monitorilla jotain kelvollista. Tässä vaiheessa näen ehkä pari eriväristä palikkaa tietyn värisellä taustalla, ja ne sytyttävät hehkulampun päässäni. Valmiista ulkoasusta muodostuneen mielikuvan turvin piirrän loputkin palikat. Grafiikka on nyt valmis.

Seuraavaksi kopioin tekstieditoriin jonkin aiemmin tekemäni nettisivun (x)html-merkkauksen ja rupean muokkaamaan sitä uudelle ulkoasulle sopivaan muotoon. Järjestän div-lohkot uuteen ulkoasuun soveltuvaan järjestykseen, ja teen html-tiedoston kaikkinensa valmiiksi. Seuraavaksi vedän esille taas kerran entisestä ulkoasusta peräisin olevan css-tyylitiedoston poistellen sieltä tyylit, joita en uuden sivuston kanssa tarvitse. Tyylitiedoston muokkaan valmiiksi seuraavassa järjestyksessä:

  1. Luon html-tiedoston ensimmäiselle div:lle tyylit. Tavallisesti tämä on header-lohko, joka sisältää logon ja navin. Vasta, kun olen yhden div:n saanut kokonaisuudessaan tyyliteltyä, siirryn seuraavan kimppuun ja niin edelleen etenen lohko lohkolta ylhäältä alas. Näiden toimenpiteiden aikana tsekkailen jatkuvasti Mozilla Firefoxilla, että ulkoasu on sen näköinen, kuin pitääkin. Tämän vaiheen aikana myös pilkon tekemäni graafiikan siten, että saan aseteltua palaset lohkojen taustoille.
  2. Tässä vaiheessa ulkoasun perusosat ovat kunnossa, ja kaikki näyttää hyvältä Firefoxissa. Avaan siis Opera-selaimen ja tarkistan asioiden olevan oikealla tolalla sielläkin suunnalla. Tämän jälkeen teen sen kirpaisevan asian eli avaan Ms Internet Explorerin, ja tutkin pelonsekaisin tuntein, mitä se tällä kertaa on keksinyt. Jos suuria ongelmia ei esiinny, matka jatkuu.
  3. Sitten muotoilen tekstin, linkit, listat, kaikki.
  4. Lopuksi palaan IE:n pariin ja jos kohta 2 osoitti tarpeelliseksi, luon sille oman tyylitiedoston. Muokkaan pienet väärinkäsitykset pois.

Itse jatkan tavallisesti vielä viidenteen vaiheeseen, jossa rakennan ulkoasusta WordPress-teeman. Se onkin sitten jo oma tarinansa.

Artikkelin kirjoitti

Miika Lammikosta, joka tällä hetkellä puuhailee sivustonsa seuraavan mullistavan version parissa.

Koska aika on arvokasta, kannattaa tutustua tähän alla näkyvään listaan jos mielit löytää tämän nettisivuston parhaat kirjoitukset. Tässä alapuolella on kaikkein luetuimpia kirjoituksia Korinaa kuopasta -blogin aarreaitasta. Kirjoitukset on järjestetty suosituimmuusjärjestykseen siten, että luettelon kärjessä on tällä hetkellä eniten lukukertoja saaneet kirjoitukset.

Luetuimpia blogimerkintöjä

Blogimerkintää "Ulkoasun valmistuskaari — yksi tapa." muokattiin viimeksi 6089 päivää sitten, eli torstaina. Kirjoitukseen on julkaistu kommentteja 7 kpl. Kaikki kirjoituksen saamat kommentit löytyvät suoraan tämän tekstimötikän alapuolelta.

Korinaa kuopasta: Ulkoasun valmistuskaari — yksi tapa.

Selaat tällä hetkellä blogimerkintää Ulkoasun valmistuskaari — yksi tapa. Se julkaistiin 14. ä. Voit siirtyä lukemaan blogin tuoreimpia kirjoituksia klikkaamalla tiesi weblogin etusivulle. Tässä blogissa julkaistaan kiinnostaviksi katsomiani asioita, joten jos tiedät kiinnostavan nettiin liittyvän aiheen, josta kannattaisi kirjoittaa, laita palautetta!