Eli olis tarkotus tehä ihan normaali nettisivu, mutta sellanen persoonallinen eli massasta erottuva. Löysin tollasen sivun kun http://kkdesign.us.tc ja olis kiva saada joku tollasen tyylinen. Varsinkin toi häivytys homma tossa on hieno. Mites sekin on tehty? Eli mulla ei oo mitään kokemusta nettisivujen teosta ja tarvis hiukan helppiä.
Miten oikeen toi html toimii
evoonhtml
3552
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
Netistä löytyy loputtomasti sekä suomen- että englanninkielisiä tutoriaaleja, joilla aloittaa itseopiskelu. Myös kirjastosta löydät helppoa kirjoja, joita tutkimalla voit aloittaa. Hae kirjastosta esim. Web-suunnittelu, kotisivut, CSS, XHTML, HTML -kirjoja.
HTML:n sijaan saattaa kannattaa (mielestäni) kenties alkaa opetella suoraan XHTML-kieltä. Se on lähes sama asia kuin HTML, mutta toimii paremmin kaikille erilaisilla selaimilla jne. XHTML:lla kirjoitetaan sivun rakenne. Sivun ulkoasu (tekstin väri, taustaväri, fontti, otsikkoitten koko, eri tekstialuetteiden koko ym) määritellään CSS-kielellä. Se liitetään yleensä HTML-sivuun. Kuvatiedostot liitetään sivuun XHTML-koodissa tai paikoin CSS:ssä (esim. taustakuva).
Jos sinulla on kuvia joita täytyy käsitellä, tarvitset kuvankäsittelyohjelman. Ilmaisia löytyy esim. Gimp tai edullisia PhotoShop Elements (n. 80 EUR).
XHTML-kieli lyhykäisyydessään on tämäntapaista:
Tässä on tekstikappale, paragraph-tagien sisällä.
Tämä teksti on "lihavoitu".
Tässä on teksti tai rakennealue, esim. laatikko. Sen ulkoasu määritellän tarkemmin CSS:n avulla.
CSS-kielessä esim. p:n ulkoasulla voisi olla tällaiset määritteet
p {
margin-top: 10px;
backround: red;
}
->Yläpuolella 10 pikselin marginaali eli "väli"
->Taustavärinä punainen. Tosin värit määritellään mieluummin heksakoodilla esim. #fff444.
Opettele ensin alkeet ja kyllä se siitä!
Voihan sentään. Ilmeisesti viestistä piilotettiin automaattisesti tagit joita piti olla muutaman esimerkkirivin ympärillä koska foorumi ei salli niitä käyttäjän viestissä. Eli siinä olivat tagi "p", "strong" ja "div". Tagi aloitetaan kirjoittamalla sen ympärille < > merkit ja suljetaan pääasiassa merkein.
http://menthal27.net auttaa varmasti enemmän.