Subiectul "Bazele limbajului de marcare hipertext a documentelor" cu un total de 8 ore este considerat în clasa a XI-a. (Manual: N. Ugrinovich, Informatică și Tehnologia Informației, 10-11 celule.) Scopul acestui curs este de a forma abilitatea de a crea pagini web și site-uri web. În această dezvoltare, a treia lecție cu tema "Crearea și utilizarea tabelelor pe paginile Web"
Studiul cursului este completat de realizarea de catre studenti a unui proiect individual sau de grup (2-3 persoane) - dezvoltarea unui site web.
Subiectul lecției: "Crearea și utilizarea tabelelor pe paginile Web"
Predarea: să asimileze cunoștințe noi și să formeze abilități în crearea și utilizarea tabelelor pe paginile web; învață elevii să plaseze frumos și rațional informații pe pagină folosind etichete HTML.
Dezvoltarea: formarea abilității de a lucra față-în-cap și în mod individual; lărgirea orizonturilor; dezvoltarea competențelor în folosirea tehnologiei informatice la crearea site-urilor web.
Educațional: să cultive o atitudine pozitivă față de cunoaștere, atitudine conștiincioasă față de muncă, disciplină.
Echipamente și materiale necesare pentru lecție:
Calculatoare, tablă interactivă, proiector, materiale, prezentări de lecție, sarcini de testare a lucrărilor.
Tipul lecției: Lecția de învățare a unui material nou
I. Momentul organizatoric.
II.Aktualizatsiya cunostinte. Repetați materialul studiat.
Profesor. Continuăm să ne întrupăm visul cu tine: crearea unui site despre zona noastră, despre istoria ei și despre oamenii care trăiesc în ea.
Pentru a face acest lucru, trebuie să învățăm cum să construim tabele în pagini Web folosind limbajul de marcare HTML. Tema lecției de astăzi este "Crearea și utilizarea tabelelor pe paginile Web".
Astăzi veți lucra la subgrupe, înainte de a vă pune la dispoziție foi de evaluare, prin care vom judeca rezultatele muncii echipei în lecție. Fișa de rating este completată de căpitanul echipei.
Evaluările individuale ale membrilor echipei vor depinde de rezultatul activității echipei în lecție. Astfel, fiecare dintre dvs. ar trebui să fie interesat de faptul că echipa a marcat numărul maxim de puncte.
Pentru a verifica temele:
1) Vă voi cere să răspundeți la următoarele întrebări:
(Să se gândească la răspunsuri la întrebările date de 30 secunde. În cazul în care echipa nu știe răspunsul, răspunsul poate da celelalte echipe. Pentru această echipă primește puncte în plus. Întrebările sunt disponibile sub forma unui tabel. Tabelul cu răspunsurile corecte la întrebările afișate pe ecran după sondajul este terminat. Copiii suferă Criterii de evaluare pe forum.
- Pentru a crea o pagină Web, trebuie să scrieți un program. Și în ce limbă scriem un program pentru crearea unei pagini Web? (În HTML)
- Ce două programe aveți nevoie pentru a crea o pagină Web? (Trebuie să aveți două programe: Notepad pentru crearea textului programului (Start - Programs - Standard - Notepad); Browser Internet Explorer (va afișa informații în fereastra dvs. de lucru))
- Care este tehnologia pentru crearea unei pagini Web?
- Care este structura documentului HTML? (pagina - șablon, fișier shablon.Html)
2) Și acum efectuăm un test neobișnuit. Întrebările pe care le întreb, iar calculatorul va determina corectitudinea răspunsului. (elevii răspund pe tabla interactivă)
- Cu care container este textul împărțit în paragrafe? (<Р> Textul paragrafului
)- Ce parametri pot fi adăugați la etichetă
pentru a justifica textul paragrafului? (
Textul paragrafului
,unde valoarea atributului ALIGN poate fi alinierea centrului central,left - left alignment, (setat implicit),
dreapta - dreapta aliniere,
justificați - justificați lățimea)
- Ce etichetă este utilizată pentru a plasa rubrici și sub-rubrici pe pagina Web? (
- Care este eticheta folosită pentru a seta parametrii de text? ( text )
- Ce parametri ai atributelor FACE, SIZE, COLOR știți? (De exemplu, text , text , text )
- Ce etichete determină stilul fontului? (... - bold, ... - italic, ... - subliniind. o combinație de: Caractere cursive albe cu subliniere
Profesor .. Amintiți-vă ce sunt mesele și de ce sunt necesare.
Discipolii. Elementele principale ale tabelului sunt coloana, rândul, celula. Tabelele de celule pot conține diferite informații: numere, text, grafică, grafică.
III.Formirovanie noi cunoștințe și abilități.
Profesor. Pentru a plasa informații este mai convenabil în tabel, în loc de pe o pagină goală. Prin urmare, tabelele sunt utilizate în proiectarea web extrem de largă - nu numai pentru coloanele tradiționale de figuri și alte informații care sunt convenabile să fie reprezentate în această formă, ci și ca element de design.
Vizitând World Wide Web și studiind cu atenție structura documentelor Wed, putem descoperi un "schelet" invizibil - o rețea complexă de celule mari și mici
Prin urmare, vedem la pagina WEB că este reprezentată de un tabel. Unele celule din tabel pot fi combinate într-una, iar textul, graficele, imaginile sau alte mese pot fi plasate în interiorul celulelor. Și astăzi vom învăța cum să facem acest lucru folosind HTML.
Pe ecran se afișează etichetele pentru construirea unei mese. (Slide)
Cod de probă pentru cea mai simplă masă.
Elevii scriu în etichetele abstracte pentru a construi masa și atributele lor.
Profesor. Tabelul este format din mai multe etichete diferite. Tabelul este specificat de container
Orice tabelă constă din linii care sunt specificate de container
Grosimea liniilor de divizare din tabel este specificată utilizând atributele BORDER = n (pentru n = 0, marginea este invizibilă), iar atributul ALIGN este aplicat pentru a alinia informațiile din interiorul celulei orizontal.
IV.Practică practică.
Discutarea și implementarea lucrărilor practice. Elevilor li se dă o imprimare cu cursul lucrărilor practice. În timpul muncii practice, profesorul îi sfătuiește pe elevi.
Cursul de lucru practic
1. Folosind pagina șablon deja creată, trebuie să creați o pagină Web numită "Subject: Tables in html".
¨ Efectuați următoarele modificări:
¨ Salvați-l ca tab.html în folderul www. Pentru aceasta, executați File - Save As ... În fereastra Save Document, în lista File Type, selectați All Files (*. *). În caseta Nume fișier, tastați tab.html, apoi faceți clic pe Salvare.
2. Am stabilit un tabel cu o lățime de 700 pixeli (puncte) și îl așezăm în mijlocul paginii. Pentru aceasta, deschideți codul HTML al paginii noastre:
¨ Efectuați modificări în fișierul file.html:
¨ Salvați fișierul (File - Save)
Notă. Acordați atenție barei de activități. Acesta conține dosarul WWW. Notepad cu un fișier tab.html (cod pagină HTML) și un browser cu pagina noastră "Subiect:" Tabele în html ".
¨ Faceți clic pe butonul Reîmprospătare sau pe tasta F5. Analizați rezultatul.
3. Culoarea fundalului tabelului este verde.
¨ Utilizând bara de activități, accesați codul paginii HTML
Efectuați modificări:
| A doua linie, a doua coloană |