Tere!
Olen havainnut että on melko vanhan aikaisen näköistä käyttää tylsiä bordereilla jaettuja sivuja ja nyt kaverini kertoi minulle että voisi linkittää tablessa jotenkin että solu olisi linkki joka aukeaa uuten tableen. En osaa selittää asiaa hyvin mutta tässä linkki jossa näkee mitä meinaan: http://aog.dy.fi
Tuossa linkit ovat ilmeisesti kaikki omia :itä jotka sitten aukeaa tuohon alapuolelle. En hanskaa miten tuo tehdään käytännössä. Omaan todella hyvän perus html tietämyksen ja css muotoilut mutta toi juttu on mulle uusi kun pitäisi käyttää tuota "page=jotain" hommaa. Olisiko jollain antaa jonkunlaista pohjaa tai hyvää sivua missä tuohon löytyisi opastusta kun en jaksaisi perus frame sivuja tehdä enää kun näyttää tuollainen taulukko paljon siistimmältä :/
Olen havainnut että on melko vanhan aikaisen näköistä käyttää tylsiä bordereilla jaettuja sivuja ja nyt kaverini kertoi minulle että voisi linkittää tablessa jotenkin että solu olisi linkki joka aukeaa uuten tableen. En osaa selittää asiaa hyvin mutta tässä linkki jossa näkee mitä meinaan: http://aog.dy.fi
Tuossa linkit ovat ilmeisesti kaikki omia :itä jotka sitten aukeaa tuohon alapuolelle. En hanskaa miten tuo tehdään käytännössä. Omaan todella hyvän perus html tietämyksen ja css muotoilut mutta toi juttu on mulle uusi kun pitäisi käyttää tuota "page=jotain" hommaa. Olisiko jollain antaa jonkunlaista pohjaa tai hyvää sivua missä tuohon löytyisi opastusta kun en jaksaisi perus frame sivuja tehdä enää kun näyttää tuollainen taulukko paljon siistimmältä :/
Vastaukset 5
Vanhimmat
Nuo sivut on tehty php:tä käyttäen. Siinä on yksi sivu (index.php), joka muuttuu sen mukaan mitä nappia on painettu.
http://aog.dy.fi/aog/
http://aog.dy.fi/aog/index.php
http://aog.dy.fi/aog/index.php?page=main
Kaikki on ihan samoja.
Tuo kysymysmerkki tarkoittaa sitä, että linkkiä klikattaessa näytetään aina se sama sivu (sama pohja), mutta siinä annetaan samalla muuttujalle $page jokin arvo ja tämän arvon mukaan php-tulkki sitten muodostaa aina halutunlaisen sisällön. Vertaileppa noiden sivujen lähdekoodia, huomaat että siinä muuttuu vain yksi osa sivussa kaiken muun pysyessä joka sivulla samana. Itseasiassa nuo on tehty hyvin alkeellisilla php-, html- ja css-taidoilla.
Voit tehdä saman ilman php:täkin:
Tee yksi kunnollinen pohja jota käytät kaikilla sivuilla. Muuta sitten siitä se kohta jonka haluat olevan erilainen eri sivuilla.
Tuo navigointi olisi siinä tapauksessa vaikkapa seuraavanlainen:
Main
History
Members
Gallery
Media
Shoutbox
Näin tulee muuten paljon nätimmät osoitteet tuonne osoiteriville. Ja lisäksi html:ssä ei pitäisi olla mitään ulkoasuasetuksia (mutta se nyt ei kai ollut tän kysymykssen aihe).
(pistetään nyt tuohon kuuluva css samantien:
table {
border: 1px solid Black;
width: 700px;
}
#navigointi td {
background-image:url("http://aog.dy.fi/aog/kuvat/nappii.png");
text-align: center;
}
#navigointi td:hover {
background-image:url("http://aog.dy.fi/aog/kuvat/nappiii.png");
}
a {
text-decoration: none;
color: black;
}
Tuollainen sivu siis onnistuu ilman php:täkin, mutta php (tai joku muu palvelinohjelmointikieli) tietenkin säästää kokolailla vaivaa.
Tuo oli hyvää asiaa kiitos kun jaksoit kirjoittaa mutta tein virheen ja olisi pitänyt mainita että hallitsen myös jonkun verran php:tä ja voin sitäkin hyödyntää tuossa hommassa mutta en tiedä miten se tapahtuisi käytännössä koska se kuitenkin säästäisi vaivaa pidemmällä tähtäimellä... :/
Tuo mainitsemasi on ilmeisesti tehty jotenkin näin (vähän oion koodia):
sivut
Main
History
Members
Gallery
Media
Shoutbox
sitten sieltä löytyy nuo haetut sivut joissa on sisältönä vain tuo muuttuva osa.
Nyt kun kattelin tuota esimerkkisivun koodia niin älä tosiaan ota siitä ollenkaan oppia. Rakenne:
ARMOR OF GOD
Ymmärrät varmaan miksei kannata ottaa ainakaan tuossa html:n teossa mallia :D
Yksi tapa on tehdä funktioille oma tiedosto. nimeksi vaikka functiot.php
Sisältöön voi laittaa paljon muitakin funkkareita joita sitten voi tarvittaessa käyttää. Nyt laitetaan sisällöksi ainoastaan:
---------- functiot.php -----------
------------------------------------
sitten voit tehä vaikka sellasen ku menu.php
---------- menu.php ---------
Main
History
Members
Gallery
Media
Shoutbox
-------------------------
Nyt voit tehdä sivut normaalisti. Esim. pääsivu voisi olla seuraavanlainen
------ index.php -------
php:tä tai vastaavaa. ?page=jotain lähettää index.php sivulle parametrin page arvolla "jotain" ja se sama etusivu index.php piirtää aina sen linkatun sivun.
Linkit eivät siis avaa uutta sivua tableen, vaan koko sivu piirretään uudestaan jokaista linkkiä painamalla.
Ilman jotain skriptiä joudut käyttämään useita samalta näyttäviä sivuja. TD:n linkistä avaat sitten aina näistä jonkun. Sitten voit myös käyttää framea tai iframea
jaajaa nyt tiedänki mistä sä niitä neuvoja hait :DD