Cursul de Web Design este conceput in totalitate pentru incepatori si are ca scop initierea cursantilor in dezvoltarea de aplicatii si site-uri web folosind HTML 5 si CSS 3

Structura cursului

• Modul de functionare al tehnologiei client-server si prezentarea mediului de lucru
• Hyper Text Markup Language (HTML and HTML5)
• Elemente de sintaxa in HTML
• Formatarea textului, paragrafe
• Utilizarea titlurilor ( H1-H6)
• Caractere speciale
• Liste ordonatre / neordonate
• Tabele in HTML
• Utilizarea tabelelor, linii, celule
• Introducerea link-urilor
• Link-uri interne si link-uri externe
• Introducerea imaginilor
• Imagini interne si imagini externe
• Folosirea imaginilor pentru legaturi
• Utilizarea formularelor - input
• Realizare proiect 1
• Elemente de sintaxa in CSS3

• Clase si ID-uri
• Stilizare texte, paragrafe
• Stilizare generala a paginii web
• Stilizare tabele, liste, imagini
• Impartirea paginii web pe cadre - DIV-uri
• Stilizarea DIV-urilor
• Exercitii pentru utilizarea DIV-urilor
• Proprietati specifice CSS
• Margin, Padding
• Proprietati display: Block, Inline, Inline-Block, Table
• Proprietati Position: Fixed, Absolute, Relative
• Float, Clear
• Selectori si Pseudo Selectori
• Realizare proiect 2
• Elemente specifice Responsive Design
• Sintaxa speciala
• Media Queries

• Optimizarea codului HTML pentru afisarea corecta pe dispozitive mobile
• Realizare proiect 3
• Animatii si efecte in CSS3
• Transition, Transform
• Errors, Debugging and Deployment
• Conectare la FTP
• Publicarea site-ului online
• Optimizare SEO - basic elements
• Optimizarea codului HTML pentru SEO
• Includerea fisierelor externe
• Monitorizare si interpretare date
• Elemente interactive
• Galerii de imagini, Slider, Drop-down menus
• Font-uri speciale SVG ICO Fontello
• Elemente complexe HTML5 si CSS3
• Proiect final HTML5 / CSS3 / JavaScript

Sumar al cursului

In prima parte a cursului vom studia elemente de baza ale paginilor web folosind limbajul HTML. In aceasta parte ne vom axa pe proprietatile predefinite ale elemntelor si modul de afisare al acestora in pagina. Odata invatata structura unei pagini web, vom continua cu apelarea elementelor si stilizarea acestora folosind CSS.

Toate elementele invatate pana acum in HTML si CSS ne vor ajuta sa construim primul layout!

A doua parte a cursului este rezervata pentru optimizarea paginilor in vederea afisarii corecte pe dispozitivele mobile Telefon / Tableta ( Responsive Design). In acest moment vom construi primele layout-uri responsive.

In ultima partea a cursului vom adauga elemente interactive folosind JavaScript si vom construi animatii folosind HTML5 si CSS3.

Obiective

Dupa finalizarea acestui modul, cursantul va putea:

• sa scrie corect cod HTML / CSS conform standardului W3C
• sa utilizeze corect structuri / etichete HTML5
• sa creeze un layout pornind de la o imagine ( PSD to HTML/CSS)

• sa realizeze layout-uri responsive
• sa realizeze layout-uri in concept Mobile First

Informatii despre curs

Cursul este de tip Hands-On si se desfasoara in sala, toate cursurile sunt 100% practice.

Trainerul este Senior Frontend Developer.

Durata cursului este de aproximativ 7 saptamani

Cursurile includ documentare si suport tehnic gratuit.

La final fiecare cursant va realiza un proiect (layout complet) folosind elementele invatate HTML / CSS / JavaScript.