Minu märgistuskeelte kursuse ainetöö leiab SIIT.

Vormid

Vormi näiteks minu ainetööks valmival lehel mis asub SIIN . See vorm saadab tagasiside meilile kasutades selleks php skripti. Sama lehe html ja css on mõlemad valideeritud.

tunniplaan

Minu tunniplaan htmli tabeline asub SIIN!

häkid ja skriptid

16. märts - häkid, skriptid
Tutvu vastavate õppematerjalidega materjalide kettal. Leia vastavaid materjale internetis.

1. Millised on IE tõsisemad probleemid, mida häkkidega on lahendatud.
Üks populaarseimaid IE häkke on selleks, et IE suudaks näidata png piltidel läbipaistaat tausta.
IE ei luba Div-e automaatselt keskele joondada.
9 tähtsamat ja kasulikumat IE hacki css-ile leiab SIIT


2. Leia mingi lehekülg, kus on kasutatud häkke.
Eesti päevalehe veebiväljaanne. Erinevatele IE versioonidele on oma stiililehed näiteks

3. Leia mõni huvitav Javascript ja katseta seda oma lehel. Tulemust tutvusta kaasõpilastele järgnevas tunnis.

Väljaotsitud javascript Roheline kollike mis jälitab hiirt.

edit: Et, esitlema ka peab, otsisin välja skripti mis ei lase kasutajatel parema hiirenupu funktsioone teha. Näide asub siin. Kuid sellest nn keelust saab tegelt mööda hiilida.. piisab kui brauserisse kopeerida järgnev: "javascript:void(document.onmousedown=null);void(document.onclick=null);void(document.oncontextmenu=null)"

edit2: Imelik, et see töötab nii google chrome-is, firefoxis kui ka IE-s kuid ei tööta Operas.

videod veebis

Siin

CSS, peitusemäng ja piltide tükeldamine.

Selles tunnist tehtud töö leiab SIIT!

3. märts - kodeeringud ja kastide raamjooned

Vastav töö asub siin

Listide kaunistamine css-iga.

Listide kaunistamine css-iga. Katseväljaks asub siin

Lisaks saab css-i ja listide abil teha kergesti menüüsi. Üks lihtne näide koos koodiga sellest näiteks SIIN.

CSS ja fondid

SIIN lingil asub minu sõjatanner, kuhu tõin igasuguseid näiteid mida saab css-i ja fontidega teha.
peale w3schooli on olemas ka näiteks selline koht, kust saab vaadata css-i reegleid.

Veebisaidi loomeprotsess

Veebisait on kui infovoog, mille juures sina oled infopakkujaks ja lehe külastajad kuulajateks. Sellega tule ka veebilehte luues arvestada!
Enne loomist tuleks läbi mõelda, kes on sinu lehe sihtgrupiks, millist infot mismoel lehele tuleb, mõtle läbi mis funktsioonid lehel on, koostada analüüs lehe kohta.
Tuleks arvestada ka järngevaid punkte:

• veebileht peab külastajale koheselt pakkuma seda, mida too sealt otsib
• lehe ülesehitus võiks järgida mingit "infovoogu" mida mööda külastaja lehtede vahel "ringi liiguks".
  
• Testi,testi, testi!
  

CSS -i layout asub siin. Esimene pildiga kast on positsioon "fixed".

CSS

Tunni ülesanne: Koostada eraldi kataloogi mingi veebileht, milles juures oleks kasutatud eraldi stiililehti ekraanile näitamiseks ja eraldi printimiseks. Printimisel näha ette ainult mustvalge trükkimine.
Veebilehe päisesse lisada stiilid pseudoklassidega linkide oleku näitamiseks.


Lahenduseni ma päris ei jõudnudki.. ma üritasin seda kõike teha veebilehel ,mille ma mõni aeg tagasi ise tegin, et cssiga sõbraks saada.. LEHT ON SIIN Probleemiks on see, et printimisele eraldi stiililehte panna ei õnnestunud.. see tühistas lehel kõik stiililehed. Eks ma uuri selle kohta veel... ja kui lahendust ei leia siis lisan siia uue otsast peale tehtud lehe, kus kõik töötaks.

10 Veebruar

Tunni ülesandeks oli otsida mõni veebi leht kus oleks kasutatud nii päises olevat kui ka eraldi asuvat css stiililehte. Tooks näiteks NETI.EE suurem osa kujunduse elemente on seal ära toodud päises asuvas stiililehes, kuid värvide jaoks on kasutatud ka välist css stiililehte, mida saab näha aadressil http://www.neti.ee/style/colors.css.

9 veebruar!

"Ankrute" kasutamine

http://www.tmk.edu.ee/~radamson9/tekst/ankur.html

Raamid

Raamide kasutamine htmlis. Ülesanne asub siin.

sidelõpp!

Tunnitöö 2.veebruar

Tunnitöö asub siin. Töö seisnes selles, et pidime tekitaba imagemapi.

leht kust näeb ära kuidas meil matemaatika tunnid mööduvad + ennäe lehel on ikoon!
VAATA SIIA

26nda jaanuari iseseisev töö

Ülesande leiab siit.
Minu jaoks täiesti uus html tag oli acceskey ,kuid natuke uurides saab teada, et see töötab vaid IE ja Netscape Navigatoriga ( alates 6.0 ). Teised on enne siitsealt silma jäänud , kuigi kasutanud ise olen vaid järgnevaid q, blockquote ja cite.

tunnitöö 25 jaanuar

siin paikneb 25nda jaanuari tunnitöö!

järgneval lingil on mängimine html-is teksti vormindusega.

http://www.tmk.edu.ee/~radamson9/tekst/indeks.html

internet

lihtsalt ja lühidalt kuidas veebileht lõpuks kasutaja erkaanile välja jõuab.

veebilehitsejate statistika

natukene infot veebilehitsejate kasutamise statistikat: http://www.w3schools.com/browsers/browsers_stats.asp ja veel teine allikas : http://www.devdaily.com/news/2009-12-10/web-browser-usage-statistics-popularity

minu kokkupuude veebiloomega

Tere maailm, siin Rain TMK arvutiklassist nr. 135
Minu senine kokkupuude veebiloomega on olnud katsetamine HTML-iga. Lihsalt notepadis ma veel koodi kirjutanud pole, vaid olen selleks kasutanud nii Adobe Dreamweaverit, Frongpage kui ka mitmeid vähemtuntuid programme.. natukene olen ma ka pealiskaudselt uurind css-i, kuid lähendane sõber sellega veel ei ole. Nüüd mõni nädal tagasi asusin ma aga huvi tundma flashi vastu- avastasin, et sellega on võimalik visuaalselt väga ilusaid veebilehti koostada, ilma et oleks vaja suurt koodipagasit. Korralik veebilehe saab valmis ka vähese action scripti teadmisega! nüüd lähiajal on endale plaanis seada üks proovikivi, üritada luua uus veebileht noorte omaalgatuslikule kohvikule KAPP ).