Linkkejä kotisivun tekijälle

Alla on lueteltu kotisivun tekijälle tärkeitä linkkejä, joista löytyy paljon hyödyllistä tietoa. Lisää hyviä linkkejä löytyy Makupalat-linkkikirjastosta kategoriasta Verkkojulkaiseminen ja valitsemalla sivun oikeasta reunasta haluamansa alakategorian. Jos joku hyvä linkki puuttuu ja haluaisit sen ehdottomasti tänne, ota yhteyttä.

Yleistä kotisivun teosta

• Web-julkaisemisen opas (Jukka Korpelan mainio suomenkielinen opas nettisivun tekoon. Oppaan kannattaisi lukea sekä aloittelijat, että "ammattilaiset")
• Toimivat sivut lyhyt oppimäärä (Jukka Tujulan lyhyt, mutta ytimekäs opas, miten tehdään toimivat nettisivut)
• W3Schools (Hyviä englanninkielisiä oppaita. Aiheina mm. HTML, CSS ja JavaScript)

HTML, XHTML

• XHTML- ja HTML-perusteet (Tietoa suomeksi HTML:stä ja XHTML:stä )
• Sivut.web - HTML (Perusopas HTML-kielen alkeisiin)
• Web-julkaisemisen opas - Rakennetta mukaan (Jukka Korpelan artikkeli HTML-kielestä)
• HTML-elementit (Tietoa HTML-elementeistä suomeksi)
• W3Schools XHTML Reference (XHTML:n kaikki tägit ja niiden selitykset englanniksi)
• W3Schools XHTML Tutorial (Englanninkielinen tutoriaali XHTML:ään)
• TopXML XHTML reference (Lista ja selitykset XHTML:n tägeistä ja tietoa HTML:n ja XHTML:n eroista englanniksi)
• Ohjelmointiputka: HTML:stä XHTML:ään (Mitä eroa on HTML- ja XHTML-kielillä, suomeksi)

CSS

• W3Schools CSS2 Reference (CSS:n kaikki valitsimet ja niiden selitykset englanniksi)
• W3Schools CSS Tutorial (Englanninkielinen tutoriaali CSS-tyyleihin)
• Petepe web CSS-opas (Hyvä CSS-perusopas suomeksi)
• Tapio Markulan CSS-opas (Kaikki tarpeellinen tieto CSS:tä suomeksi)
• 2Kmediat.com - CSS-tyylisivut opas (Suomenkielinen opas CSS-tyyleihin)
• Jukka Korpelan opas CSS-tyyleihin (Mitä tyylisäännöstöt ovat)

JavaScript

• Jukka Korpelan Web-julkaisemisen opas: Lisukkeet (Suomeksi tietoa JavaScriptistä)
• Ohjelmoinnin perusteet JavaScriptillä (Ohjelmoinnin opetusta suomeksi - kielenä JavaScript)
• 2Kmediat.com JavaScript opas (Suomenkielinen perusopas JavaScript-ohjelmointiin)
• W3Schools JavaScript Tutorial (Englanninkielinen tutoriaali JavaScriptiin)
• W3Schools JavaScript Reference (Listaus kaikista JavaScriptin valmiista funktiosta ja selitykset niiden käyttöön - englanniksi)
• Tizag.com JavaScript Tutorial (Hyvä englanninkielinen JavaScript-opas)

Ilmaisia sivupohjia, kuvia yms.

• Ex-designz templates (Ilmaisia ulkoasupohjia, navigaatiomenuja yms.)
• Flickr (Erittäin suosittu kuvapankki netissä)
• Layout Gala (Sivulla esitetty 40 perustapaa jakaa sivu palstoihin)
• Openphoto (Paljon ilmaisia kuvia)
• Open Source Web Design (Ilmaisia ulkoasupohjia)
• Open Web Design (Ilmaisia sivuston ulkoasun pohjia)
• Yotophoto (Paljon ilmaisia lisensoituja kuvia)
• Zymic - Free Templates (Ilmaisia sivupohjia, logoja, painikkeita yms.)

Validaattorit

• W3C Markup Validation Service (W3C:n HTML-validaattori)
• W3C CSS Validation Service (W3C:n CSS-validaattori)
• WDG HTML Validator (HTML-validaattori, jolla voi validoida koko sivuston kaikki sivut max. 100 sivua kerralla)

PHP / MySQL

• Jorkki.com - PHP-opas (Suomenkielinen PHP-opas aloittelijalle)
• Antti Laaksosen "Käytännön PHP-opas" (Hyvin ymmärrettävästi kirjoitettu PHP-opas, jossa käsitellään myös MySQL-tietokantoja)
• PHP-opas (Joensuun yliopiston ohjelmistotuotannon kurssilla toteutettu PHP-opas)
• Mureakuhan PHP-koodikirjasto (Paljon esimerkkiskriptejä kirjoitettuna PHP:llä)
• PHP Documentation (PHP-kielen virallinen dokumentaatio, josta löytyy kaikki tarvittava)
• Sivut.web - PHP (Yleisopas PHP:sta ja MySQL-tietokantayhteyksistä)
• Tizag.com - PHP Tutorial (Selkeä tutoriaali PHP:stä englanniksi)
• Tizag.com - SQL Tutorial (Opas SQL-tietokantakielestä englanniksi)
• Tizag.com - MySQL Tutorial (Opas MySQL-tietokannoista englanniksi)
• W3Schools - PHP Tutorial (Jälleen yksi loistava tutoriaali W3Schools:ilta)

Laadukkaita web-hotelleja

