Lecția 1
Noțiuni introductive
Cu ce începem?
Începem cu un storyline. După ce stabilim site-ul pe care vrem să îl facem, identificăm subiectele principale. Ele vor fi prezentate pe pagina principală a site-ului (index). Subiectele vor fi dezvoltate pe celelalte pagini ale site-ului pe care îl realizăm.
Sunt cinci pași care trebuie făcuți:
- Stabilim conținutul. Scriem conținutul și vedem cum îl redau browserele.
- Dăm o structură paginii
- Identificăm elementele textului.
- Adăugăm o imagine.
- Schimbăm înfățișarea paginii folosind Cascading Style Sheet.
Tema
Prima dată scrieți conținuturile în editorul folosit (de ex. Notepad++). După aceea vedeți ce elemente aveți nevoie pentru a reda conținuturile în pagină.
Structura paginii web
Elementele sunt identificate prin taguri. Un tag conține un nume de element între paranteze ascuțite. Tagurile care conțin elemente sunt marcaje.
Structura de bază
Realizați structura pe pagina voastră.
Verificați pagina cu html5 outline și html5 validator.
În imagine este reprezentat un element img, cu care afișăm pe pagină o imagine. Este un element gol pentru că nu are un conținut.
Alte elemente goale sunt: hr și br. Primul, <hr>, trasează o linie orizontală, iar al doilea, <br>, rupe rândul, afișându-l pe o linie mai jos.
Paragrafele
<p>....</p> Sunt cele mai rudimentare elemente ale unui document text.
Headings
<h1>...</h1> <h2> ... >/h2> <h3> ... >/h3> <h4> ... >/h4> <h5> ... >/h5> <h6> ... >/h6> <h7> ... >/h7>
Liste
- liste neordonate
- liste ordonate
- liste de definiții
Liste neordonate
<ul> <li> SERIF </li> <li> SANS SERIF </li> </ul>
Liste ordonate
<ol> <li> SERIF </li> <li> SANS SERIF </li> </ol>
Liste de definiții
<dl> <dt> www </dt> <dd> Abreviere a sintagmei „World Wide Web”, numită scurt și web, care în engleză înseamnă „pânză” (de păianjen). WWW este totalitatea siturilor / documentelor și informaților de tip hipertext legate între ele, care pot fi accesate prin rețeaua mondială de Internet </dd> </dl>