
Competente dobandite
- Insusirea conceptelor cheie privind privind serviciul WWW ;
- Cunoasterea tehnologiilor necesare privind realizarea paginilor WEB ;
- Cunoasterea elementelor principale ale limbajului HTML pentru structura unei pagini web;
- Intelegerea instructionilor CSS pentru formatarea unei pagini web ;
- Utilizarea unui editor de pagini web – Notepad++, Kompozer..
Instruire
- Durata cursului este de 30 ore (15 sedinte)
- Instruirea se pliaza pe nivelul cursantilor
- Instruire in format webinar, trainer cu experienta in activitatea de programare (Cristi Petre)
Tematica
1. HTML
1.1. Noţiuni generale World Wide Web si web design;
Concepte Internet si WWW
Modelul client-server al serviciului web
Programare client-side
Programare server-side
1.2. Structura de baza a unei pagini Web
1.3. Tag-uri de prezentare si formatare a textului
1.4. Imagini
1.5. Liste
· Liste neordonate
· Liste ordonate
· Liste de definiţii
1.6. Legături
· Ancore
1.7. Tabele
Organizarea conţinutului cu ajutorul tabelelor
1.8. Elemente multimedia
· sunete
· video
1.9. Frame-uri (Cadre)
1.10. Formulare. Elemente de formular
1.11. Harţi de imagini
1.12. Utilizarea metadatelor
1.13. ELEMENTE DE FORMATARE A BLOCURILOR
Tag-ul <DIV>
Tag-ul <SPAN>
2. CSS
2.1. Ce este CSS?
2.2. Metode de inserare a stilurilor in paginile HTML
· Stiluri externe
· Stiluri interne
· Stiluri locale
· Prioritatea stilurilor – amplasarea în cascadă
2.3. CLASIFICAREA stilurilor
· Stiluri dedicate tag-urilor HTML
· Clase de stiluri
· Stiluri identificator
· Stiluri contextuale
2.4. Atribute pentru imprimare
page-break-before si page-break-after
2.5. Pseudoclase şi pseudoelemente – stiluri pentru link-uri
2.6. Stiluri pentru fonturi
font-family
font-size
font-style
font-weight
font-variant
2.7. Stiluri pentru text
text-align
vertical-align
text-indent
text-decoration
text-transform
color
line-height
word-spacing
letter-spacing
2.8. Stiluri pentru fundal
background-color
background-image
background-attachement
background-repeat
background-position
background
2.9. Stiluri pentru liste
list-style-type
list-style-image
list-style-position
list-style
2.10. Stiluri pentru cursorul mouse-ului
2.11. Stiluri pentru casete
Lăţimea si inaltimea unui element (width and height)
margini
2.12. Elemente bloc sau in linie (Block si Inline)
2.13. Stiluri pentru poziţionare
Poziţionarea Fixa
Poziţionare Relativa
Poziţionarea Absoluta
Poziţionarea tridimensionala
2.14. Alinierea elementelor – Float
2.15. Gruparea selectoarelor
2.16. Afişarea si vizibilitatea