Haluan kaapata toisen kotisivujen html koodin käyttäen frontpagen sovellusta apuna. Frontpage näyttää esim. sivuilta http://www.suhe.net koodin, jossa näkyy a)kehystetyn kuvan html b) sivuilla käytettyjen "pöytien" (table)sisällä olevat koodit.
Miten saan samanlaiset sivut sitten? pitääkö minun ensin a)kopioida kehystetyn kuvan html eli onko kehystetyn kuvan html sitten koko yleinen raamikko vai mikä se oikeastaan on?
b) kopioida "pöytien" sisällä oleva html sitten tuohon kehystetyn kuvan html-koodin sisälle vai miten?
c) onko "pöytien" (table) sisällä olevan html koodi vain sen tablen sisäine html vai tarviiko minun asettaa uusi "pöytä" omaan kodiini, jonka sisään tuon koodin laitan...
d) sekä kehystetyssä kuvassa ja pöytien sisällä olevassa kodissa on omat html ja body osastonsa, miten nämä kaikki saadaan toimimaan yhtenä pätkänä minun koodissani?
Seuraavssa esimerkki sivuilta: http://www.suhe.net
1)kehystetyn kuvan html:
Suur-Helsingin seurakunnan kotisivut
2)vasemmalla olevan pöydän sisäine koodi:
[LEFT] Suur-Helsingin seurakunnan kotisivut
*Päivitetty 27.5.2004
sivu on ladattu:
kertaa
3)oikealla puolella olevan pöydän koodi:
[CENTER] Suur-Helsingin seurakunnan kotisivut
Tervetuloa Suhe-nettiin!
Tervetuloa Suur-Helsingin seurakunnan kotisivuille! Olemme karismaattinen seurakunta kaupungin sykkeessä. Sivuillamme voit tutustua toimintaamme, seurakuntaamme ja henkilökuntaan. Olemme olemassa siksi, että Taivaan Jumala on antanut meille tehtävän varustaa ja valmistaa seurakuntalaisia palvelemaan kaupunkia ja maata, niin ettei kukaan jäisi ilman Isän Jumalan tarjoamaa elämää ja rakkautta. Olet tervetullut!
Muutoksia tiedotukseen:
- Yhdessä-lehti ilmestyy joka toinen kuukausi. Seurakunnan
infokirje on yhdistetty Yhdessä-lehteen.
- Seuraa seurakuntamme ilmoittelua näiltä sivuilta, Yhdessä-lehdestä ja
sunnuntain tilaisuudessa jaettavasta viikkoesitteestä.
Miten saan samanlaiset sivut sitten? pitääkö minun ensin a)kopioida kehystetyn kuvan html eli onko kehystetyn kuvan html sitten koko yleinen raamikko vai mikä se oikeastaan on?
b) kopioida "pöytien" sisällä oleva html sitten tuohon kehystetyn kuvan html-koodin sisälle vai miten?
c) onko "pöytien" (table) sisällä olevan html koodi vain sen tablen sisäine html vai tarviiko minun asettaa uusi "pöytä" omaan kodiini, jonka sisään tuon koodin laitan...
d) sekä kehystetyssä kuvassa ja pöytien sisällä olevassa kodissa on omat html ja body osastonsa, miten nämä kaikki saadaan toimimaan yhtenä pätkänä minun koodissani?
Seuraavssa esimerkki sivuilta: http://www.suhe.net
1)kehystetyn kuvan html:
Suur-Helsingin seurakunnan kotisivut
2)vasemmalla olevan pöydän sisäine koodi:
[LEFT] Suur-Helsingin seurakunnan kotisivut
*Päivitetty 27.5.2004
sivu on ladattu:
kertaa
3)oikealla puolella olevan pöydän koodi:
[CENTER] Suur-Helsingin seurakunnan kotisivut
Tervetuloa Suhe-nettiin!
Tervetuloa Suur-Helsingin seurakunnan kotisivuille! Olemme karismaattinen seurakunta kaupungin sykkeessä. Sivuillamme voit tutustua toimintaamme, seurakuntaamme ja henkilökuntaan. Olemme olemassa siksi, että Taivaan Jumala on antanut meille tehtävän varustaa ja valmistaa seurakuntalaisia palvelemaan kaupunkia ja maata, niin ettei kukaan jäisi ilman Isän Jumalan tarjoamaa elämää ja rakkautta. Olet tervetullut!
Muutoksia tiedotukseen:
- Yhdessä-lehti ilmestyy joka toinen kuukausi. Seurakunnan
infokirje on yhdistetty Yhdessä-lehteen.
- Seuraa seurakuntamme ilmoittelua näiltä sivuilta, Yhdessä-lehdestä ja
sunnuntain tilaisuudessa jaettavasta viikkoesitteestä.
Vastaukset 9
Vanhimmat
En menisi ihan varauksettomasti suosittelemaan kotisivujen teon opettelua sellaisten sivujen pohjalta jotka ovat tehty jokseenkin päin persettä.
Katsoppa tätä:
http://lempinen.net/lehtori/lehtori.cgi?url=http://www.suhe.net/&print=on&help=on
http://lempinen.net/lehtori/lehtori.cgi?url=http://www.suhe.net/center.html&print=on&help=on
(Hämmästyttävä saavutus saada 29 riviä pitkään yksinkertaiseen sivuun 31 virhettä, tosin suuri osa johtuu siitä että yksi virhe tekee muita virheitä)
http://lempinen.net/lehtori/lehtori.cgi?url=http://www.suhe.net/left.html&print=on&help=on
Pitää huomioida vielä että tuo Lehtori ei ole edes turhan kranttu virheistä. En uskaltaisi edes kokeilla suhen sivujen oikeellisuutta oikealla tarkastimella ( http://validator.w3.org/ )
Tässä on parempaa oppimateriaalia:
http://www.valt.helsinki.fi/atk/johdanto/k2003/html.htm
no voisiko joku helpommalal tavalla sitten neuvoa, miten saan tehtyä koodin, jolla vasemmalla puolella tai ylhäällä on sivua on valintapainikeet ja oikealle tai keskelle tulee table, josta voi lukea sitten valisemansa aiheen tekstin tai katsoa kuvat.
eli kun klikaa valintapainiketa, ei tule uutta sivua vaan keskelle tulee siis teksti tableen joka vaihtuu.....
Itse en pahemmin noista kehyksistä perusta mutta tässä nyt on yksinkertainen perusjuttu.
Ensin teet pääsivun jonka nimeät nimellä index.html
Kehyssivu
Kehyksetön versio
Seuraavaksi teet kaksi sivua, toisen nimeksi (mikäli käytät antamaani mallia) laitat navi.html ja toisen nimeksi sisus.html
navi.html:ään kun laitat linkin niin se aukeaa oikeanpuoleiseen kehykseen jos laitat linkkiin target-määreen. Tässä esimerkki navisivusta:
Navisivu
linkki
linkki
Joo, ei tuo frame oikein skulaa, kummallista... laitoin tämän indexiin:
Kehyssivu
Kehyksetön versio
ja sitten sisus sivun jossa on tekstiä ja navin:
Navisivu
linkki
oliko tuo nyt oikein eli laitoin hrefin sisälle "sisus.html" tai jonkun toisen myöhemmin..... mutta kun avnaa sitten indexin niin oikealle puolelle tulee kyllä tekstiä mutta vasemmalle tulee teksti:
sivua ei voi näyttää, siis internet explorer ilmoitus, aivan kuin pitäisi jonnekin nettiin muka mennä? en ymmärrä
-----
piutää kai sitten tehdä vaan lienkkejä toiselle sivulle normaalisti, vaikak ei ole kaunista sekään, kun sivut klikaavat toiselle sivulle...
Yleensä nuo on ihan jostain pikkujutusta kiinni.. Eli esim. onhan sisus.html-tiedoston nimi varmasti tuo eikä esim. sisus.htm koska ilmeisestikään se ei löydä tuota sisus.html-tiedostoa.
Ja muutenkin voisit tehdä tuon saman myös taulukoilla, niin ei tarvitse miettiä noita kehysjuttuja. Eli taulukko jonka vasemmassa solussa on linkit ja oikeassa muut jutut. Taulukon kooksi koko näyttö, ja nuo valign-määritteet solun sisältöön, että tekstit alkavat ylhäältä, eivätkä ole keskellä solua. Ja vasemman solun leveydeksi joku sopiva, joko pikseleinä tai prosentteina. Ja taustakuvat/värit jos tahtoo soluihin, jne.
Navi
Sisus
Eli joka sivulle tulee tuo navi, mutta kuitenkin näyttää että avaa vain sen tekstin siihen oikealle puolelle.
Tämä on nyt ihan äkkiä hatusta heitetty, toivottavasti en jotain olennaista uhohtanu..
Navisivu on se vasemmanpuoleinen, sen nimeksi annetaan navi.html
Siinä on ne linkit. Ja kun niitä linkkejä painelee niin ne sivut aukeavat oikeaan ikkunaan.
Tietenkin pitää tehdä myös sisus.html
Se voi olla vaikka tyhjä sivu tai sisältää esittelyn tai mitä tahansa. Olla se kuitenkin pitää, muuten tulee ilmoitus ettei sivua voida näyttää
nyt sain sivut sillai toimimaan, kun tosiaan savetin html muodossa, muta silti joku tuossa klikkaa..
eli laoitus sivu on ok: siinä on vasemmalla linkit ja oikealla sisus. Klikaamalla toista linkiä (linkki 2) vaihtuu sivu, se on ok. Mutta sitten kun klikkaa ensimmäistä linkkiä vasemmalla, tulee "siva ei voida näyttää", vakka ihan samassa mudossa olen talettanut sivut. Ja vaikka laittaisin viitteen samaan sivuun kuin linkki 2, nin silti tulee tuo sama ilmoitus....
Jos menusivulla on näin:
linkki
linkki
Niin silloin pitää löytyä myös sivut nimeltään
sivu1.html ja
sivu2.html
Jos siis teet esimerkkini mukaan aluksi niin sinun pitää tehdä yhteensä viisi sivua:
index.html
navi.html
sisus.html
sivu1.html
sivu2.html
Kopioi vaikka nuo sivut ihan tuollaisenaan että saat varmasti toimimaan, sen jälkeen voit alkaa muuttelemaan niitä mieleiseksesi.
---------- index.html ----------
Minun kotisivuni
Kehyksetön versio
---------- navi.html ----------
Navisivu
sivu nimeltä sivu1
linkki sivulle sivu2
---------- sisus.html ----------
Aloitussivu
Tähän tulee sisältöä kun painat vasemmanpuoleisen framen linkkejä
---------- sivu1.html ----------
Sivu1
Tämä sivu ilmestyy kun painetaan linkkiä sivu nimeltä sivu1
---------- sivu2.html ----------
Sivu2
Tämä sivu ilmestyy kun painetaan linkkiä linkki sivulle sivu2
Kiitos siitä frame koodista ja vaivan näöstäsi. Mutta haluaisn lisä apua, eli kyllä se toimii sittenkin. Haluaisin saada kuitenkin sellaisen framen tarkemmin sanottuna, että vasemmalla on
frame ja oikealla on kaksi framea, pienempi ylhäällä ja suurempi alenpana. Eli frame jakautuu kolmeen osaan (joista suurin on teksti osuus oikealla alhaalla) ja pienemmät ovat kaista vasemmalla ja ylhäällä.
Voitko antaa tuohon koodin, yritiin tehdä sellaisen namo webeditorilla ja talensin kaiki sivutkin smuta elisan operaattori sanoo; ettei sivuja löydy....framat vaan näkyy.
tuolla sun koodilal sain näkymään mutta siinä on huono puoli se, että sivu jakautuu kahtia ja selatessa pitkää tekstiosuutta ylhäällä oleva logo ja siinä olevat hyperlinkit peittyvät sitten kun tekstiä selaa eli haluaisn framet ylös ja vasemmalle ja keskelle, joista voi liikuttaa vain suurinta keskimäistä framea.