Létrehozása és használata egy táblázatot az internetes oldalain „tartalom platform
A téma a „alapjai Hypertext Markup Language dokumentumok”, összesen 8 óráig, és tartják a 11. évfolyamon. (Bemutató: .. N. Ugrinovich, informatikai 10-11 cl) A cél ennek a képzésnek, hogy hozzon létre egy elsődleges képesség megteremtése web-oldalak és a webes oldalak. Ez a fejlesztés harmadik tanulság a témában „létrehozása és használata a web-oldalak táblázatok”
A tanítás a diákok végrehajtotta az egyéni vagy csoportos (2-3 fő). A projekt - fejlesztése a web-oldalon.
Lecke Tárgy: „létrehozása és használata a web-oldalak táblázatok”
Bemutató: új készségeket kell elsajátítaniuk, és építeni készségek létrehozása és használata táblázatokat az interneten - az oldalak; tanítani a diákok szépen és hatékonyan tegye az információ az oldalon, a HTML-címkéket.
Fejlesztése: Fejleszteni a munkaképesség-külön és frontálisan; szélesíteni látókörüket; készségek fejlesztéséhez számítógépes technológiák létrehozásakor web-oldalak.
Oktatási: hogy a pozitív hozzáállás a tudás, lelkiismeretes munkához való hozzáállás, és a fegyelem.
Berendezés és anyagok szükségesek a leckét:
Számítógépek, interaktív tábla, projektor, tájékoztatók, lecke bemutatása, a feladat az ellenőrzési munkát.
Típusa tanulság: tanulságlevonó új anyag
I.Organizatsionny pillanatban.
II.Aktualizatsiya tudás. Ismétlés az anyag vizsgálták.
Tanár. Mi továbbra is végrehajtja az álmunk veletek: hozzon létre egy weboldal körülbelül régiónkban, a történelem és az emberek, akik élnek benne.
Ehhez meg kell tanulni, hogy építsenek egy asztal Web - oldalak jelölő eszközökkel hipertext dokumentumok HTML. A téma a mai leckét, „létrehozása és táblázatok segítségével a weblapokon.”
Ma fog dolgozni alcsoportok, mielőtt hazudsz értékelő lapok, amellyel fogunk ítélni, az eredményeket a csapat az osztályban. értékelő lapot kitölti a csapatkapitány.
Egyedi elbírálás csapat tagjai függ tevékenysége eredményeként a csapat az osztályban. Így minden az egyik meg kell érdekli az a tény, hogy a csapat szerezte a maximális pontszámot.
Hogy ellenőrizze a házi feladat:
1) Kérem, hogy válaszoljon a következő kérdésekre:
(Gondoljunk válaszokat a kérdésekre adott 30seconds. Ha a csapat nem tudja a választ, a válasz, hogy a másik csapat. Mert ez a csapat kap extra pontokat. Kérdések állnak a táblázat formájában. A táblázat a helyes válaszokat a kérdésekre a képernyőn megjelenő felmérés után befejeződött. A gyermek szenved az értékelés eredményeképpen a lapon. értékelési kritériumok tábla).
- Létrehozásához az interneten - az oldalt meg kell írni egy programot. És milyen nyelven írunk egy programot, hogy hozzon létre egy webes - az oldalon? (A nyelv a HTML)
- Mi a két program kell, hogy hozzon létre egy webes - az oldalon? (Meg kell, hogy a két program: Notepad hogy hozzon létre egy szöveges programot (Start - Programok - Kellékek - Notepad) Internet Explorer böngésző (ez jelenik meg az információt a fő ablakban))
- Mi a technológia létrehozása Web - oldalon?
- Hogyan épül fel egy HTML dokumentum? (P - sablon, shablon.Html fájl)
2) Most végre szokatlan tesztet. Azt kérdéseket feltenni, és a számítógép fogja meghatározni a válasz helyes. (A diákok feladata a tábla)
- Segítségével készített tartályt részlege a szöveget bekezdésekre? (<Р> A pont szövege
)- Mely paraméterek adhatunk a címke
összehangolni a szöveg a bekezdés? (
A pont szövege
,ahol ALIGN attribútum értéke lehet Center - központú,balra - balra igazítás (alapértelmezés szerint)
jobbra - jobbra igazított,
indokolják - szélesség beállításához)
- Használt címkét elhelyezésén web-oldal és az alfejezetek címeit? (
- Használt címkét beállítani a paramétereket a szöveget? ( szöveg )
- Mi paraméterek atributovFACE, méret, COLORvy tudja? (Például, szöveg , szöveg , szöveg )
- Melyik tag határozza meg a font? (... - félkövér, ... - dőlt, ... - hangsúlyozva. kombinációja: Félkövér, dőlt és aláhúzott
Tanár .. Emlékezzünk vissza, hogy képviselje asztalok, és mire van szükségük.
Tanítványait. A fő elemei a táblázat egy sorban, oszlopban sejt. Táblázat cellák tartalmazhatnak különféle információkat: a szám, szöveg, rajz, grafika.
III.Formirovanie új ismeretek és készségek.
Tanár. Sokkal kényelmesebb, hogy helyezze a táblázat adatait, és nem egy üres oldalt. Ezért a táblázatot használjuk Web-design rendkívül jól - nem csak a hagyományos oszlopai és egyéb információk, amelyek kényelmesen lehetnek ebben a formában, hanem mint egy design elem.
Látogatás a World Wide Web és tanulmányozza a szerkezete sze dokumentumokat gondosan, találunk egy láthatatlan „csontváz” - komplex hálózata nagy és kis sejtek
Ezért látjuk nézi a WEB-oldal, ez egy asztalra. Néhány Táblázatcellák kombinálni lehet egyetlen, és a sejteket lehet helyezni a szöveg, grafika, képek vagy más asztal. És ma megtanuljuk, hogyan kell csinálni a segítségével a HTML.
A képernyőn megjelenik a címkéket az építőiparban az asztalra. (Dia)
Példa legegyszerűbb kódtáblázat.
A diákok levelet az absztrakt tag épület a táblázatok és azok tulajdonságait.
Tanár. Táblázatos formában különböző címkéket. Táblázat megadja konténer
Bármelyik asztal áll a vonalakon, amelyeket által meghatározott konténer
A vastagsága az elválasztó vonalak a táblázatban beállított attribútum border = n (ha n = 0 határvonal láthatatlan), és összehangolják az információkat a vízszintes használt sejt ALIGN attribútum.
IV.Prakticheskaya része.
Megbeszélés és végrehajtásának gyakorlati munka. A diákok elosztott nyomtatási c során gyakorlati munka. A gyakorlati munka a tanár azt tanácsolja a diákok.
A tanfolyam gyakorlati munka
1. A mester oldal már létrehozott, akkor létre kell hozni a web-oldal a neve „Tárgy: html táblák.”
¨ Végezze el a módosításokat:
¨ Mentse el tab.html a WWW mappát. Ehhez válasszuk a Fájl - Mentés másként ... A dokumentum elmentése a Fájl típusa listában válassza a Minden fájl (*. *). A Fájlnév mezőbe írja tab.html majd a Mentés gombra.
2. Állítsa 700 pixel széles asztal (pontok) és helyezze a közepén az oldalt. Ehhez nyissa meg a HTML-kódját oldalunkon:
¨ Szerkeszteni a fájlt tab.html:
¨ Mentsd el a fájlt (File - Save)
Megjegyzés. Ügyeljen arra, hogy a tálcán. Rajta vannak WWW mappát. Notebook egy fájlt tab.html (HTML-kód oldalak), és a böngésző oldalunkat "Tárgy:" Tables vhtml”.
¨ Kattintson a Frissítés gombra, vagy az F5 billentyűt. Elemzése során kapott eredmény.
3.Podkrasim asztal háttér zöld színű.
¨ A tálcán megy a HTML-kódot az oldal
Ahhoz, hogy a változások:
| A második sorban, a második oszlop |