HTML dokumenti ar ietvariem - PowerPoint Presentation

Slide1

HTML dokumenti ar ietvariem

ESF

projekts

„

Profesionālajā

izglītībā

iesaistīto

vispārizglītojošo

mācību

priekšmetu

pedagogu

kompetences

paaugstināšana

”

(

vienošanās

Nr. 2009/0274/1DP/1.2.1.1.2/09/IPIA/VIAA/003)

HTML dokumenti ar ietvariem

Pārlūkprogrammas logu var sadalīt vairākos taisnstūra apgabalos, ko sauc par ietvariem (frame). Katru ietvaru veido atsevišķs HTML dokuments.

Tags FRAMESET

TagsTaga funkcija

<

frameset

>

Pamattags

Frameset

parametri

Parametri

funkcija

rows

Horizontālo ietvaru skaits

<

frameset

rows="25%,50%,25%">

Sadalījums horizontāli: 1 ietvars -25%, 2 – 50%, 3 – 25%

<

frameset

rows=“30%,*">

Sadalījums: 1 ietvars - 30%, pārējais – 70%

<

frameset

rows

=“*,2*,3*">

augstuma attiecība 1:2:3

cols

Vertikālo ietvaru skaits

<

frameset

cols=“25%, 50%,25%">

Sadalījums vertikāli: 1 ietvars -25%, 2 – 50%, 3 – 25%

<

frameset

cols=“30%,*">

Sadalījums: 1 ietvars -30%, 2 – 70%

Tags FRAME

TagsTaga funkcija

<

frame

>

Atsevišķa ietvara īpašības

<

frame

src="ramis_a.html" >

Parāda ceļu pie HTML dokumenta,

kurš parādīsies ietvarā.

Cik ir ietvaru, tikpat ir jābūt arī tagiem

Frame

!!!

Parametri

funkcija

src

Parāda ceļu pie HTML dokumenta

<

frame

src="ramis_a.html

" >

scrolling

Yes

No

Auto

Iespējams regulēt ritjoslas.Ritjoslas parādās vienmēr;Ritjoslas neparādās;Ritjoslas parādās pēc vajadzības.marginwidthunmarginheightNosaka teksta atkāpi no ietvara malas pa horizontāli un pa vertikāli. Atkāpi iestata pikseļos.noresizeNeļauj lietotājam izmainīt tekošā ietvara izmērus.frameborderNosaka vai ietvaram parādās rāmis (frameborder=“1” – rāmis ir; frameborder=“0” – rāmis nav). nameAr šo parametru tekošajam ietvaram piešķir iekšējo vārdu

Frame parametri

<frame name=“a” src="ramis_a.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0">

Horizontālais rāmis

9

.uzdevums:Izveidot HTML lapu ar horizontālu rāmi. Augšējā rāmī ievietot html dokumentu

ramis_a.html

, vidējā rāmī –

ramis_b.html

, apakšējā rāmī -

ramis_c.html

. Saglabāt ar nosaukumu horizontalais_ramis.html.

Piemērs:

Vertikālais rāmis

Horizontālais un vertikālais rāmis

10

.uzdevums:Izveidot HTML lapu ar horizontālu un vertikālu rāmi. Ievietot html dokumentus

ramis_a.html

,

ramis_b.html

,

ramis_c.html

. Saglabāt ar nosaukumu h&v.html. Piemērs:

Navigācijas rāmis

Izveidot HTML lapu par “Tīmekļa lapu veidošanu”, izmantojot kādu no ietvaru veidiem. HTML lapā ievietot savus izveidotos HTML dokumentus.

Izveidot html dokumentu un nosaukt saturs.htmlAtribūts

Target

– nosaka kāda operācija attiecas uz konkrēto ietvaru.

Patstāvīgais darbs:

Izveidot

navigācijas rāmi !