8. lekcija. Nodalījums galvai un ķermenim

03.07.2007. 16:40:00 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 - Kravājam čemodānu nosūtīšanai)


Domāju ka šī lekcija jums šķitīs elementāra (tāpat kā visas nākamās), jo mēs ļoti daudz runāsim par elementiem. Atgādināšu, ka iepriekšējā lekcijā mēs sākām apskatīt šādu kodu:


<!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>


Tikām līdz tam, ka apskatījām kodā elementu <html>, kurš ir kā čemodāns, kurš satur kopā pārējo lapas saturu.

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

 

Kā jau teicu, vienā xHTML koda elementā starp tā atverošo un aizverošo tagu var ievietot vienu vai vairākus citus elementus. Tagad aplūkosim xHTML kodu, kurš atrodas mūsu čemodānā - ievietots xHTML koda elementā <html> un centīsimies saskatīt, kādus citus elementus tas satur.

 

<head>

<title>Mana 1. lapa!</title>

</head>

<body>

</body>

 

Pirmo saskatām elementu <head> (angļu valodā "head" nozīmē "galva"), kurš sastāv no:

  • atverošā taga <head>,
  • vēl cita elementa <title>. Par elementu <title> mēs vēl parunāsim mazliet vēlāk,
  • aizverošā taga </head>.

Aiz elementa <head> seko vēl viens cits elements - <body> ("body" angļu valodā nozīmē "ķermenis"),  kurš sastāv no atverošā taga un aizverošā taga. Bet tas nenozīmē, ka mūsu čemodāns ir paredzēts sadalītu līķu pārvadāšanai, kā kāds var nejauši padomāt izlasot elementu nosaukumus! Nebūt ne!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> elements (čemodāns)
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> elements (1. nodalījums pavadzīmēm)
  <head> 
    <title>Mana 1. lapa!</title>
  </head>
<body> elements (2. nodalījums)
  <body> 
  </body>
</html>

 

Secinājums: Čemodānam, kuru mēs kravājam pārlūkprogrammai, ir divi nodalījumi. 

 

<head>, <body>1. nodalījums (elements <head>) ir kā kabata, kurā var ievietot pavadzīmes un citus dokumentus. Šajā nodalījumā ievieto informāciju, kura ir domāta nevis attēlošanai mājaslapā, bet gan dažādus papildus datus, kurus mēs vēlamies nodot pārlūkprogrammai, lai pārlūkprogramma tos varētu izmantot. Kā jau minēju, pašlaik tur ir iekšā elements <title>, par kuru runāsim vēlāk, taču nākotnē ievietosim tur vēl dažus elementus.

 

2. nodalījums (elements <body>) ir paredzēts, citu xHTML elementu izvietošanai, kurus pārlūkprogrammai jāattēlo uz ekrāna. Redzat kāds pašlaik tur ir izvietots elements starp atverošo un aizverošo tagu? Es arī neredzu, jo pašlaik šis elements ir tukšs. Bet tas nekas, mēs to tā ilgi neatstāsim!

 

Nu ko, esam gandrīz izgājuši cauri visam dotajam xHTML kodam, izņemot to vienu rindiņu, kura satur <title> elementu. Esam tikuši līdz tam, ka mums ir:

  • uzlīme uz čemodāna,
  • čemodāns,
  • čemodānam nodalījums pavadzīmēm un citiem dokumentiem,
  • čemodāna otrs (parasti lielākais nodalījums), kurā var salikt daudz ko citu iekšā.

Jāatcerās, ka kodā šo elementu secību nedrīkst mainīt! Uzlīmei jābūt pa virsu čemodānam, un čemodāna nodalījumiem jābūt tieši tādā kārtībā: No sākuma pavadzīmju nodalījums (elements <head>) un pēc tam otrs nodalījums (elements <body>).

 

Un ceru, ka nevienam no jums neienāca prātā, piemēram, ievietot elementu <body> iekš elementa <head> šādi:

 

<!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>
<body>
</body>
</head>
</html>

 

Tas ir nepareizi! Vēl cita kļūda, kuru bieži pielaiž, ir dīvaini sakombinēt elementus, ka tie atrodas nevis viens otrā, bet gan kaut kā samuhļīti savā starpā. Piemēram, pamēģiniet noteikt, vai zemāk redzamajā kļūdainajā kodā elements <body> atrodas iekš elementa <head> vai arī elements <head> atrodas iekš elementa <body>?

 

