Terska vaan...
Olen tässä nyt päivän koodannut tätä sivustoa ja aattelin kysyy porukalta kuinka rumat sivut tein(:P).
http://suomipoika.spfi.net/ (Ainakin tänään (To) on ollu spfi.netillä joitain ongelmia)..
Jotain sivuun kohdistuvaa:
-Värit
Värit nyt on kai väli aikaiset, mut en keksin alus nyt mitään hyvää yhdistelmää, joten laitoin red-black.
-Muotoilu
Eli tossahan on perjaatteessa kolme diviä. Logo, navi, textarea. Noi on nyt kai vähän huonosti.
------
Kymysys: Kumpaa käytän? Diviä vai Tablea?
Warning: mysql_connect(): Access denied for user: 'suomipoi@localhost' (Using password: YES) in /home/suomipoi/public_html/yhteys.php on line 2 Virhe yhteydessä!
Se testaus jäi sit siihen
php-Niko kirjoitti:
Kumpaa käytän? Diviä vai Tablea?
Riippuu toki minkälaisesta datasta on kyse. Jos todella teet taulukkoa, käytä tableja, jos et, käytä divejä.
Sanoin, että spfi.netillä oli joitain ongelmia eilen.
Mut toimii nyt.
Musta teksti tummalla taustalla ei oikein erotu. Ulkoasu muutenkin aika synkkä, mutta kyse onkin henkilökohtaisista sivuista, joten ei sekään haittaa jos haluat itsestäsi synkän kuvan antaa :) Muuten ihan selkeeltä näyttää. Lisää sisältöä vaan.
No jooo hitusen synkkä on. Oisko mitään hyvää väri yhdistelmää mieles? Juu täydennyksiä sisältöön on tulossa...
Muuta:
Olen nyt yrittänyt tehä sivuista sellaset, et kannassa on kaikki sisältö.. Ei ole mitään järkeä kirjoittaa koodiin se sisältö :-) Ainut ongelma mulla on vaan se, kun kuvia en oikein daijjaa miten ne laitetaan sql:llän kautta TOIMIVAKSI :I
TOIMIVAKSI kuvan saa kirjoittamalla sisältö esimerkiksi html-muodossa, jolloin voit lisätä kuvan <img>-tägillä.
Suosittelen myös katsomaan netistä wysiwyg-editorin, jolla tuon sisällön kirjoittaminen onnistuu vaivattomammin.
edit:
Niin ja kuville(=tiedoistoille) tietenkin lisäystoiminto (upload), johon ohjelmointiputkastakin kyllä löytyy valmista koodia.
Lebe80 kirjoitti:
Suosittelen myös katsomaan netistä wysiwyg-editorin, jolla tuon sisällön kirjoittaminen onnistuu vaivattomammin.
Ei kai siitä käytettävästä editorista ole apua sisällön kirjoittamiseen, jos sisältö kirjoitetaan tietokantaan? Tai sillä editorillahan voi toki tehdä web-formin & php-pätkän, jolla sen sisällön saa kätevästi tietokantaan. Tai voi kirjoittaa sillä editorilla SQL:ä ja viedä sen tietokantaa, mutta... Miksi siihen tarvittaisiin se wysiwyg-editori, kun niiden tarkoituksenahan nimenomaan on helpottaa oman sisällön saattamista selaimen ymmärtämään muotoon. Jos html:ä ja muita juttuja osaa, niin ei niistä juurikaan apua ole.
php-Niko kirjoitti:
No jooo hitusen synkkä on. Oisko mitään hyvää väri yhdistelmää mieles? Juu täydennyksiä sisältöön on tulossa...
Mustaa valkoisella on edelleen paras luettava. Eli kuten vaikka tällä putkassa on. Muutenkin värimaailma on hyvä pitää hillittynä, ja koittaa asetella vähän yhtenevää värimaailmaa. Värien valintaan on työkaluja, kuten vaikka seuraavat:
http://www.steeldolphin.com/color_scheme.html
http://wellstyled.com/tools/colorscheme2/index-en.html
Hakukoneilla noita löytyy lisää "color scheme selector" tai vastaavilla hakusanoilla.
JTS kirjoitti:
Värien valintaan on työkaluja
Myös ala-asteen kuvataidetuntien oppeja (erityisesti vastavärejä) voi soveltaa :)
Ainakaan 1024*768-resoluutiolla alhaalla olevaa laatikkoa, missä on sivun sisältö, ei huomaa.
LaNu kirjoitti:
Miksi siihen tarvittaisiin se wysiwyg-editori, kun niiden tarkoituksenahan nimenomaan on helpottaa oman sisällön saattamista selaimen ymmärtämään muotoon. Jos html:ä ja muita juttuja osaa, niin ei niistä juurikaan apua ole.
Kirjoitapa useampi kymmenen sivua muotoiltua tekstiä kuvien kanssa ja kerro onko tavalliseen "textareaan" kirjoittaminen wysiwyg-editoria nopeampaa.
Tässä eräs wysiwyg-editori:
http://tinymce.moxiecode.com/example_full.php?
(html:n voi tallentaa sql-kantaa aivan samalla tavalla kuin muunkin tekstin)
Tämä menee hieman ohitse aiheen, mutta epäilen että aika monella nuoremmalla täällä saattaa olla näytön kontrasti ja valoisuus asetettu liian korkeisiin lukemiin, viitaten mm. siihen etteivät kaikki edes erota haaleaa harmaata valkoisesta; ja tietenkin tummat sävyt sitten erottuvat selvästi toisistaan ja mustaa taustaa on tällöin helpompi käyttää.
Neuvona ei kai voi antaa muuta kuin että kannattaa tarkastaa näyttönsä asetukset kun tekee sivuja. Useimmat näytöt kun kuitenkin oman kokemukseni mukaan säädetään tai ovat oletusasetuksillaan sopivammalla keskivaiheella, mutta silloin musta ja punainen (tässä tapauksessa peräti tummanpunainen) eivät ole kovin helposti luettavia keskenään.
Jotkin värit ovat myös ongelmallisia TFT-/LCD-näytöille, mm. haaleahkot vaaleat sävyt. Esimerkiksi se mikä näyttää selvästi haalealta keltaiselta CRT:llä onkin vain tavanomaista harmaata TFT:llä (jotkin aivan kalliimman pään näytöt saattavat näyttää nekin värit). Useimmiten kuva on hieman liian sininen, joka lienee helpoin väri toteuttaa TFT-tekniikalla.
Siinäpä sitä tietoa väri- ja sävyongelmista. Muun sivuhöpöttämisen jätän tällä erää pois.
Omat ensimmäiset kotisivuni olivat vihreää tekstiä mustalla pohjalla ja toimivat paremmin Netscape 4:llä kuin IE:llä. Siihen aikaan oli todella vaikea tehdä sivuja, jotka toimivat hyvin molemmilla selaimilla (molemmissa omia tageja) ja CSS oli varsin minimaalista. Tietoakin oli vaikea löytää. Onneksi niistä ajoista ollaan tultu jo pitkä matka :)
>Merri
Puhumattakaan siitä että silmä saattaa nähdä ne värit pielessä, vaikka näyttö olisi miten hyvä tahansa. Eikä kaikki ole edes värisokeita. Joidenkin värikäsityskyky on vain surkea ja ajurit päässä vanhentuneita, eikä päivitystä ole saatavilla ennen seuraavaa elämää..
-Grey-
En nyt haluaisi olla pilkunviilaaja, mutta yhdyssanavirheet heti etusivun tervetuloa-tekstissä ei oikein anna hyvää vaikutelmaa sivuista.
Esimerkiksi:
NikoNaattori kirjoitti:
Sivut ovat aivan uuni tuoreet
uunituoreet, ei uuni tuoreet.
Ja tällaista ideaa kannattaa kokeilla (mitä olen käyttänyt omissa sivuissani, jotka eivät ole netissä : ) että skripti muuttaa väriteemaa kellonajan mukaan.
Ehkäpä noin synkät sivut eivät tunnu mukavilta katsella aamulla / päivällä, ja pirteänkirkkaanoransseja sivuja katsellessa myöhään illalla tulee vain pää kipeäksi.
Kannattaa tehdä väriteemat (omat css-tiedostot) ainakin näille ajoille:
Aamu ja päivä: Kirkkaat ja pirteät sävyt.
Ilta: Ehkä tummansiniset, tms. hillittyä.
Yö (esimerkiksi klo. 20.00 - 08.00, tjs.): Mustaa taustaa, tummia sävyjä. EI kirkasta ja pirteää. Itse en ainakaan illalla pidä mistään kirkkaista sivuista.
Itse käytän sitä ideaa skriptissäni, että PHP:n date() funktiolla tarkastan kellonajan ja olen laittanut ehtolauseet, että jos kello on sitä, $tyyli = tätä ja sitten html pohjalle
<link rel="stylesheet" type="text/css" href="css_tiedosto/<? echo aikafunktio();?>".
Tuossa siis se $tyyli pitäisi palauttaa.
Voin laittaa valmiin koodin tänne jos sitä joku tarvii, nyt en jaksa kaivaa sitä kovon syövereistä esiin : )
Aika vaikea uskoa että olet 13v!
Osasin kirjottaa paremmin ala-asteen kolmannella luokalla (siis ton etusivun perusteella).. väriteema taas on ihan mukava ja erikoinen, mutta tekstiä on vähän hankala lukea.
Kentti kirjoitti:
En nyt haluaisi olla pilkunviilaaja, mutta yhdyssanavirheet heti etusivun tervetuloa-tekstissä ei oikein anna hyvää vaikutelmaa sivuista.
Esimerkiksi:NikoNaattori kirjoitti:
Sivut ovat aivan uuni tuoreet
uunituoreet, ei uuni tuoreet.
xD No voishan sitä joskus korjailla.. kirjoittelin noi illalla työpäivän jälkeen, niin oli vähän silmät suppurassa :D
Lebe kirjoitti:
TOIMIVAKSI kuvan saa kirjoittamalla sisältö esimerkiksi html-muodossa, jolloin voit lisätä kuvan <img>-tägillä.
Se laittaa jonkun virhe ilmoituksen. Kun taas tekee jonkun <br> tagin sinne, niin se ei tee virhuria. :S
Aloittelija3 kirjoitti:
Aika vaikea uskoa että olet 13v!
Osasin kirjottaa paremmin ala-asteen kolmannella luokalla (siis ton etusivun perusteella).. väriteema taas on ihan mukava ja erikoinen, mutta tekstiä on vähän hankala lukea.
Enpähän ole äikän nörttejä, niinkuin eräät ;)
Kentti:
Laitas se koodi esille.. Voisin itekkin ottaa sen käyttöön :P
Editoin:
Värit vaihtuvat lähiaikoin
Pienennän sisällön ja navin leveyttä
Jotain pientä txt korjausta(vain jos jaksan)
php-Niko kirjoitti:
Se laittaa jonkun virhe ilmoituksen. Kun taas tekee jonkun <br> tagin sinne, niin se ei tee virhuria. :S
Käyttäjältä otetun datan liittäminen SQL-kyselyyn sellaisenaan on ammottava tietoturva-aukko. Eskapeta siitä "vaaralliset" merkit ajamalla se mysql_real_escape_string() -funktion läpi.
Tuo virheilmoitus tulee siitä, että datassa olevat lainausmerkit sotkivat SQL-kyselyn syntaksin.
<?php
// Funktio, joka huolehtii tyylin vaihtamisesta.
// vaihda_tyyli([boolean $palauta_kuva])
function vaihda_tyyli($palauta_kuva = false) {
# Muuttuja lopulliselle tyylin sijainnille ja kuvan sijainnille.
$tyyli = "";
# Tarkistetaanpa, mitä kello on. Vain tasatunnit merkitsevät, joten 17:59 merkitään vain 17.
$kello = date("G");
# Nyt kellonajat: Jos kello on 9 - 12, tyyli on aamu, mikäli kello on 12 - 17, tyyli on paiva, kello 17 - 20 tyyli on ilta ja
# muutoin (20-9) yo.
if ($kello >= 9 and $kello <= 11) {
$tyyli = "css/aamu.css";
} elseif ($kello >= 12 and $kello <= 16) {
$tyyli = "css/paiva.css";
} elseif ($kello >= 17 and $kello <= 19) {
$tyyli = "css/ilta.css";
} else {
$tyyli = "css/yo.css";
}
echo $tyyli;
}
?>Hetkeen en olekaan PHP:llä sörveltänyt :)
Tuo on suoraan kopioituna omasta koodista, ennen kuin haluaa käyttää, pitää nuo kansiot sörveltää yhteensopiviksi ja kellonaikoja voi halutessaan muuttaa mieleiseksi.
Ja tuotahan kutsutaan sitten tyyliin
... <link rel="stylesheet" type="text/css" href="<?php vaihda_tyyli();?>"> ...
Aika mielenkiintoinen tuo $palauta_kuva-parametri, jota ei käytetä missään... :)
Juu... Sen laitoin sinne joskus, jos jotain ois tehny...
Kai sillä joskus jotain teinki, mutta saatto bugittaa ja poistin turhat sitä bugia korjatessa, sen mukaanlukien :)
Aihe on jo aika vanha, joten et voi enää vastata siihen.