Instrumente de lucru pentru
crearea site-urilor Web
HTML – elemente de baza
3
S3-S4 –S5 (I)
HTML-elemente avansate
2
S6-S7(I)
- cadre
2
S8-S9(I)
- formulare
1
S10(I)
SOFT EDUCATIONAL
UTILIZAT PENTRU PREDAREA LECTIEI:
15 min - Activitate de reactualizare cunostinte:
Instrumente de lucru pentru
|
HTML – elemente de baza
Elemente de marcare
Formatari
Organizarea textului
|
3
|
S3-S4 –S5 (I)
|
HTML-elemente avansate
- liste
- tabele
|
2
|
S6-S7(I)
|
|
- cadre
- layere
|
2
|
S8-S9(I)
|
|
- formulare
- foi de stiluri CSS
|
1
|
S10(I)
|
SOFT EDUCATIONAL
UTILIZAT PENTRU PREDAREA LECTIEI:
Un site web este un fel de prezentare electronica interactiva,
- care este compusa din mai multe pagini web (imagini, video, animatii, audio si alte tipuri de fisiere),
- organizate intr-un anumit fel, accesibile fiecare prin adrese unice de tip URL (exemplu URL pagina curenta) si
- legate logic intre ele prin legaturi (link-uri).
Fisierele unui site web sunt instalate pe un calculator (server), conectat permanent la Internet, pe care ruleaza un program destinat de tip server, numit server web si care la cererea unui navigator/ browser de oriunde de pe Internet (calculatorul vostru), poate trimite aceste fisiere.
Paginile web pot fi de doua tipuri:
- pagini statice si
- pagini dinamice.
Paginile statice sunt fisiere text, scrise in format HTML, al caror continut nu se modifica la accesarea lor si se modifica doar la reactualizarea/suprascrierea lor pe serverul web cu un continut nou.
Paginile web din cadrul unui site sunt fisiere in format text, scrise intr-un limbaj de descriere a datelor.
HTML/XHTML(Hyper Text Markup Language) este un limbaj de descriere, care defineste cum sunt organizate logic textele, imaginile, video si animatiile in pagina (antet, paragrafe, liste, imagini, legaturi, etc).
HTML/XHTML este util, pentru ca fiind standard pe Internet, “cineva” (ex: programatorul) poate formata intr-un anumit fel un continut si “altcineva” necunoscut (ex: browser) poate “descifra” acea organizare si o poate afisa in format grafic si citibil pentru utilizator.
Paginele web si celelalte resurse, instalate pe serverul web sunt accesate prin intermediul uni protocol de comunicare la nivel de aplicatie HTTP (Hyper Text Transfer Protocol) sau HTTPS (varianta securizata al HTTP), care foloseste protocolul de transport al datelor TCP/IP.HTML/XHTML este util, pentru ca fiind standard pe Internet, “cineva” (ex: programatorul) poate formata intr-un anumit fel un continut si “altcineva” necunoscut (ex: browser) poate “descifra” acea organizare si o poate afisa in format grafic si citibil pentru utilizator.
Lansarea editorului HTML
- Crearea paginilor Web cu ajutorul editorului Notepad
- Transformarea documentelor Word existente în pagini Web
Crearea paginilor Web cu ajutorul editorului Notepad
Pentru realizarea documentelor HTML pot fi utilizate editoare simple de text (Notepad pentru Windows sau Joe în Linux) sau editoare create special pentru paginile web, editoare ce pot dispune de funcţii sofisticate pentru partea vizuală (WYSIWYG - What You See Is What You Get) sau pentru verificarea legăturilor în întregul site.
Lansarea editorului este realizată în funcţie de tipul de editor ales. Spre exemplu, dacă a fost ales:
- Notepad, programul va fi lansat din meniul Start-Programs-Accessories-Notepad.
-Wordpad, lansarea acestuia are loc, de exemplu, pe calea Start-Programs-Accessories-Wordpad
Odată lansat editorul, pagina va fi redactată folosind sintaxa HTML şi va fi salvată cu extensia “html” sau “htm”.
Vizualizarea fişierului HTML poate fi realizată cu ajutorul browser web.
Acesta permite afişarea şi manevrarea informaţiilor de tip text, imagine, sunet şi executarea unor programe/documente care pot face parte din site-urile web. Browser-ul are o casetă de text în care utilizatorul poate să scrie adresa documentului sau a site-ului dorit, adresa acestuia (numită URL - Uniform Resource Locator) fiind unică.
Acesta permite afişarea şi manevrarea informaţiilor de tip text, imagine, sunet şi executarea unor programe/documente care pot face parte din site-urile web. Browser-ul are o casetă de text în care utilizatorul poate să scrie adresa documentului sau a site-ului dorit, adresa acestuia (numită URL - Uniform Resource Locator) fiind unică.
- Editoare HTML: Front Page, HomeSite, AceHTML, Dreamweaver etc.
- Unele dintre cele mai cunoscute browsere web sunt Microsoft Internet Explorer, Mozilla Firefox, Mozilla Camino, Opera Software - Opera, Nintendo DS browser.
15 min - Activitate de aprofundare:
15 min - Activitate de fixare:
Realizati o pagina web cu:- Titlul paginii "Mihai Eminescu"
- Titlul poeziei "Luceafarul"
- Continutul paginii
Alunecand pe-o raza,
Patrunde'n casa si in gand
Si viata-mi lumineaza!
El asculta tremurator,
Se aprindea mai tare
Si s-arunca fulgerator,
Se cufunda in mare;
Si apa unde-au fost cazut
In cercuri se roteste,
Si din adanc necunoscut
Un mandru tanar creste.
INSERATI O LINIE ORIZONTALA
<hr width=25% size=5 color=#11114444 align=”center”>
STABILITI DUPA MODEL FONTULUI
<br>
<font size=+2 color=”aqua” face=fantasy weight=600>In cercuri se roteste,
</font>
<br>Si din adanc necunoscut
<br>
<font size=3 color=”brown” face=fantasy>Un mandru tanar creste.
</font>
DEPLASATI UNU TEXT PE ECRAN
<marquee direction=”left” width=75% hight=”10”>
Tema pentru acasa:
1. Modelul client-serverINSERATI O LINIE ORIZONTALA
<hr width=25% size=5 color=#11114444 align=”center”>
STABILITI DUPA MODEL FONTULUI
<br>
<font size=+2 color=”aqua” face=fantasy weight=600>In cercuri se roteste,
</font>
<br>Si din adanc necunoscut
<br>
<font size=3 color=”brown” face=fantasy>Un mandru tanar creste.
</font>
DEPLASATI UNU TEXT PE ECRAN
<marquee direction=”left” width=75% hight=”10”>
LUCEAFARUL
</marquee>
ATRIBUTE PENTRU CORPUL PAGINII
<body bgcolor=”gold” text=”silver” link=”pale blue” vlink=”turquoise” alink=”sea green”>
<body bgcolor=”gold” text=”silver” link=”pale blue” vlink=”turquoise” alink=”sea green”>
Tema pentru acasa:
Parcurgeti secventele din softul educational Pagini web. Notati in caiete notiunile intalnite.
2. Limbajul HTML
3. Elemente HTML pentru formatarea textelor
4. Recapitulare
- 1 - Elementele principale, cod HTML
- 2 - Crearea si editarea pagini HTML
- 3 - Titluri, Paragrafe, Un nou rand, Linie orizontala
- 4 - Formatul textului
