ࡱ > q` bjbjqPqP : : g % zz zz zz 8 z | .{ o { ~ " À R 4 I h q e " À e e ) e A e F 0 { Q zz Q
v $ ? 0 o $ H \ e e e e e e e X e e e o e e e e dK Z d Z Gyakorl feladatok (HTML - CSS)
Nzze meg az albbi weblapokat, s prblja meg nllan elkszteni a weblapok HTML/CSS forrskdjt!
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/1fel.html" 1. feladat (2)
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/2fel.html" 2. feladat (4)
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/3fel.html" 3. feladat (a ' HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/kek.jpg" kek.jpg' s ' HYPERLINK "file:///E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap%20szerkeszts\\Gyakorl%20feladatok_elemei\\szines.jpg" szines.jpg' innen letlthet) (6)
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/4fel.html" 4. feladat (7)
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/5fel.html" 5. feladat (9)
Szmonkr feladatok (a szksges kp: INCLUDEPICTURE "E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap szerkeszts\\Gyakorl feladatok_elemei\\szines.jpg" \* MERGEFORMATINET ):
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/6fel.jpg" 6. feladat (11)
HYPERLINK "http://www.inf.unideb.hu/~bodai/weblapszerk/7fel.jpg" 7. feladat (12)
HYPERLINK "http://www.inf.unideb.hu/~bodai/targyak.html" Vissza
Karakter-formzsi lehetsgek CSS-ben (1)
Bookman Old Style vagy Wide Latin vagy Times New Roman vagy serif bettpus
csak Wide Latin vagy Times New Roman vagy serif
csak Times New Roman vagy serif
Braggadocio vagy Desdemona vagy Arial vagy sans-serif bettpus
csak Desdemona vagy Arial vagy sans-serif
csak Arial vagy sans-serif
Courier New vagy monospace bettpus
Brush Script vagy Matura vagy fantasy bettpus
csak Matura vagy fantasy
csak fantasy
HYPERLINK "file:///E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap%20szerkeszts\\gyakfel.html"
Vissza
1. feladat
< h 2 > K a r a k t e r - f o r m z s i l e h e t Qs g e k C S S - b e n ( 1 ) < / h 2 >
< u l >
< l i > < s p a n c l a s s = f s 1 > B o o k m a n O l d S t y l e v a g y W i d e L a t i n v a g y T i m e s N e w R o m a n
v a g y s e r i f b e t qt p u s < / s p a n > < / l i >
< u l >
< l i > < s p a n c l a s s = f s 2 > c s a k W i d e L a t i n v a g y T i m e s N e w R o m a n v a g y s e r i f < / s p a n > < / l i >
< u l >
< l i > < s p a n c l a s s = f s 3 > c s a k T i m e s N e w R o m a n v a g y s e r i f < / s p a n > < / l i >
< / u l >
< / u l >
< l i > < s p a n c l a s s = f s s 1 > B r a g g a d o c i o v a g y D e s d e m o n a v a g y A r i a l v a g y s a n s - s e r i f
b e t qt p u s < / s p a n > < / l i >
< u l >
< l i > < s p a n c l a s s = f s s 2 > c s a k D e s d e m o n a v a g y A r i a l v a g y s a n s - s e r i f < / s p a n > < / l i >
< u l >
< l i > < s p a n c l a s s = f s s 3 > c s a k A r i a l v a g y s a n s - s e r i f < / s p a n > < / l i >
< / u l >
< / u l >
< l i > < s p a n c l a s s = f m 1 > C o u r i e r N e w v a g y m o n o s p a c e b e t qt p u s < / s p a n > < / l i >
< l i > < s p a n c l a s s = f f 1 > B r u s h S c r i p t v a g y M a t u r a v a g y f a n t a s y b e t qt p u s
< / s p a n > < / l i >
< u l >
< l i > < s p an class=ff2>csak Matura vagy fantasy
Karakter-formzsi lehetsgek CSS-ben (2)
flkvr
100 200 300 400 500 600 700 800 900
dlt (italic) - dlt (oblique)
kiskapitlis
8 10 12 14 16 18 20 22 24 26 xx-large medium xx-small
1em 1.5em 1.5em 1.5em
HYPERLINK "file:///E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap%20szerkeszts\\gyakfel.html" Vissza
2. feladat
< h 2 > K a r a k t e r - f o r m z s i l e h e t Qs g e k C S S - b e n ( 3 ) < / h 2 >
< u l >
< l i > < s p a n c l a s s = r g > p i r o s h t t r , z l d e l Qt r < / s p a n > < / l i >
< l i > < s p a n c l a s s = b g > ' k e k . j p g ' h t t r k p , p i r o s e l Qt r < / s p a n > < / l i >
< / u l >
< h r W I D T H = " 1 0 0 % " >
< d i v a l i g n = r i g h t > < a h r e f = " g y a k f e l . h t m l " > < a d d r e s s > V i ssza
Karakter-formzsi lehetsgek CSS-ben (4)
a szavak kztti tvolsg 3em
a betk kztti tvolsg 1em
a betk kztti tvolsg -0.1em
alhzott szveg, felhzott szveg, felhzott szveg
kisbets szveg nagybetsre alaktva
NAGYBETS SZVEG KISBETSRE ALAKTVA
ez egy fels index, ez pedig egy als index
ktszererse nagytott sormagassg
Ez egy bekezds, amelyben a szveg sorkizrt mdon van elrendezve (azaz "igaztva" a bal s jobb oldali margkhoz), s hogy jobban ltsszon, a betmret msflszeresre van felnagytva. Ezen kvl az els sor "behzsa" kb. 2 karakter szlessgre van belltva. Netscape Navigator 4.75 esetn ez jl mkdik...
HYPERLINK "file:///E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap%20szerkeszts\\gyakfel.html" Vissza
4. feladat
Bekezdés-formázási lehetõségek CSS-ben
(1)
Ez egy bekeretezett bekezdés, színes háttérrel.
Balra igazított kép, körbefolyatott és
sorkizárt szöveggel.
Balra igazított kép, körbefolyatott és
sorkizárt szöveggel.
Balra igazított kép, körbefolyatott és
sorkizárt szöveggel.
Balra igazított kép, körbefolyatott és
sorkizárt szöveggel.
Jobbról és balról beljebb húzott
és sorkizárt szöveg.
Jobbról és balról beljebb húzott
és sorkizárt szöveg.
Jobbról és balról beljebb húzott
és sorkizárt szöveg.
Jobbról és balról beljebb húzott
és sorkizárt szöveg.
Homepage-Weblap szerkeszts
Ellenrz krdsek (HTML)
Ezen a lapon jelenleg 30 krds tallhat a HTML nyelv tmakrbl (elssorban a 3.2 verzit vettk alapul, de elfordulnak a 4.0 verzibl, ill. a CSS 1.0-bl vett pldk is). A javasolt rtkels: minden krds 4 pontos, gy az elrhet maximum 120 pont. (nll feldolgozs esetn a javasolt HYPERLINK "file:///E:\\Rekk\\2005.09.16\\Download\\Homepage-Weblap%20szerkeszts\\teszt.html" \l "ponthatarok#ponthatarok" ponthatrokat a krdsek utn adjuk meg.) A krdsek utn megoldsokat is megadunk, de a legtbb krds esetn vannak tovbbi megoldsok is, amelyek ugyangy elfogadhatak. A megoldsok rendszerint tbb elembl tevdnek ssze, ezek mindegyikre egy pont adhat. Egy szigorbb rtkelsi forma az, amikor a hibs vlaszok esetn levonunk pontokat (annyit, ahny hiba elfordul, de krdsenknt maximum 4-et).
1. Milyen HTML tagok vannak benne ktelezen minden HTML dokumentumban?
Megolds: HTML, HEAD, TITLE, BODY
2. Milyen HTML tagok vannak benne ktelezen egy keretdefinil dokumentumban?
Megolds: HTML, HEAD, TITLE, FRAMESET, FRAME
3. Milyen paramterei lehetnek a BODY tagnak?
Megolds: BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK
4. lltson be egy 50%-os intenzits sttkk sznt a HTML dokumentum htternek!
Megolds:
5. Milyen bekezdsszint elemeket ismer?
Megolds: P, DIV, H1...H6, HR, ADDRESS, BLOCKQUOTE, PRE, CENTER
6. Keverjen ki egy 78%-os intenzits srga sznt egy bekezds htternek!
Megolds:
7. Milyen HTML tagok esetn hasznlhatja az ALIGN=CENTER paramter-rtk prt vzszintes kzpre igazts jelentsben?
Megolds: P, DIV, H1...H6, HR, TABLE, TD, TH
8. Milyen paramterei lehetnek a HR tagnak?
Megolds: SIZE, WIDTH, COLOR (MSIE), NOSHADE, ALIGN
9. Milyen paramtereket ismer, amelyek a HTML 4.0 ta (gyakorlatilag) minden HTML tagban hasznlhatak?
Megolds: ID, CLASS, STYLE, LANG
10. Milyen paramterei lehetnek a FONT tagnak?
Megolds: SIZE, COLOR, FACE, STYLE
11. Adjon meg srga httren kk betsznt!
Megolds:
12. Milyen paramterei lehetnek a TABLE tagnak?
Megolds: ALIGN, WIDTH, BORDER, CELLPADDING, CELLSPACING
13. Milyen HTML tagokat hasznlhat egy tblzatban (egy tagon bell)?
Megolds: CAPTION, TR, TD, TH
14. Hogyan tud kt oszlopot sszevonni egy tblzatban?
Megolds: | Megolds: |
15. Hogyan tudja a "Tblzat" szveget feliratknt a tblzat al rni?
Megolds: Tblzat
16. Milyen paramterei lehetnek a TD tagnak?
Megolds: WIDTH, BGCOLOR, ALIGN, VALIGN, COLSPAN, ROWSPAN, NOWRAP
17. Milyen paramterei lehetnek az IMG tagnak?
Megolds: SRC, BORDER, ALT, ALIGN, HSPACE, VSPACE, WIDTH, HEIGHT
18. Melyik HTML tag utn fogja a bngsz a HTML dokumentum tovbbi szvegt egy balra igaztott kp al rni?
Megolds:
19. Melyik HTML tag definil egy sorszmozatlan listt (teht nem listaelemet) ngyzetes jellvel?
Megolds:
20. Melyik HTML tag definil egy bejegyzst (listaelemet) egy taggal megadott sorszmozott listban nagybets rmai V-s jellvel?
Megolds: -
21. Milyen HTML tagokat ismer, amelyeknek nincs zrtagjuk?
Megolds: BR, HR, IMG, BASEFONT
22. Milyen karakterformz HTML tagokat ismer?
Megolds: TT, FONT, B, I, U, BLINK (NN), SUP, SUB, S vagy STRIKE, BIG, SMALL
23. Milyen HTML tagokat ismer, amelyek logikai formzst valstanak meg?
Megolds: EM, STRONG, DFN, CITE, CODE, KBD, SAMP, VAR
24. Hogyan rn bele a nevt egy megjegyzsbe?
Megolds:
25. Hogyan adna meg egy hipertext linket a proba.html dokumentumra, amely a "Vissza" felirathoz van hozzrendelve?
Megolds: Vissza
26. Hogyan definilna egy Elso_fejezet nev cmkt?
Megolds:
27. Hogyan adna meg egy hipertext linket az Elso_fejezet nev cmkre, amely az "Els fejezet" felirathoz van hozzrendelve?
Megolds: Els fejezet
28. Milyen rtkei lehetnek a HREF tag TARGET paramternek?
Megolds: _top, _blank (s brmilyen nv, amely egy FRAME-ben definilt kerethez van rendelve a NAME paramterrel)
29. Hogyan osztan fel a kpernyt fgglegesen kt keretre 1:4 arnyban?
Megolds:
|