Sākumlapa
"Pirmā web lapa"
CSS
Citi materiāli
Ceļošana - kalni
HTML
Sintakse
Pamatelementi
Virsraksti, rindkopas
Saraksti
Saites
Attēli
Tabulas
Noformējums
Meta
HTML ...
Doctype
Rakstāmzīmju kodējums
Entītijas
Valodas norādīšana
Teksta virziens
Vēl iesaku:
Attēli (image)
Veidojot mājaslapu, arī visi paredzamie attēli jāiekopē mājaslapas mapē! Protams, var izveidot speciālu apakšmapi "bildes", kurā tad visi attēli tiks glabāti.
Kā jau iepriekš redzējām, tad ar attēlu ievietošanu nodarbojas tags <img>, savukārt "src" norāda attēla adresi. Adresi jeb atrašanās vietu norāda tā pat kā saitēm. Ievērosim, ka <img> tagu nenoslēdz!
HTML kods:
<body>
<img src="./smuki.jpg">
</body>
Rezultāts:
Protams, šo <img> tagu var iekļaut starp rindkopas u.c. tagiem.
Attēla lielums
Ja lapā paredzams ievietot daudz attēlu, jeb tie būs lieli, t.i., ne tik ātri ielādējami pārlūka logā (jārēķinās, ka joprojām ir tauta, kas, pateicoties "Lattelekom" gādībai, joprojām bauda 42Kbps iezvanpieejas priekšrocības), tad būtu vēlams noteikt attēla platumu (width) un augstumu (height). Rezultātā pārlūkprogramma uzreiz rezervēs attiecīgo vietu attēlam un pārējais lapas saturs vairs nemainīs savu atrašanās vietu attēla ielādes gaitā. Ievietojot izmērus, vienmēr būtu vēlams arī norādīt mērvienības ("px" - punkti, "cm" - centimetri un tml.):
<body>
<img src="./smuki.jpg" width="80px" height="88px">
</body>
Sīktēli (thumbnails)
Parasti sīktēlus pielieto veidojot attēlu (foto) galerijas. Lapā tiek ievietoti nelieli, dažus kilobaitus "viegli" attēliņi, uz kuriem klikšķinot atveras oriģinālattēli. Tādējādi lapa iegūst gan izskata gan ātruma ziņā. Principā tiek pielietots jau iepriekš apskatītais saišu princips:
<body>
<a href="./smuki_liels.jpg" target="_blank"><img src="./t_smuki.jpg"></a>
</body>
Rezultāts:
Piezīme: attēlu apstrādei var lietot visdažādākās programmas (piemēram, brīvprogrammu "IrfanView"), taču vienmēr nākas balansēt starp kvalitāti un attēla faila lielumu. Iesaku:
- nav ieteicama lielāka izšķirtspēja kā 72 DPI;
- no attēlu standartiem izvēlieties ".jpg", ".gif" vai ".png", bet noteikti ne ".bmp" un tml.
Autortiesības © 2005-2009, kasis.lv. Visas tiesības aizsargātas.