Parannusehdotuksia
kotisivuilleni
281026
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Turvaa tilisi vahvistamalla puhelinnumerosi. Voit silloin palauttaa unohtuneen salasanan tekstiviestillä.
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 28
Vanhimmat
tekstiä pieni pätkä
kaikille ei varmaan ole selvää kuinka näitä tehdään,
minkälaiselle kankaalle,millä langoilla
tekemiseen kulunut aika jne.
P.S. minä en ainakaan tiedä
Joo tekstiäkin tosiaan voisi sivuilla alla.
Sit vähän ihmetyttää mikset anna niiden kuvien rivittyä ihan vapaasti sen mukaan mitä näytöllä on tilaa:
Ota nuo turhat tagit pois. (jos niitä kuitenkin haluat jostain syystä k'yttää niin ne kuuluu tehdä näin:
Liimaa se tausta kiinni niin se ei vierity sivua selaamalla:
Ota se kuva pois (tai laita himmeäksi taustakuvaksi) siitä valikkoframesta. Kuvan takia navipalkkia joutuu ihan turhaan vierittämään.
Ja sitten vielä tämä ikuinen ruikutuksen aihe:
kunnollisen koodin opettelemisesta ei ikinä ole haittaa.
Mitä eroa on käytännössä ja >p> ?
Kiitos neuvoista, opettelen tässä vasta tätä, että tiedän toki virheitä tulevan.
Kaikkea kun ei opi kahdessa viikossa, tuskin sinäkään :-)
tarkoittaa että tekstikappale alkaa.
tarkoittaa että tekstikappale loppuu.
Käytännössä kappale kuuluu siis kirjoittaa näin:
Tämä on tekstikappale
Tuo p tulee sanasta »paragraph» eli »kappale»
Kuvat lasketaan tavallaan tekstiksi.
»Kaikkea kun ei opi kahdessa viikossa, tuskin sinäkään :-)»
En minä toki kahdessa viikossa osannut yhtään enempää kuin sinäkään.
Johan minä hetken tunsin itseni aivan törpöksi,
mutta jos et sinäkään kahdessa viikossa tämän parempi ollut, niin nou hätä :-D
Opetteluahan tämä on ja testaamalla eri vaihtoehtoja olen pääsyt tähän asti.
Ihan tyytyväinen olen itseeni, minä kun en ole mikään nörtti tai tekniikan ihme :-)
Silti en ymmärrä tuon / merkitystä, kun ilmankin näkyvät.
Jotakin kuitenkin opin sinultakin, sen taustajutun, että kiitos :-)
Veppisivun tekemisen pikaohje:
http://www.cs.tut.fi/~jkorpela/www/pika.html
Web-julkaisemisen opas:
http://www.cs.tut.fi/~jkorpela/webjulk/all.html
Selaimet kyllä näyttävät yllättävän hyvin sivut vaikka koodi olisikin täysin järjetöntä (anteeksi nyt vaan).
Otan esimerkkinä käsittelyyn tuon sinun menu sivusi.
html-sivun rakenne menee näin:
Dokumentti on siis jaettu kahteen osaan, head ja body-osaan.
Head -osaan tulee -tagi, metatiedot, css-tiedot ja -linkitykset jne.
Body-osaan tulee sivun varsinainen sisältö.
Sinulla on erimerkiksi body-tagi toiseen kertaan siellä sivun loppupuolella, body -tagin SISÄLLÄ. Tämä ei saa tulla kahteen kertaan.
Sitten sieltä löytyy kaikenlaisia kummallisia tagivirityksiä, kuten:
[email protected]
Tageilla merkataan elementin vaikutusalue.
Jos tarkoitat tuon tekstin vitostason otsikoksi niin se otsikko pitää lopettaa tuon tekstin jälkeen.
Näin olisi oikein:
[email protected]
( / -merkki osoittaa että tämä elementti loppuu. )
Sitten sieltä löytyy tällainen:
copyright
Tuollaista elementtiä ei ole (html-kielessä) olemassakaan mutta vaikka olisikin niin siinä jälkimmäisessä pitäisi olla lopetusmerkki.
Sitten sinulla on kummallisesti tekstielementin aloitustagi aina elementin perässä, esim:
Etusivu
Oikeastaan voisit ottaa ne kaikki -tagit sieltä pois ja laittaa ainoastaan linkkirivistön alkuun aloitusmerkin ( ) ja loppuun lopetusmerkin ( ).
Silloin tulisi linkit tiiviimminkin ( -tagi tekee aina itselleen tyhjää tilaa ympärilleen) eikä siihen menuun tulisi turhaa vierityspalkkia.
Laitan sulle malliksi saman sivun paremmin toteutettuna. Laitan tuohon myös css-tyyliä. Jos jaksat opetella sivuntekoa kunnolla tulet huomaamaan että tuo on ihan ehdottoman hyödyllinen tapa muunnella sivua:
Raga
body {color: #B8860B;background: url(pilv.jpg) fixed;}
p {line-height: 25px;}
Omat tekeleet:
Etusivu
Ristipistot
Ristipistot 2
Kirjonta
Valkokirjonta
Kanavatyot
Poppanat
Tilkkutyo
Sekalaisia
Askartelu
Valokuvat
Lainattua
Vieraskirja
© [email protected]
Jätä nuo puolipisteet ( eli ; -merkit ) pois linkkien perästä. Tämä foorumi laittaa niitä itsekseeen, varsinainen riesa tämä foorumin toteutus joissain kohdissa)
Sulla tuntuu tämä olevan hanskassa, mulla ei varmaan ikinä. Kiitän edelleen opastuksesta, teen sivuille muutoksia jahka ne taas aukeaa. Nimittäin niitä ei ole nyt tuntiin saanut kunnolla auki, hyvä tiscali...
Hirveesti sinä vaan muutoksia ehdottelet mun hyville sivuille :-D
Pitäisköhän jatkaa tuolla »HTML ja XHTML» tai »Kotisivujen teko» -osastoilla. Mielestäni ne ovat enemmänkin noita jelppipaikkoja, tämä on lähinnä sit mainostuspuoli kun sivut ovat valmiit.
Jos sulle keskustelun avaaja sopii niin voin siirtää tämän aiheen tuonne "Kotisivujen teko" palstalle niin voit niitä ohjeita ja ehdotelmia saada paremmin siellä.
Töppö tuota jo ehdotti ja voitaisiin ratkaista tämä juttu näin mukavasti ilman että sinun tarvitsee uutta keskustelua avata.
Olen saanut jo ihan kivasti opastusta :-)
Jos ei sheriffiä häiritse, et olen väärässä paikkaa?
Töppö voi mennä katsoon mitä olen tehnyt :-)
En usko että seriffiä haittaa se että sivunteosta keskustellaan tällä palstalla, kyse on siitä että jokin toinen palsta olisi parempi paikka sivunteosta keskustelemiseen. Jo ihan sen vuoksi että siellä lienee enemmän sivuntekotaitoisia ja siitä taas seuraa että saattaisi tulla enemmän vinkkejä.
Mutta asiaan:
Mielestäni sivut näyttävät nyt paremmilta mutta vielä olisi tehtävää.
Etusivulle (Raga.htm) kannattaisi mielestäni laittaa jokin teksti jotta sivulle tulija paremmin tietäisi missä ja kenen sivuilla oikein ollaan.
Vieraskirjaan johtava linkki ( sivulla valikko.htm ) on mennyt ns. perseelleen. Tämä johtuu siitä että tämä palsta näyttää usein tänne kirjoitetun koodin väärin.
Varmuuden vuoksi en laita tähän koko kyseisen linkin riviä (se näytettäisiin takuulla taas väärin) vaan ainoastaan rivin lopun. Se menee näin:
book.digishine.com/book/?vk=30" target="Kuvat">Vieraskirja
Mielestäni nimimerkki Ridge antoi erinomaisen muutosehdotuksen valikkoa varten. Käytä vaikka sitä.
----------------------------------------------------------------------------------------
Sitten seuraavaan asiaan:
Siirretään css-koodaus kokonaan pois html-koodista ja tehdään siitä ihan oma tiedosto. Myöhemmin tätä uutta sivua muokkaamalla saat helposti muutettua KOKO SIVUSTON ulkoasua.
Eli otetaan pois tuo viimeksi laitettu -elelmentti sisältöineen päivineen ja laitetaan sin tilalle linkki css-tiedostoon, tälleen:
Sivun yläosasta tulee siis tällainen:
Raga
..jne
Nyt sitten tarvii tehdä tuo raga.css jota tuossa uudessa elementissä kaivataan. En tiedä millä editorilla sivusi teet mutta tämän seuraavan voit tehdä ainakin vaikka Muistiolla (Notepad). Nimittäin copypastaat allaolevan koodin ja tallennat sen nimellä raga.css
body {
background: url(pilv.jpg) fixed;
color: #b8860b;
}
p {
line-height: 25px
}
a:link {
color: #000099;
text-decoration : none;
}
a:active {
color: #000099;
text-decoration : none;
}
a:visited {
color: #000099;
text-decoration : none;
}
a:hover {
color : #999999;
text-decoration : underline;
}
----------------------------------------------------------------------------------------
Seuraavaksi korjaat kaikki virheet kaikilta sivuilta (ei siis enää elementtejä järjettömiin paikkoihin).
Kaikkien sivujen alkuun (lukuunottamatta sivua index.htm) voit laittaa tuon täsmälleen saman alun kuin tähän linkit.htm:ään. Tietenkin laitat aina -tagin sisällön sellaiseksi kuin se nytkin on, eri siihen tulee edelleen kyseisen sivun nimi.
Poista myös kaikkien sivujen body-tagista kaikki ylimääräinen, ei siis enää
Vaan nyt riittää pelkkä
taustan määrittelyt tulevat nyt siitä aikaisemmin tehdystä css-tiedostosta. Ja -tagejahan yhdellä sivulla ei voi olla kuin YKSI! (nyt sinulla on aika usein kaksi ja se jälkimmäinen aivan järjettömässä paikassa)
Mitäs sit vielä..
Niin, mieti mitä mikäkin ehdottamistani muutoksista on vaikuttaa (jos siis teet kuten neuvon) ja jos et ymmärrä niin kysyt rohkeasti. Mielestäni on tärkeää ymmärtää mitä tekee ja miksi.
Kandeis laittaa myös vieraskirjan tyyli kohdalleen. Käsittääkseni tuossa digishinen vieraskirjassa saa vapaasti kirjoittaa css-koodin.
Jos teit tuon edellisessä viestissä mainitsemani raga.css -tiedoston niin voit koittaa mitä tapahtuu jos poistat sieltä vieraskirjasta ja tagien sisällön (ja nuo tagit kans) ja kirjoitat niiden tilalle:
..jätät puolipisteen (eli ; -merkin) pois sieltä koodista. Se on vaan tän palstan itse lisäämä juttu eikä se missään tapauksessa kuulu sinne koodiin.
Tulee hiki jo sinun neuvoistasi, saati jos toteuttasin :-)
Mullahan menee aikaa korjata suomi24 tekemät virheet, saati omiani.
Miksi täytyisi tehdä tuo ccs:kö nyt oli?
En aio muuttaa sivuja sen jälkeen kun ne "valmiiksi" saan. Tausta on hyvä, oma valokuva ja sen parempaa ei voi löytää.
Neuvosi on hyviä, olen itsekin havainnut ne oikeiksi mitkä olen tehnyt, mutta nyt on aika mennyt kuvia ottaessa jamuokatessa ym.
Ehkä huomenna jatkan html-opiskelua, se kun vaatii aikaa näin tyhmältä :-)
Jos mulla on liikaa bodyä, niin se johtuu kai sitten tästä ohjelmasta jolla sivut teen?
HTML-kitillä teen.
Untitled
»Jos mulla on liikaa bodyä, niin se johtuu kai sitten tästä ohjelmasta jolla sivut teen?
HTML-kitillä teen.»
Html-kit on hyvä ohjelma jolla saa helposti TÄYSIN oikein tehtyä koodia. Pohjasikin on ihan ok.
Mutta esim. tämä koodi (Kanavatyot.htm) ei ole oikein eikä siitä voi missään tapauksessa syyttää käyttämääsi ohjelmaa:
Kanavatyot
Jos se olisi näin se olisi oikein:
Kanavatyot
Huomaa ero! body EI SAA tulla kahta kertaa.
Myöskään tällainen koodi ei ole oikein (osa Lainattua.htm -sivusta):
Edelleenkään body ei saa tulla kahteen kertaan. Lisäksi et voi lopettaa p -tagia ( ) ellet ole sitä edes aloittanut.
Mieluummin näin:
Eihän tämä ole monimutkaista!
Toisaalta voisit mielestäni ihan hyvin jättää vaikka kaikki ja merkinnät kuvasivuiltasi (siis niiltä jotka ladataan oikeanpuoleiseen osaan) pois. html4.01 Transitional -standardi (jota sivuillasi käytät) hyväksyy sivusi ihan ilman noitakin.
Sinulla on edelleen se vieraskirjan linkki väärin. Se target -määrite pitää tulla ihan samalla tavalla kuin muissakin linkeissä, muissa se on ihan oikein.
»Miksi täytyisi tehdä tuo ccs:kö nyt oli?
En aio muuttaa sivuja sen jälkeen kun ne "valmiiksi" saan.»
No sinun tapauksessasi tuosta ulkoisesta css:stä ei nyt ole varmaan hirveän suurta hyötyä. Sikäli kyllä että voisit käyttää vielä paremmin aina samaa pohjaa:
Untitled
Tämän jälkeen ei tarvitsisi huolehtia muusta kuin että KAIKKI sisältö on ja -merkintöjen välissä ja ettei näitä tageja ole missään ylimääräisiä.
Yleensä css holpottaa myös lisäsivujen tekemistä kun sivuille ei tarvitse lisäillä turhia määrityksiä.
Jos nyt ehdottomasti haluat olla käyttämättä ulkoista css-tiedostoa niin sitten kannattaa vaihtaa se pohja tällaiseksi:
Untitled
Nyt sitten huolehdit että KAIKKI sisältö on ja -merkintöjen välissä eikä missään MUUALLA saa olla eikä -tageja.
»Tausta on hyvä, oma valokuva ja sen parempaa ei voi löytää.»
Joo, ei mulla sen suhteen mitään valittamista ole.
Sitä ei vain tiedä jos vaikka myöhemmin mieli kuitenkin muuttuisi, sitten pitää käydä koko hela sivusto läpi ja muuttaa joka ikiseltä sivulta tuo tausta. Mielestäni kannattaa varautua tuleviin muutoksiin.
P.S. on valitettavaa että tämä foorumi tekee koodien näyttämisestä toisinaan niin vaikeaa mutta sen kanssa pitää kai vain elää. Olen kyllä valittanut siitä tuolla kehityskeskustelut -osastolla mutta valitukseni näyttävät jääneen täysin huomiotta. Ilmeisesti foorumin ylläpitäjä ei pidä foorumin toimivuutta tärkeänä asiana.
Surkee kylläkin, mut eikö aina syytetä muita :-D
En tiedä mistä olen saanut nuo bodyt sinne, mutta olenhan pätevä.
Onko se ajatus myös ihan lontia, et jos poistan nuo ja merkinnät, niin kaverini ei nää kuvia kerralla vaan joutuu skrollaan?
Toisaalta taas jos annan kuvien olla vapaasti, pitäisi esitysjärjestystä miettiä tarkemmin. Mitkä sopii rinnakkain, että näin yksitellen helpompaa.
Mutta pitää miettiä ja käydä noita ylimääräisiä merkkejä tänään poistamassa.
Olen tehnyt sivut liian nopeasti, ei ole ehtinyt perehtyyn kaikkeen. Ei se ole mikään puolustus, mutta hätäisen luonteeni mukaista :-)
Eli jotakin sellaista tarkoitin, kun kavereilla on vielä jotain 14" näyttöjä. Näkyykö kuvat aina ruudussa oli se minkä kokoinen vain? Vai tuleeko skrollaamista... selkeetä, eikö totta :-)
Tottakai tulee scrollaamista jos näytön ala on pienempi kuin sivujen sisältö. Mutta jos pistät ne kuvat sinne ilman p-tageja niin niitä kuvia tulee vierekkäin niin paljon kuin tila antaa periksi, jollei ole tilaa kuin yhdelle kuvalle niin kuvat tulevat allekkain. Näin säästyy siis turhalta VAAKAvieritykseltä.
Oikeastaanhan (joku saattaa meinaan mainita tästä) kuvat ja teksti pitää laittaa lohkoelementtiin (esim. -tagiPARIN sisälle ). Mutta tämä sitten nimenomaan tagiPARIN. Eli aloituksena tulee tagi ja loppuun lopetustagi .
Tuon tagiparin sisälle voi sit tietysti laittaa vaikka kaikki sivulla olevat kuvat.
Jostakin ihmeen syystä, kun olen nyt poistanut noita ylimäräisiä bodyja sivuilla ei näy taustaa ja tuo teksti
näkyy siellä.
terv. uuno :-)
Kokeile miltä näyttää kun vaihdat valikko.htm tiedostosta style osion tähän, eli korvaa oikea kohta vaan tällä, saat muokattua niitä linkkejä esim. värien ja alleviivausten osalta..=)
BODY {
BACKGROUND: url(pilv.jpg) fixed; COLOR: #b8860b
}
P {
LINE-HEIGHT: 25px
}
a:link {
color: #000099;
text-decoration : none;
}
a:active {
color: #000099;
text-decoration : none;
}
a:visited {
color: #000099;
text-decoration : none;
}
a:hover {
color : #999999;
text-decoration : underline;
}
Tuohon lainattua-osioon kannattaisi varmaan mainita mistä nuo on lainattu, jos ne on jonkun muun nettisivulta otettu, eli ei sinun omia tuotoksiasi.. Ja silloin toki pitää kysyä siltä toiselta lupa.
Kannattaa tosiaan kirjoitella hieman tietoa noista käsitöistäsi, mukavampi olisi lukeakin jotain, kuin vain kuvia katsoa..
Sivut on nyt vajaa 3 viikkoa vanhat, että pahasti tekeillä kaikenkaikkiaan.
Ja kun nuo tekniikan miehet alko neuvoon tuota html:ää minulle, niin ei riitä kaikkeen aika.
Lainattu osion tekijä tietää, että hänen työnsä on sivuillani ja on tyttäreni, että ei rikollista puuhaa :-)
Tarkoitus on laittaa tekstiä, mutta vielä en ole keksinyt, että mitä. Joku sanoi, että minkä aikaa kestää tekeminen, ei sellasta voi laittaa, kun joku työ on ollut vaiheessa parikin vuotta.
Ehkä jo työn nimi tai laatu olisi jotakin, nyt kaikista ei kuvan perusteella tiedä edes mitä ovat.
Harjoittelen vasta ja aikaa on rajallisesti, mutta ehkä se tästä etenee :-)
Noh, yleensähän sitä on tapana suunnitella ensin ja sitten vasta nettiin laittaa ;)
Eli mikä alunperin oli tarkoituksesi tuolla sivustolla, näyttää töitäsi? Mielestäni silloin on olennaista myös kertoa niistä. Jonkinlaista informaatiota, ohjeita, millaisista materiaaleista on tehty, onko mallit kenties omia, jne. Mistä idea ko. työhön on tullut, jne. Niistähän voi kertoa vaikka mitä..
Ja tuohon lainattua-osioon voisi hyvinkin laittaa keneltä ne on lainattu, kun tosiaan on sellaisiakin, jotka napsiivat omille sivuilleen materiaalia muiden sivuilta lupaa kysymättä.. Nyt tuosta saa helposti sellaisen käsityksen..
Mielestäni sivuilla voisi olla "yleisiäkin" ohjeita kuinka ristipistotöitä jne. tehdään. Tai sitten linkkejä joillekin kunnon sivuille, joissa on hyvät neuvot ja opastukset (en muista nyt oliko sivuillasi sellaisia..)
Ja hieman voisi olla tekijästäkin tietoa :)
Yleensä?
Minulla on ihan eri käsitys niiden sivujen perusteella missä olen vieraillut :-)
Harvinaista minusta, että sivut ovat "valmiit" kun ne laittaa nettiin.
Sinun sivusi tietysti saattoi olla, onhan niitä poikkeuksiakin.
Ei se tietenkään syy ole laittaa nettiin huonoja sivuja, että muut niin tekee.
Sivujeni tarkoitus oli testata osaanko tehdä kotisivut, aihe tuli sattumalta. Minä kun en osaa tehdä itsestäni muutoin. Linkkisivuja netit on tulvillaan, minä inhoan niitä :-) Google on keksitty ja se löytää hyviä sivuja niille ken sitä tahtoo.
Kuitenkin minulla on ollut todella hauska kolme viikkoinen, kun aloitin täysin a:sta homman.