7. lekcija. Kravājam čemodānu nosūtīšanai

30.06.2007. 00:31:49 sagatavoja Deniss Fedotovs (deni2s)

Ja tu gribi veidot krutas mājaslapas, un tev nav ne mazākās nojausmas, ko nozīmē "<img src="13.png" title="&quot;Amēba&quot;" height="23" width="16" />”, tad šī pamācība ir tieši tev!

 

(Te ir pieejama iepriekšējā lekcija - Praktiskais darbs "Meklējam sakarības")

 

Šodien mēs beidzot ķersimies vērsim pie ragiem un sāksim veidot mājaslapu xHTML valodā.

Kodēšana xHTML valodā ir līdzīga čemodāna sakravāšanai, kurš tiks sūtīts pārlūkprogrammai, kura to savukārt izkravās uz ekrāna.

No sākuma es nodemonstrēšu mājaslapas xHTML kodu, un tad es centīšos apskaidrot katru rindiņu un izstāstīt kāds tam visam sakars ar čemodāna kravāšanu. Šis xHTML Strict kods ir pats minimums, bez kura nevar iztikt neviena mājaslapa, kas ir kodēta xHTML Strict valodā:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>


<html>Pirmās divas rindiņas (tās var sarakstīt arī vienā rindā) norāda pārlūkprogrammai, ka turpmākais kods ir jāapstrādā tieši kā xHTML Strict kods, nevis „kas-to-lai-zina-kas-tas-par-kodu-varbut-pameginasim-to-iebarot-tosterim”. Uztveriet to kā uzlīmi uz čemodāna ar uzrakstu "sakravāts atbilstoši W3C rekomendācijām", nevis "plīstoši trauki", "handle with care" vai „не кантовать”. Šīs ir rindiņas, kas brīdina pārlūkprogrammu, ka tai tiks nodots mūsdienu prasībām sagatavots čemodāns ar kodu, un pārlūkprogrammai nav jāuztraucas par to, ka no čemodāna varētu kas izbirt vai notikt kas cits nelāgs.

Ja šādas „uzlīmes” nav, tad pārlūkprogramma pārslēgsies uz „invalīdu” režīmu (saucas quirks mode), kur tā visu laiku čekos un pārbaudīs, vai no čemodāna kas nebirst ārā, un vai tas ir kārtīgi sapakots, un nepieciešamības gadījumā pacentīsies pielabot kļūdas pēc saviem ieskatiem – kā sanāks. Būtībā izturēsies pret čemodānu tā, it kā to būtu kravājis garīgi nepilnvērtīgs cilvēks. Attiecīgi arī šāda izkravāšana aizņemtu daudz vairāk laika, bet mūsdienās laiks taču ir nauda!

Nākamajā rindiņā sākas xHTML valodā rakstīts kods – mūsu čemodāns. Tas sākas ar tā saucamo tagu (angliski tag, kas latviski nozīmē birka) <html>, kurš norāda tikai uz to, ka HTML kods sākas tieši te. Šis tags ir mūsu čemodāna vāks. Ja ir grūti atcerēties šo burtu salikumu "html", tad atcerieties, ka tas nav saīsinājums no "How To Make Love"!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>

 

Visi tagi sākas ar simbolu „<”, tad seko taga nosaukums, aiz tā, atdalīti ar atstarpi var būt (bet bieži var arī nebūt) viens vai vairāki tā saucamie taga atribūti ar norādītām vērtībām,  un beigās simbols „>- tā pārlūkprogramma atšķir tagus no teksta, kas jāparāda lapas apmeklētājam. xHTML valodā tagu un atribūtu nosaukumi obligāti jāraksta ar maziem burtiem – nedrīkst rakstīt <HTML xmlns="http://www.w3.org/1999/xhtml"> vai <Html Xmlns="http://www.w3.org/1999/xhtml">, tas nav pareizi. 

Kā redzat, tad starp "<" un ">" ir rakstīts html, bet aiz tā atstarpe un tad  xmlns="http://www.w3.org/1999/xhtml" - tas nozīmē, ka <html> tagam ir atribūts xmlns, kura vērtība ir http://www.w3.org/1999/xhtml.

 

Kāda jēga ir no taga atribūtiem un to vērtībām, es pastāstīšu citreiz, tikai jāatceras, ka xHTML Strict kodā veidotai mājaslapai tagam <html> vienmēr jābūt klāt šim atribūtam xmlns, kuram jābūt norādītai vērtībai http://www.w3.org/1999/xhtml. Kodā tas vienmēr ir jānorāda tā, kā es to uzrakstīju:

 

<html xmlns="http://www.w3.org/1999/xhtml"> 



Ja palūkosieties uzmanīgi mūsu kodā, tad ievērosiet, ka katram tagam atbilst vēl viens tags ar tādu pašu nosaukumu, kuram pirms nosaukuma ir slīpā svītra „/”. Piemēram, sākumā ir <html> un beigās ir </html>. Šādus tagus ar slīpo svītru „/” sauc par aizverošajiem tagiem. Ja ir atverošais tags, tad ir jābūt arī aizverošajam tagam. Aizverošajiem tagiem atribūtus neraksta - pietiek, ja to izdara nepieciešamības gadījumā pie atverošajiem. Ja tags <html> ir kā čemodāna vāks, tad aizverošais tags </html> ir kā  čemodāns bez vāka. Čemodānu nevar atstāt bez čemodāna vāka, tāpat kā čemodāna vāku nevar atstāt bez čemodāna. Viss, kas ir starpā, ir mūsu čemodāna saturs, un mēs nevaram tam ļaut izbirt!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>

 

