|
Segítség 1.lecke 2.lecke 3.lecke 4.lecke 5.lecke 6.lecke 7.lecke 8.lecke 9.lecke + fényújság vonalak kapcsolat egy lapon belül frames (haladóknak!) Az 1. leckéhez: Névadás: A dokumentum neve legyen rövid, "beszédes". Egy honlap első oldalának címe általában index.html.A parancs:<title>index</title> Alapértelmezés:
A <body után folyamatosa kell kiadni azt a paranccsort, amivel ezt is meg lehet változtatni: <body alink=#33ff88 vlink=#ff0000 az eredmény: zöld link ráklikkelve piros. target=_self Frame-es oldalnál nagyon fontos a target utasítás, hiszen éppen abban van a lényege, hogy a képernyő mely részében nyíljon meg az új lap. (Pl. ne valamelyik keskeny keretrészben.)Erről részletesebben olvashatsz a +-ban a frame-nél! A 2. leckéhez: Hátterek:
A 3. leckéhez: A betűk:
A 4.leckéhez A szöveg:
Az 5. leckéhez: Háttereket, webes elemeket(csíkok, gombok, stb.), képeket, mozgó gifeket az internetről is letölthetsz, magad is készíthetsz rajzoló-képszerkesztő programok segítségével, beszkennelhetsz könyvekből, vagy saját fényképalbumodból, digitális fényképezőgéppel, magazinok mellékleteként található CD-kről, stb. Jól válogatsd össze a képeket, méretük, színviláguk, tartalmuk és hangulatuk alapján csoportosítsd azokat. A felhasználni kívánt képfájlokat mindig MÁSOLD BE abba a mappába, amelyikben a HTML dokumentumot készíted! A 6. leckéhez: A felsorolások (listák) készítésénél leginkább a sorrendre kell ügyelni. A készítendő listát tervezd meg papíron. Ahová számozásokat terveztél, egyszerűen gépelj <ol> utasítást, ahová csak bekezdéseket, vagy a bekezdések alá újabb bekezdéseket, mindig <ul> parancsot. A kiadott parancsokat akkor kell lezárni, amikor az adott felsorolásrésznek vége van. Az egyes sorokat pedig a <li> parancs után gépelheted. (ezt a parancsot nem kell lezárni.) A 7. és 8. leckéhez: ![]() A táblázat készítésnél is figyelni kell a logikai sorrendre. A legtöbbet gyakorlással érheted el. Elég egy 3 x 2 - es táblán jól kigyakorolni a következőket:
A 9. leckéhez: A hangfájlok beillesztésével azért kell óvatosan bánni, mert nagyon lelassítják az oldal letöltését az Internetről. A legkisebb méretű (ám nem valami nagyszerű minőségű) wav fájl előállítására a Windows hangrögzítő eszköze is képes. A program indítását követően be lehet állítani a hangrögzítés tulajdonságait. Vannak hangszerkesztő programok is, amelyek - hasonlóan a képszerkesztőkhöz - át tudják alakítani más-más formátumba a hangokat, zenéket. A Web a wav formátumot támogatja. A képeknél ugyanaz az eljárás szükséges, mint a hangoknál. A Webhez megfelelő formátumba kell konvertálni (alakítani) a képfájlokat. Például az elérhetőbb Paint, vagy Photoeditor programokban megnyitott, WMF, BMP-s képeket GIF, ill. JPG-s formátumra lehet alakítani. Mentéskor meg kell figyelni azt, hogy mennyire romlik a kép minősége a tömörítés által. Ezután el lehet dönteni, hogy melyik formátumú képet illesszük be a dokumentumunkba. Példa: ![]() A noci.jpg és a noci.gif összehasonlítása. 58 Kb ill. 38 Kb méretűek, ebben a méretben a minőségük közel azonos, így most érdemesebb a GIF formátumot választani. Fényújság: Azaz futó szöveg a dokumentumban. A parancsa a következő: <marquee> S Z Ö V E G</marquee> A kutyus: puppy.gif Vonalak: amelyek az egyes szövegrészeket, témákat szépen elkülönítik egymástól. A HTML nyelvben erre van lehetőség a <hr></hr> paranccsal Alapértelmezésben egy középre rendezett, árnyékolt 100% (teljes képernyő) szélességű vonal adott: Parancsa nagyon egyszerű: <hr></hr> További formázási parancsok:
Példák: (<hr width=50% align=center width=5 color=#33ff88></hr>) Balra zárt 200-as hosszúságú, 10-es vastagságú, színtelen, árnyékolt vonal. <hr width=200 align=left size=10></hr>) Jobbra zárt, 400 hosszú, 3-as vastagságú, nem árnyékolt, piros vonal Ám te magad, képként bármilyen mintázatú vonalat beilleszthetsz. Ilyen vonalakat az Internetről is letölthetsz, de egyébként nagyon egyszerű előállítani bármely háttérképből; <center><img src=noci.jpg width=400 height=10 border=0></center> Igaz nem lehet felismerni a képet és nem is igazán szép, de most nem ez a lényeg, hanem, hogy lássuk, hogyan lehet egy képből elválasztó vonalat csinálni. Ezen kívűl vannak mozgó vonalak: Ilyeneket GIF formátumban találunk az Interneten is. A beillesztésük a képek beillesztésével azonos, legtöbbször semmilyen méret - átalakítást nem igényelnek. Példa: ![]() izgi.gif Kapcsolat a lapon belül: Itt a "Segítség" lapon is ezt a módszert alkalmaztam. Ezzel lehet azt megoldani, hogy egy kiválasztott szótól egy másik szóhoz "ugorjon" az oldal (és esetleg vissza). A parancsa hasonlatos a hivatkozási parancséhoz <a href= . . . > A lépések a következők:
Nézzük a példát: Ugorjunk ezen a lapon a futkosó kutyushoz. Akkor előbb a feljebb található puppy szó elé a következő parancsot kell kiadni: <a name=kutyus>puppy.gif</a> Nos a kutyus meg van címezve. Ezek után, innen, ugorjunk a kutyushoz a KUTYUSHOZ! szótól. Írjuk a szó elé: <a href=#puppy>KUTYUSHOZ</a> Igen ám, de onnan valahogy vissza is kell jutni ide. A feladat megcsinálni ugyanezt visszafelé. Én megcsináltam, nézd meg, működik-e? A KUTYUSHOZ! Visszajutni ide a futó kutyus alatt látható zöld vonalról lehet. Frames (frémek, vagy keretek): Ha a képernyőre nézel, akkor láthatod, hogy amikor az oldalak közt váltasz a HTML felirat a földgömbbel, illetve a számozott menügombok, a három oldalsó nagyobb menügomb mindig a helyén marad, csupán az oldal "középső" része változik tartalomban. Tegyük fel, hogy létezik egy kati.html és egy másik gabi.html oldalunk. Ebből fogjuk összeállítani a harmadik:luci.html-t, amelynek felső része kati.html, az alsó (a változó)gabi.html: ![]() A teljes parancs a következő: (A </head>után!!!) <html> <head> <title>luci</title> </head> <frameset rows=100,* frameborder=0> <frame src=kati.html name=felso scrolling=no> <frame src=gabi.html name=also> </frameset> <noframe> <body> </body> </html> Ha függőlegesen szeretnéd a képernyőt felosztani a "rows" szó helyett "cols"-t kell írni. A szómagyarázat a következő: frameset rows a keret felosztása sorokra (azaz vízszintesen) (100,*) a felső részre 100 pixel jut, az alsó részre *=maradék frame src= keret beillesztése name= keretrész neve scrolling=no ne legyen görgető sáv (a felső részben nincs is szükség rá!) /frameset a keretfelosztás vége noframe azok számára, akiknek a böngészője nem jelenít meg kereteket.(nem kötelező beírni) (Három résznél akkor sem érdemes több részre osztani a képernyőt, ha tuti vagy már benne.) |