<!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>
<body>
</head>
</body>
</html>

 

Kā redzat, to nemaz nevar viennozīmīgi pateikt, tāpēc, ja jūs rakstīsiet šādu aplamu kodu, kā dotajā nepareizajā piemērā, tad nebrīnieties, ja pārlūkprogramma atveidos jūsu veidoto mājaslapu pavisam ne tā, kā jūs to gaidījāt!

 

Ja jūs nesapratāt par ko es runāju, tad pamēģiniet šajā piemērā apvilkt visu elementu <head> (ar atverošo un aizverošo tagu un visu kas ir starpā), un tad līdzīgi apvilkt visu elementu <body>. Jūs redzēsiet, ka to nav iespējams izdarīt tā, lai līnijas nekrustotos! Ja līnijas krustojas, tātad elementi nav ievietoti korekti viens otrā! Viens no xHTML kodēšanas pamatprincipiem ir, ka elementi ir jāievieto korekti viens otrā!


Šķiet, ka nākamreiz būs jādod praktiskais darbs...


Turpinājums sekos...
27 komentāri Komentēšana pieejama visiem.
Sandy komentēja 06.07.2007. 10:50:34 (ip:87.110.141.210)
Komentāra reitings: 0

Neviltots prieks par vizuālo materiālu, esi pacenties ;)

deni2s komentēja 07.07.2007. 02:28:02
Komentāra reitings: 0

Tu pat nespēj iedomāties, cik grūti ir atrast atbilstošu body, pie tam uz balta fona. Neticēsi, bet 3 dienas meklēju, kamēr atcerējos par Jesse Jane, pat sievu iesaistīju meklēšanas procesā :D Un body ar kājām uz balta fona - vispār nereāli atrast :D Bet nu tagad pašam prieks skatīties uz savu meklējumu rezultātu ;)

Sandy komentēja 07.07.2007. 11:16:23 (ip:87.110.141.210)
Komentāra reitings: 0

Atzīsties, ka tas bija ļoti patīkams 3 dienu process:)

deni2s komentēja 07.07.2007. 13:50:02
Komentāra reitings: 0

Reizēm tiešām nebija viegli koncentrēties :D

oskarsz komentēja 02.10.2007. 13:49:48 (ip:62.84.27.60)
Komentāra reitings: 0

bišķi par daudz ūdens, bet, ja piedomā klāt, pat es sapratu. A vairāk nebūs?

Ēriks (ferdlololi@inbox.lv) komentēja 12.11.2007. 17:40:29 (ip:195.244.143.66)
Komentāra reitings: 0

Man gribas ļoti iemācīties uztaisīt mājas lapu.

metrou (pablometrou@inbox.lv) komentēja 21.11.2007. 01:17:26 (ip:217.83.110.51)
Komentāra reitings: 0

deni2s luudzu turpini macit skolniekus
atvalinajums beidzies

Artis (e-riekstkodis) komentēja 22.11.2007. 19:55:02 (ip:87.110.1.132)
Komentāra reitings: 0

Njaaa! es kadu laicinu veidoju HTML web lapas, bet nekad nebiju iedzilinajies sados sikumos kas visu ko daru ar programmu palidizbu nu padara skaidraku to no aizmugures! 10 par šo tuturialu! izlasisu visu NOTEIKTI!

Artis (e-riekstkodis@inbox.lv) komentēja 22.11.2007. 21:01:47 (ip:87.110.1.132)
Komentāra reitings: 0

Pirmit ieliku nepilnigu epastu! :) sorry! LUUUUUDZU turpinajumu! :) esmu videja sola un loti nepacietigi didos, jo gribu zinat kas talak ka pasakas! :) kas notiks? :)

Melnā Mamba (melnamamba@gmail.com) komentēja 21.01.2008. 10:18:44 (ip:193.178.150.187)
Komentāra reitings: 0

Kur turpinājums? :/

deni2s komentēja 22.01.2008. 12:58:14
Komentāra reitings: 0

Būs, būs turpinājums :) Biju mazliet atslābinājies, atvainojos :)