Tagi ir norāde pārlūkprogrammai par to informāciju, kura atrodas starp atverošo un aizverošo tagu. Atceraties, mēs 3. lekcijā runājām par dāvanām? Mēs vienojāmies, ka mājaslapas saturu satur kopā forma - xHTML valodas izskatā. Tad lūk tagi ir tie, kas "satur" kopā mājaslapas saturu, lai tas nebūtu vienā putrā. Un mūsu čemodāns, kurš sastāv no <html> un </html> tagiem "satur" kopā visu to, kas ir starp šiem tagiem.

 

Uzlīme
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Čemodāns
<html xmlns="http://www.w3.org/1999/xhtml"> 
Čemodāna saturs
  <head> 
    <title>Mana 1. lapa!</title>
  </head>
  <body>
  </body>
</html>


Atverošo tagu ar atribūtiem un to vērtībām, aizverošo tagu un visu, kas ir starpā sauc par elementu. Tātad mums ir viens liels <html> elements – čemodāns ar visu saturu. Gan jau esat pamanījuši ka mūsu "čemodānā" ir vēl citi tagi un elementi. 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> elements
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>
    <title>Mana 1. lapa!</title>
  </head>
  <body>
  </body>
</html>

 

Es zinu, ka jūs nepacietībā gaidāt, kad es par tiem pastāstīšu, jo patiesībā visa "xHTML mācēšana" sastāv no zināšanām par dažādiem elementiem un kā tos pareizi izmantot un sakārtot, nu un, protams, pāris knifiem.


Bet, es arī redzu, ka jaunēklim pirmajā solā ļoti vajag pārdomāt visu, ko līdz šim stāstīju, vietā, kur neviens to netraucēs - tirinās man te pašā priekšā jau 5 minūtes! (Ja nemaldos Z.Visurmalža jaunskungs? Tas pats, kurš pēc iepriekšējās lekcijas demonstrēja, kā ir uztrenējis nicīgās sejas izteiksmes?) Pārtraukums!

 

Pēc pārtraukuma neizklīstiet! Turpināsim kravāt čemodānu!


6 komentāri Komentēšana pieejama visiem.
Z. Visurmaldis komentēja 04.07.2007. 13:50:25 (ip:85.254.200.12)
Komentāra reitings: 0

Kāds gods! Mani jau piemin lekcijās. ...
Ne jau prieka pēc vai lai paņirgātos rakstu komentārus. Ja manas piebildes netiek uztvertas kā ierosinājumi pilnveidoties, varu arī vairāk neko neteikt.

Starp citu, vēl joprojām nevaru atrast autora vārdu. Uz mistisku "deni2s" nav iespējams atsaukties ne citu autoru darbos, ne arī citu lektoru lekcijās.

Taisnība - man nepatīk autora lietotais valodas stils, uzspiestais domāšanas veids un izteiktie apgalvojumi, taču dažas idejas ir tīri labas. Šīs dažas idejas labprāt izmantotu savās lekcijās, ja vien būtu uz ko atsaukties.

deni2s komentēja 04.07.2007. 16:05:08
Komentāra reitings: 0

Atsaucies uz Denisu Fedotovu, ja tas ir tik svarīgi :) Un tas, ka tu komentē, tas jau tikai pozitīvi, vismaz kāds "feedback", tātad ir vismaz viens cilvēks, kas to visu arī lasa un kam tas rūp :)

DiviX komentēja 05.07.2007. 12:12:50 (ip:195.13.135.207)
Komentāra reitings: 1

Novērojama savstarpēja simbioze ;)

xMacho (xmacho123@inbox.lv) komentēja 09.10.2007. 11:49:34 (ip:62.84.1.189)
Komentāra reitings: 0

super lekcijas :)) buutu taadi pasniedzeeji skolaa :))

Ģirts (girts3332@inbox.lv) komentēja 26.12.2007. 20:54:15 (ip:84.237.224.68)
Komentāra reitings: 0

esmu aptuveni ustaisijis savu vebu bet man viņšneradas ka majas lapu jo es viņu nevaru palaist nezinu kapec nevariet man ludzu pateikt mana majas lapa ir zem kopidejas serveriem www.kopideja.lv/girts3332

deni2s komentēja 22.01.2008. 13:02:33
Komentāra reitings: 0

Ģirts, veidojot lapu tev attēli un lapa bija uz tava datora. Kad pārvietoji lapu uz servera, visas norādes uz attēliem palika tādas pašas, kā pirms tam, piemēram:
file:///C:/Documents and Settings/es/My Documents/My Pictures/liepaja/DSC00122.JPG

Varu saderēt, ka uz servera nav nav nedz C: diska, nedz mapītes "Documents and Settings", kur nu vēl to attēlu norādītajās vietās.

Komentāra pievienošana

Ar * atzīmētie lauciņi ir jāaizpilda obligāti.





[ uz rakstu sarakstu ]

Reklāma
Par web.hc.lv

web.hc.lv ir vortāls, kurā tiek aplūkoti mājaslapu veidošanas un mārketinga aspekti, no idejas līdz gandarījumam.

[Valid RSS] Valid XHTML 1.0! Valid CSS!

RSS 2.0 ziņu barotne (news feed)  Twitter

reģistrēties