• Nebula (Ehkä Suomen laadukkain web-hotelli, hinta tosin on sen mukainen)
• Sigmatic (Erittäin laadukas webhotellipalvelu ja hinnat kohtuullisia. MVnet käyttää Sigmaticin palveluja)

Ohjelmia ja lisäosia

• Firebug (Mainio laajennus Firefoxiin, joka helpottaa HTML- ja CSS-koodin testausta ja hahmottamista)
• FileZilla (Ilmainen FTP-ohjelma)
• IrfanView (Paras pieni kuvankäsittelyohjelma, jolla saa mm. muunnettua kuvatiedostojen tiedostomuotoja, muutettua kuvien kokoja ja rajaamaan kuvista pois turhia alueita)
• Notepad++ (Erittäin monipuolinen ja kevyt tekstieditori)
• Nvu (Ilmainen WYSIWYG-editori kotisivujen suunnitteluun)
• VertrigoServ (Ns. All in one -paketti PHP-ohjelmoijalle. Eli tämän asentamalla asentuvat tietokoneelle Apache, PHP ja MySQL. Helppo asentaa ja käyttää)
• Web Developer Extension (Laajennus Firefoxiin, joka lisää ikkunaan palkin, josta voi ottaa esim. CSS-tyylit ja JavaScriptin pois päältä)

Mainostaminen

• Google AdSense (Suosittu mainostenvälittäjä. Kohdistettuja mainoksia)
• TradeDoubler (Välittää mainoksia nettisivuille)
• AdSense tukikeskus - Optimointivihjeitä (Kuinka saada mainokset tuottamaan paremmin)
• AdSense tukikeskus - Mainoselementin paras sijoitus (Mihin kohtaan sivua on parasta sijoittaa mainoselementit, jotta tuotto olisi parhain)
• Veronkorotus (Verohallinnon ohjeistus vähäisten tulojen ilmoittamatta jättämisen seurauksista)
• Taiteilijan ja freelancerin tulot (Verohallinnon lomake nro 15, jonka avulla voi ilmoittaa verottajalle mainostamisen tuloista ja menoista)
• Tulonhankkimiskulut ansiotuloista (Tietoa kuluista, jotka voi laittaa veroilmoituksen vähennyksiin, mm. tietokoneen poistot ja työhuonevähennys)
• Arvonlisäverottoman vähäisen toiminnan raja 8 500 euroa (Verohallituksen julkaisu, jossa kerrotaan arvonlisäveron maksamisesta, PDF)

Hakukoneet

• Google (Suosituin hakukone. Googlea voi käyttää myös oman sivustonsa hakukoneena, koska hakutulokset voi määrätä koskemaan vain tiettyä sivustoa)
• Google Sitemaps (Google Sitemapsin avulla saat tietää, milloin Google on indeksoinut sivusi, esiintyikö indeksoinnissa virheitä, mikä on sivujesi PageRank yms. tilastoja)
• FreeFind (Hyvä hakukone kotisivuille. Indeksoi sivusi paljon nopeammin kuin Google ja voit käyttää omaa sivupohjaa hakutulossivulla)

Kävijälaskurit

• Google Analytics (Netin paras ilmainen kävijälaskuri ja tilastointipalvelu)
• Sivuille.net (Tarjoaa suomen kielellä ilmaisen kävijälaskurin, vieraskirjan ja palautelomakkeen käsittelijän)

Merkistöt ja entiteetit

• On the use of some MS Windows characters in HTML (Jukka Korpelan englanninkielinen artikkeli erikoismerkkien käytöstä HTML-kielessä)
• Merkillisyyksiä: merkit ja niiden koodit (Jukka Korpelan artikkeli merkistöistä)
• Entiteetit HTML:ssä (Lista erikoismerkeistä eli entiteeteistä HTML-kielessä, esim. € = €)
• Differences between ANSI, ISO-8859-1 and MacRoman character sets (Merkistöjen Windows-1252 ja ISO-8859-1 erot)
• Wikipedia - Merkistöt (Perustietoa eri merkistöistä)

Yleistä sivuston suunnittelusta

• Tietoyhteyskunnan kehittämiskeskus (TIEKE) - Esteettömyysopas (Näin teet Web-sivujesi sisällön kaikkien saavutettavaksi)
• W3C:n Web-saavutettavuuden 1-2-3 (Suomenkielisiä ohjeita www-sivun hyvään suunnitteluun)
• WWW-sivujen esteettömyyden tarkistusohjeita (Jyväskylän yliopiston artikkeli esteettömän www-sivun suunnittelusta)
• Image captions on Web pages (Jukka Korpelan englanninkielinen artikkeli, kuinka kuville saa selkeät kuvatekstit)
• Figures & captions (W3C:n englanninkielinen artikkeli kuvista ja kuvateksteistä)
• A List Apart: Manage Your Content With PHP (Ohjeita englanniksi, kuinka sisällön ja ulkoasun voi erottaa PHP:n avulla)
• Ned Martin's Site Guide - Templates (Esimerkkikoodi ulkoasun ja sisällön erottamiseen PHP:llä)

Sekalaista

• Tekijänoikeus FAQ (Jukka Korpelan keräämää tietoa tekijänoikeuksista)
• MIME Types (Luettelo yleisimmistä MIME-tyypeistä)
• Comprehensive guide to .htaccess (Hyvä opas htacces-tiedoston käyttöön englanniksi: virhesivut, salasanasuojaus, kansion sisällön listauksen esto jne.)

Takaisin alkuun >> << Edellinen sivu (Sekalaisia vinkkejä)