S3:27.09-30.09

Instrumente de lucru pentru  crearea site-urilor Web	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:

PAGINI WEB - DESIGN - TUTORIAL INTERACTIV ON-LINE
PROGRAMARE HTML
LIMBAJUL HTML - SITE DIDACTIC
SITE DIDACTIC HTTP://WWW.W3SCHOOLS.COM/HTML 

15 min - Activitate de reactualizare cunostinte:

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.

Lansarea editorului HTML

1. Crearea paginilor Web cu ajutorul editorului Notepad
2. 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ă.

• 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:

1. Structura documentului HTML
2. Formatarea caracterelor, organizarea textului
3. Blocuri de text

15 min - Activitate de fixare:

Realizati o pagina web cu:

1. Titlul paginii "Mihai Eminescu"
2. Titlul poeziei "Luceafarul"
3. Continutul paginii

Cobori in jos, luceafar bland,

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.

fragment din "Luceafarul"de Mihai Eminescu
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”>

LUCEAFARUL

</marquee>

ATRIBUTE PENTRU CORPUL PAGINII
<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.

• Pagini web - design - tutorial interactiv on-line

1. Modelul client-server
2. Limbajul HTML
3. Elemente HTML pentru formatarea textelor
4. Recapitulare

Test din materia aceasta. Notele se trec in catalog.

• 1 - Elementele principale, cod HTML
• 2 - Crearea si editarea pagini HTML
• 3 - Titluri, Paragrafe, Un nou rand, Linie orizontala
• 4 - Formatul textului