Artis (e-riekstkodis@inbox.lv) komentēja 22.01.2008. 19:00:00 (ip:87.110.20.157)
Komentāra reitings: 0

Jeee nevaru vien sagaidit! :)

as4 komentēja 01.05.2008. 00:10:52 (ip:193.238.215.134)
Komentāra reitings: 0

neieshu guleet, kameer nesagaidiishu naakosho lekciju

deni2s komentēja 01.05.2008. 00:14:50
Komentāra reitings: 0

Šovakar noteikti nebūs :( Saldus!

sargs (andrisginters@inbox.lv) komentēja 24.05.2008. 12:57:13 (ip:81.198.173.171)
Komentāra reitings: 0

nu kur tad paliek turpinājums??

baigi gribu talaak iemācīties

gurnis (tramba_lamba@inbox.lv) komentēja 02.07.2008. 17:50:35 (ip:78.84.152.157)
Komentāra reitings: 0

ja vien dzīvē būtu šāda tipa lekcijas. gan jau ka kkur ir, bet ne visas tik aizraujošas. jāiesaka Izglītības ministrijai :)

PizzaMAN komentēja 06.07.2008. 17:04:39 (ip:62.205.244.71)
Komentāra reitings: 0

būs jāpiekrīt pārējiem komentāru rakstītājiem par vizuālo materiālu :D

centis komentēja 16.07.2008. 22:59:15 (ip:87.110.123.39)
Komentāra reitings: 0

euu, nu bāc, pat nedomāju, ka būs tik interesanti, atverot šo lapu :) Nekad nav interesējusi šitā štelle, LAIGAN šobrīd esmu reāli ieinteresēts uz turpinājumu :) PLEASE :D

chemical (viagra999@inbox.lv) komentēja 17.07.2008. 02:49:49 (ip:78.84.8.103)
Komentāra reitings: 0

Liels paldies par šo vienreizējo pamācību, ieguvu primitīvas zināšanas par visu būšanu, ļoti vēlos turpinājumu, patīk, ka ir iekļauts neliels humoriņš starpā, interese nepazūd. Pats esmu dizaineris (ne pārāk prasmīgs) un vēlos uzzināt kā īsti sakodēt manu uztaisīto layoutu (dizainu).

Muhamed (pro-gaming@inbox.lv) komentēja 19.07.2008. 16:28:47 (ip:78.84.109.89)
Komentāra reitings: 0

Ew nu kur ir turpinājums :/

vec_ragan komentēja 27.08.2008. 15:31:09 (ip:213.175.94.82)
Komentāra reitings: 0

Nu tā, intriga sakāpināta līdz baltkvēlei... KUR? KUR? TURPINĀJUMI???

edgars. (edgars.sinicins2@unbox.lv) komentēja 03.12.2008. 16:42:01 (ip:78.84.155.137)
Komentāra reitings: 0

ka var izvedot e radio lapu esu ticis lidz plejerim bet talak netieko jo nezinu ka var ieladet muziku lai skanetu visas dzismas sobrid skan tikai viena dziesma paldies jau iprieks

ingus (ingus@cau.lv) komentēja 08.01.2009. 02:30:38 (ip:87.110.40.120)
Komentāra reitings: 0

vai tiesam turpinajums nav??? es gribu macities..

peļuxx komentēja 04.03.2009. 21:45:40 (ip:89.248.85.27)
Komentāra reitings: 0

gribas turpinājummu ātrāk... :(

Aivis (mandarks55@inbox.lv) komentēja 04.10.2009. 09:07:50 (ip:93.177.225.200)
Komentāra reitings: 0

Njā vismaz kaut kādu skaidrību uzzināju par htm.Šī informācija tik labi pasniegta ar humoru un tamlidzīgi es gribu lai būtu turpinājums :-)

m.k komentēja 05.11.2009. 19:31:13
Komentāra reitings: 0

Gaidu turpinājumu , varbūt ir aptuveni zināms , kad tad tas notiksies ?

lrx komentēja 11.09.2010. 00:22:24 (ip:87.48.0.192)
Komentāra reitings: 0

Hmm...nu jau 2. gadi te rinkii ir apskreejushi, bet ne minas un ne zinas no turpinaajuma un no autora...paliek garlaiciigi....

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