Miten saisin tehtyä tälläsen täs on kuva. http://img393.imageshack.us/img393/257/imagge19dr.jpg eli onko valmiita pohjia tuollaseen.
Älkää sanoko oma-alotteisuutta koska en osaa vaikka olen yrittänyt jo 1vk tätä :/
Eli olen jo saanut tälläsen www.freewebs.com/pikkunokki/1.html
Mutta ne linkit ei suostu menee toho boxii joka o siin
Älkää sanoko oma-alotteisuutta koska en osaa vaikka olen yrittänyt jo 1vk tätä :/
Eli olen jo saanut tälläsen www.freewebs.com/pikkunokki/1.html
Mutta ne linkit ei suostu menee toho boxii joka o siin
Vastaukset 11
Vanhimmat
Tässä on ihan jees pohja mutta toki saat itse säädellä mieleiseksi:
---------- index.html ----------
Mallisivu
Otsikko
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä...
linkki
linkki
linkki
linkki
linkki
---------- tyyli.css ----------
/* otsikon sijoitus */
#pageHeader h1 {
width : 100%;
background: transparent url(logo.gif) no-repeat center;
margin-top: 10px;
height: 100px;
}
#pageHeader h1 span {display:none}
/* leipätekstin sijoitus */
#maincontent {
position : absolute;
top : 130px;
left : 150px;
}
----------------------------------
Oliks tää nyt niin vaikeeta?
En lukenut edes juttuas loppuun asti..
laita vielä sinne css:ää tämä:
#linkbar {
background-color : #7A7A7A;
width : 200px;
border : 5px double #CBCBCB;
padding : 10px;
line-height : 40px;
}
Töppönen näytti miten se tehdään kunnolla, mutta Internet Explorer kun ei tuommoista (vielä) ymmärrä pätkääkään, niin tässä vastaava taulukolla toteutettuna. Toimii varmasti kaikissa selaimissa, ja on aloittelijalle huomattavasti helpompi ymmärtää.
LOGO
NAVIGAATIOSISÄLTÖ
Joskus tosin noiden kehittyneempien ominaisuuksien kanssa tulee ongelmia nimenomaan tuon InternetExplorerin kanssa mutta ei tälla kertaa.
Testasin siis kolmella: IE, Opera ja Firefox.
Ja tässä parempi css-tiedosto:
---------- tyyli.css ----------
body {
margin : 0px;
padding : 0px;
background-color : Black;
font-size : larger;
color : Yellow;
font-family : Arial, Helvetica, sans-serif;
}
/* otsikon sijoitus + muut määrittelyt */
#pageHeader h1 {
background: transparent url(imahge16qp.jpg) no-repeat center;
width : 100%;
margin-top: 10px;
height: 200px;
margin-left : 110px;
}
#pageHeader h1 span {display:none}
/* leipätekstin sijoitus */
#maincontent {
position : absolute;
top : 230px;
left : 250px;
padding-right : 5%;
}
/* linkkimenu */
#linkbar {
background : url(image57mi.jpg) no-repeat;
width : 211px;
height : 534px;
padding : 10px;
line-height : 40px;
margin : 10px;
}
#linkbar ul {list-style : none;}
------------------------------
Mielestäni aloittelijan olisi huomattavasti fiksumpaa opetella tekemään asiat ensin kunnolla kuin opetellan ensin huonoille tavoille ja sitten vasta kantapään kautta oivaltaa että on tuhlannut järjettömästi aikaa aivan turhuuksien kanssa räpläämiseen.
Sitäpaitsi voitko väitää että paljon antamaani html-koodia yksinkertaisempaa ja selkeämpää voi edes olla? Eikä tuo css:n ymmärtäminenkään nyt mitenkään kovin vaikea voi olla.
Toinen pointti on se että sivunteon voi jakaa kahdelle: toinen tekee sivuston ja vaikka joku graafikon lutku suunnittelee ja toteuttaa layoutin ja graffan. Molempien pitää vain ymmärtää perusteet toisen työstä.
http://www.sivut.org/html/oppaat/esimerkit/viivat.html
Eli miten saa pysty viivan. en öydä mistään html oppaista :S
logoo
---------------------------------------------------
linkki | tekstiäääää
linkki | dsjpiosajdiosa
linkki | dkfiopdjsfijds
linkki | difjdisjfid
Mutta toi pysty viiva on yhtenäinen eikä pätkissä.
Minä kerron jos sinä lupaat tehdä sivujesi rakenteen sellaiseksi kuin sen kuuluu olla.
Eli tällainen
Ymmärsitkö?
Ei siis niin kuten sinulla nyt on:
Verkko
body>
html-dokumentti siis alkaa tagilla ,päättyy ja jakautuu KAHTEEN osaan: head -osaan (joka sisältää metatietoa) ja body -osaan (joka sisältää sivuilla näytettävän sisällön. Head- ja body-osat merkitään samannimisillä tageilla ja kumpaakin voi olla VAIN YKSI sivulle!
Jollei sinua kiinnosta vitunkaan vertaa millaista koodia teet niin miksi kukaan viitsisi sinulle kertoa.
Et sinä kuitenkaan halua ottaa opiksesi.
Älä koskekaan siihen perkeleen Frontpageen jollet tiedä mitä teet. Koske html-oppaaseen ja lue alkeet ensin.
Hauska nähdä että joku muukin kuin minä kypsyy joskus niin paljon, että kirosanat alkaa lennellä. Tai ei kuka tahansa muu, vaan aina asiallinen Höpökin. LOL.
hei hei hei hei!.. kattos kun suurimmalla osalla ihmisistä on elämä, ja kotisivuja suurin osa tekee aina ohjelmalla, ei vääntämällä koodia. Vain pienen pieni osa omien sivujen tekijöistä on niin nörttejä et notepadilla validia vääntää tai et joku koodi ja kone ois koko elämä:)
ikävä kyllä ittekkin kuulun noihin no life no woman notepadi vääntäjiin. Ja hyvänen aika sentään, jos joku netin keskustelupalsta stressaa, niin se ei enää ole normaalia!. Ja lopuksi et monella tulee aina väärälle osastolle viesti.
Kyllä minä käytän editoria sivujen tekoon. Kyseessä ei tosin tietenkään ole mikään wysiwyg-editori, vaan HomeSite html:ää ja php:tä varten sekä TopStyle css:ään.
Väännän muuten aina validia (vieläpä Strictiä) enkä näe siinä edes mitään vaikeutta. Se tulee ihan itsestään.
En kuuluttanut Antecilta validia koodia vaan että se olisi EDES "sinnepäin". Jotain hajua edes.
Sivut on helppo tehdä FrontPagella, kuin alkaa opettelee jotain hemmetin html-juttuja...
FrontPage toimii kuin Word.
Minkä takia snobbailette noilla html-jutuilla?
Ihmettelen vain