Blogi

2015/11/11
html css

HTML5 ja CSS3 osa 3: Linkit

Jossain vaiheessa törmää käsitteisiin lohkotason (block) ja tekstitason (inline) elementti. Me olemme jo aiemmissa osissa käyttäneet joitakin molemmista elementeistä. Erona on, että lohkotason elementti aloittaa aina uuden rivin ja täyttää leveys-suunnassa kaiken mahdollisen tilan (venyy oikealle ja vasemmalle niin pitkälle kuin pystyy.) Tekstitason elementti ei aloita uutta riviä ja vie vain sen verran tilaa kuin tarpeellista. Suurin osa HTML tageista on lohkotason elementtejä. Lohkotason elementtejä ovat mm. otsikot ja kappaleet. Tekstitason elementtejä […]
2015/10/29
html css

HTML5 ja CSS3 osa 2: Lisätään sisältöä

Saimme tämän HTML5 & CSS3 sarjan ensimmäisessä osassa sivun rungon valmiiksi. Sisällön lisäämiseen ryhdytään seuraavaksi. Lisää aloittavan ja lopettavan body-tagien väliin seuraavat rivit: <h1>Tervetuloa websivulleni!</h1> <p>Tässä vähän koodailin aikani kuluksi ja tein tällaisen websivun. Ne tekee jotka osaa, muut vaan katselee.</p> Jatkossakin, jollen erikseen pyydä, lisää kaikki koodi body-tagien väliin. Asiat näkyvät sivulla juuri siinä kohdassa/siinä järjestyksessä mihin olet ne koodissa sijoittanut. Sivun avaaminen selaimessa Tallenna työ ja avaa selaimessa. Selainten Tiedosto/Avaa […]
2015/10/28
InDesign

Indesign kappaletyylit Merkin väri

Käytä kappaletyylissä merkin väri kohtaa kun haluat muuttaa tekstisi väriä tai/ja tekstin reunaviivan asetuksia tai/ja väriä. Napsauta joko täytön väri-kuvake tai reunan väri kuvake aktiiviseksi ja valitse jokin väri listasta. Väri täytyy tehdä ennakkoon, jotta se näkyy listassa. Jos haluat käyttää väristä sävyä, anna haluamasi prosenttiluku listan alla olevassa Sävy kohdassa. Täytön ja viivan päällepainatus. Lue lisää päällepainattamisesta ja rastita /älä rastita tarpeen mukaan. Allaolevassa kuvassa tekstien lähtökohta oli sama. Molemmat koira-sanat […]
2015/10/25
InDesign

InDesign kappaletyylit Luettelomerkit ja numerointi

Merkityissä luetteloissa jokaisen kappaleen alussa on luettelomerkki. Numeroiduissa luetteloissa kappaleet alkavat numerolla tai kirjaimella ja erottimella (esim piste tai sulkumerkki). Valitse Luettelotyyppi kohdasta haluatko tehdä merkit vai numerot listaasi. Esimerkissä tehdään merkit. Valitse sitten haluamasi merkki. Jos tarvitset jotain muuta kuin mitä muutamasta esimerkistä löytyy, paina Lisää-painiketta ja valitse ensin haluamasi kirjasin nuolen osoittamasta kohdasta ja sitten merkki napsauttamalla. Teksti jälkeen kohdassa voit säätää millaisen välin/merkin haluat merkin jälkeen. Saat vaihtoehdot esiin […]
2015/10/21
html css

HTML5 ja CSS3 osa1: sivun raamit

Alkuun päästäksesi et tarvitse tehokasta konetta tai hienoja ohjelmia, melkein mikä tahansa räyskä riittää kunhan siinä on selain (IE, Firefox, Chrome…) ja tekstimuistio, joka Windows koneilla löytyy Apuohjelmista. (Jos olet Mac-käyttäjä, suosittelen ilmaista Komodo Editiä tai gedit:ä) Älä kuitenkaan käytä Wordin kaltaisia raskaita ohjelmia, niillä koodisi ei tallennu oikeassa muodossa. Alla esimerkki. Keskimmäinen rivi kopioitu Muistioon Wordista. Lainausmerkit ovat vääränlaiset ja selain ei suostu toimimaan sen kanssa, jolloin kappaleen toista riviä ei […]
2015/10/19
kynä ja käsi

Photoshop sivellin lagi

Itseä on ärsyttänyt pitempään Photoshopin CC versioissa havaitsemani ongelma joidenkin siveltimien kanssa: viiva tulee paljon myöhemmin ”paperille” sen vetämisen jälkeen eli lagaa. Olen jättänyt selvittämisen tähän päivään asti, koska piiirtämishommat teen aika pitkälle MangaStudiossa nykyään. Eilen kuitenkin asensin upean sivellinsetin ja sitä kokeillessa alkoi asia taas vaivaamaan. En ole ongelman kanssa yksin ja erilaisia mahdollisia ratkaisuja löytyi runsaasti. Kokeilin ensin Angelan videollaan ehdottamaa siveltimen ladontaväljyyden(spacing) nostamista suuremmaksi. Ei auttanut. Sitten luin Adoben […]