Transcript Tinklapių kūrimas
Tinklapių kūrimas
HTML kalba
TURINYS
• • •
•
Tinklapių struktūra. HTML kalba. Redaktorius.
Svetainės projektavimas. Antraštė. Lygiuotė. Šrifto stilius.
Teksto šriftas, dydis, spalva. Ženklinti ir numeruotieji sąrašai.
...
Pagrindinės hipertekstinio dokumento gairės
Informuoja nar š yklę, kad dokumentas para š ytas naudojant HTML kalbos gaires.
Š ioje dalyje nurodoma apie patį tinklapį, pavadinimą, autorių ir t.t.
...
Pvz:
Čia pateikiama pagrindinė tinklapio informacija (tekstas, paveikslai, lentelės ir t.t.)
Pavyzdys.html
Redaktorius
Notepad++ http://notepad-plus-plus.org/
http://www.w3schools.com/html
/ tryit.asp?filename=tryhtml_intro
Svetainės projektavimas Mano MIESTAS Trumpai apie miestą Simbolika Nuorodos
Pagrindinės gairės
(angl. Break) – nauja eilutė (angl. Horizontal Rule) – horizontali linija &nbs (angl. NoBreak Space) – tarpas
Antraštės, teksto lygiuotės
UŽDUOTIS - Sukurkite tinklapį „Kaunas“ Trumpai apie Kauną Kaunas
– dar neatrastas Lietuvos kultūros, tradicijų ir istorijos židinys
.
Kaunas
unikalus tuo, kad jį supa net
septyni regioniniai parkai
– kiekvienas iš jų žavi dar per amžius urbanizacijos nepaliestu gamtos natūralumu.
Kaunas
yra Lietuvos krepšinio rungtynės.
sinonimas
. Būtent šiame mieste 1922 m. įvyko pirmosios krepšinio
Kauną
supa devynių fortų, statytų dar Rusijos Imperijos laikais, žiedas.
Daugiau informacijos: http://visit.kaunas.lt/
UŽDUOTIES
pavyzdys [HTML kalba]
Teksto šriftas, dydis, spalva.
Šrifto ir spalvos keitimui naudojama komanda kurios pabaigos žymė yra
.
Štai pagrindiniai šios , komandos atributai: Pavyzdžiui, komandos
rezultatas bus toks:
Numeruojamas sąrašas
Numeruojamo sąrašo komandos:
...
tekstas numeris 1 tekstas numeris 2
Nenumeruojamo sąrašo komandos:
...
tekstas numeris 1 tekstas numeris 2
1. tekstas numeris 1 2. tekstas numeris 2 3. ... • • • tekstas numeris 1 tekstas numeris 2 ...
Paveikslėliai tinklapyje ![]()
Pagrindinis ir būtinas
komandos atributas yra
SRC
(source).
Ir rezultatas:
Paveikslėliai tinklapyje ![]()
="grafinės_bylos_vardas“ [
ALT
="tekstas"] [
ALIGN
="orentacija"] [
BORDER
="taškai"] [
WIDTH
="taškai"] [
HEIGHT
="taškai"] [
HSPACE
="taškai"] [
VSPACE
="taškai"] [
USEMAP
="nuoroda" |
ISMAP
]
>
ALT="tekstas"
Naudojama kaip alternatyva vaizdui, jei dėl kažkokių priežasčių neatvaizduojamas grafinis vaizdas (nerandama byla, tekstinė peržiūros programa ar uždrautas grafinių vaizdų naudojimas). Tada vietoje grafinio vaizdo bus rašomas nurodytas tekstas. Naudoti nebūtina, bet patartina.
ALIGN="left |right |top |texttop |middle
•
|absmiddle |baseline |bottom |absbottom"
Nurodo, kokia bus grafinio vaizdo padėtis kitų HTML dokumento objektų atžvilgiu:
left |right
Grafinis vaizdas orentuojamas į kairį ar dešinį HTML dokumento kraštą, o tekstas "apgaubia" vaizdą iš dešinės ar kairės pusės. vaizdas. Naudojama komanda:
.
BORDER="taškai"
Nurodo, kokio storio bus rėmelis aplink grafinį vaizdą.
WIDTH="taškai" HEIGHT="taškai"
Nurodo, kokio atvaizduotas dydžio grafinis (taškais) vaizdas bus HTML dydžiu.
dokumente.
Jei nenurodyta - sutampa su realiu vaizdo
VSPACE="taškai" HSPACE="taškai"
Nurodo, kiek aplink tuščios vietos reikia palikti grafinį vaizdą vertikalia ar (ir) horizontalia kryptimi.
UŽDUOTIS Sukurkite tinklapį „Miesto simbolika“
Užduoties pavyzdys
Nuorodos
HTML dokumentai išsiskyrė todėl, kad jie turi nuorodas - aktyvius teksto elementus, kurių pagalba galima pereiti iš vieno dokumento į kitą.
Nuorodoms formuoti naudojama komanda .
Pavyzdys:
1.
2.
3.
4.
5.
Nuorodos
Pradedate rašyti komandą:
(po raidės A turi būti tarpas). Nurodote dokumentą, į kurį bus nuoroda, naudodami komandos atributą
HREF
: HREF="dokumento_adresas". Užbaigiate komandą ženklu '
>
'. Rašote tekstą, kuris bus naudojamas kaip nuorodos aprašymas dokumente (tik jis bus matomas vartotojui, nes tai, kas parašyta pačioje komandoje, "matys" tik naršyklė). Rašote komandos pabaigos žymę
.
Nuorodos
UŽDUOTIS Sukurkite tinklapį „Nuorodos“
UŽDUOTIES pavyzdys
UŽDUOTIS Sukurkite žemiau pateiktą svetainę
Mano MIESTAS Trumpai apie miestą Simbolika Nuorodos