2. Instrumente de lucru pentru crearea site-urilor Web
a) Noțiuni
Un site web este o 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).
Fișierele 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 fișiere.
2). Metode de realizare a paginilor web:
- I. editoare de texte și de calcul tabelar care salvează documentele ca pagini web;
- fișierul se salvează ca tip de pagină web,
- II. editoare de HTML,
- III. editoare de imagini.
I. Editoare care salvează documentele ca pagini web
Exercițiul.1.
Microsoft Word. Să se realizeze un fișier care să conțină o noțiune: definiție și imagine potrivită (ex. smartphone, tableta, Bill Gates, Steve Jobs). Să se salveze în 2 formate specifice paginilor web. Ce observați?
a). Lansați Microsoft Word, creați un document care să conțină numele, clasa și o imagine
b) Salvați în format document Word cu numele Home Page
c) Realizați o copie a fișierului (salvare ca) de tipul pagină web și apoi închideți fișierul
d) Lansați fișierul pagină web
Exercițiul.2.
Microsoft PowerPoint. Să se realizeze în PowerPoint o prezentare (pe teme școlare) care să conțină 2 diapozitive. Să se salveze în cele 2 formate specifice paginilor web. Ce observați?
a) Deschideţi aplicaţia PowerPoint:
b) Pe primul diapozitiv scrieți titlul: Pagina web și subtitlul: numele și clasa, aplicați un fundal
c)Salvați ca pagină web.
Atenţie: NU alegeţi „Pagina WEB într-un singur fişier” fiindcă este un format mult mai slab decât formatul de tip „Pagina WEB (htm ,html)” (cu dosar de resurse!).
Exercițiul.3.
Microsoft Excel. Să se realizeze un tabel care să conțină date privind numărul elevilor din clasă separat pe fete și băieți, Să se reprezinte grafic radial datele din tabele. Să se salveze în 2 formate specifice paginilor web. Ce observați?
a) Deschideţi aplicaţia Excel
b) Realizați unrmătorul tabel
elevi
fete
băieți
nr
15
10
c) să se reprezinte grafic datele din tabel (ex)
d) să se salveze ca pagină web
- II. editoare de HTML,
Paginile web sunt scrise într-un limbaj numit HTML (HyperText Markup Language).
Limbajul HTML a fost creat în anul 1989, la CERN (Elveția), de către Tim Berners-Lee, care în prezent este directorul Consorțiului Web (www sau 3w), organizația care coordonează dezvoltarea Web-ului, prin impunerea anumitor standarde limbajelor.
Încă de la început, limbajul HTML a cunoscut o popularitate rapidă, fiind accesibil și ușor de folosit. Timp de 10 ani acest limbaj a fost îmbunătățit, ajungând în anul 1999 la versiunea HTML 4, ulterior nemaicunoscând schimbări majore. În prezent, creatorii de pagini Web pot folosi versiunea HTML 5, la îmbunătățirea căreia au participat în comun trei dezvoltatori de browsere Web – Apple, Opera și Mozilla.
Limbajul HTML reprezintă o colecție de marcaje, denumite tag-uri sau marcatori, care descriu amplasarea elementelor în pagină. Tag-urile sunt separate de restul textului din pagină prin includerea acestora între paranteze unghiulare: simbolurile mai mic (<), respectiv mai mare (>)
Ce este HTML? (Hypertext Markup Language)
- Este un set de coduri logice care constituie apariţia unui document web si a informatiilor pe care le deţine. Elementele de bază sunt etichetele
<></>
Structura documentului HTML (observaţi culorile)
<html>
<head>
<title>Titlu Documentului</title>
</head>
<body>
Continutul paginii
</body>
</html>
Orice document HTML conține perechea de marcaje <html>…</html>. Acesta este constituit din două secțiuni principale:
§ Antetul (precizat prin <head>…</head>), care conține informații despre pagină: titlu, formatul fișierului, cuvinte cheie pentru motoarele de căutare și altele.
§ Corpul documentului (precizat prin <body>…</body>), care cuprinde conținutul propriu-zis al paginii HTML, adică ceea ce va fi afișat în fereastra browser-ului.
ATENŢIE
Toate codurile de mai jos pot fi copiate intr-un fişier deschis cu NOTEPAD şi salvate cu orice nume dar obligatoriu se adauga extensia *.html sau *.htm
Crearea unei paginii web cu ajutorul aplicaţiei Notepad
Creare
Paginile HTML se fac într-un editor de scris, cum ar fi Notepad şi se creează astfel:
- Se deschide Notepad
- După ce se lucrează în el, se salvează : File -> Save
- Se intitulează nume.html, se alege la Save as Type All Files şi se apasă butonul SAVE.
Modificare.
Pentru modificarea paginii se procedează astfel:
- se deschide pagina .html
- se da click dreapta pe fundalul paginii şi View Source
- după modificare se dă File -> Save
Editoare ce permit salvarea ca pagini Web
Transformarea documentelor Word existente în pagini Web
Formatul fişier HTML asociat permite salvarea şi încărcarea fişierelor Word în/din HTML. Pentru a transforma un document Word într-o pagină Web: - salvaţi mai întâi documentul în modul normal Word pentru a nu strica originalul. - Apoi deschideţi meniul Fişier / Salvare ca pagină Web (valabilă şi pentru fişierele Excel). În fereastra de dialog Salvare ca :
- introduceţi un nume de fişier pentru document şi
- selectaţi, apoi, directorul în care vreţi să-l stocaţi.
- Apăsaţi Salvare. Word va salva documentul şi va converti toate formatările Word în coduri HTML.
Editoare HTML
Paginile web sunt fişiere scrise în limbajul HTML. Pentru a simplifica modul de elaborare a paginilor web, firmele de software au pus la dispozitia utilizatorilor programe specializate. Aceste programe, utilizate frecvent pentru crearea paginilor web, sunt cunoscute sub numele generic de editoare HTML. Ele permit unui număr mare de utilizatori să îşi creeze propriile pagini web, chiar dacă nu au cunoştinte temeinice legate de limbajul HTML. Cele mai cunoscute editoare HTML sunt editorul Netscape, creat de firma Netscape Communications si Front Page Editor și Publisher creat de firma Microsoft.