S9 – Pagini web – exemple, analiză, structură
Fișă de lucru – Clasa a VIII-a – Informatică și TIC
Unitatea de învățare: Aplicații de realizare a paginilor web
Lecția: Pagini web – exemple, analiză, structură
Durata: 1 oră
Obiectivele lecției:
- Identificarea elementelor de bază ale unei pagini web.
- Crearea unui exemplu simplu de pagină web folosind Notepad.
Activități propuse:
1. Analiza structurii unei pagini web
- Ce este o pagină web? O pagină web este un document afișat pe internet care poate conține text, imagini, linkuri, videoclipuri și alte elemente.
- Structura generală a unei pagini web:
- Antet (Header): De obicei include titlul și meniul de navigare.
- Conținut principal (Main Content): Include text și imagini.
- Subsol (Footer): Afișează informații precum copyright sau linkuri adiționale.
2. Exemplu practic
- Deschideți Notepad pe calculator.
- Introduceți următorul cod HTML simplu:
<!DOCTYPE html>
<html>
<head>
<title>Prima mea pagină web</title>
</head>
<body>
<header>
<h1>Bine ați venit!</h1>
<p>Acesta este un exemplu simplu de pagină web.</p>
</header>
<main>
<h2>Conținut principal</h2>
<p>Învățăm să creăm pagini web folosind HTML și Notepad.</p>
</main>
<footer>
<p>© 2024 Clasa a VIII-a</p>
</footer>
</body>
</html>
3. Salvarea și vizualizarea paginii
- Salvați fișierul:
- Apăsați File > Save As…
- Alegeți locația dorită.
- Introduceți un nume (ex. pagina_mea.html) și selectați Save as type: All Files.
- Apăsați Save.
- Deschideți fișierul:
- Navigați la locația unde a fost salvat.
- Faceți dublu clic pe fișierul pagina_mea.html.
- Pagina se va deschide în browserul vostru.
4. Întrebări pentru reflecție:
- Ce secțiuni principale ai identificat în codul HTML?
- Cum poate fi îmbunătățită această pagină web?
Criterii de evaluare:
- Corectitudinea codului HTML scris.
- Structura și aspectul paginii create.
- Participarea activă în discuțiile despre structură și elemente.