Introducere in Webdesign si Development Curs Online

🔗 1. Elementul de legătură – <a> Elementul <a> (anchor) este folosit pentru a crea link-uri. Sintaxă de bază: 🔹 Exemplu link extern: 🔹 Deschiderea link-ului într-un tab nou Se folosește atributul target=”_blank”: 🔹 Link către o pagină internă 🔹 Link către email 🔹 Link către număr de telefon 🖼️ 2. Elementul imagine – <img> … Read more

Această lecție prezintă principalele elemente HTML pentru text, folosite pentru structurarea, formatarea și organizarea conținutului textual într-o pagină web. 1. Titluri (Headings) HTML oferă 6 niveluri de titluri: <h1>Titlu nivel 1</h1> <h2>Titlu nivel 2</h2> <h3>Titlu nivel 3</h3> <h4>Titlu nivel 4</h4> <h5>Titlu nivel 5</h5> <h6>Titlu nivel 6</h6> Titlu nivel 1 Titlu nivel 2 Titlu nivel 3 … Read more

📌 Ce este HTML? HTML (HyperText Markup Language) este limbajul standard folosit pentru a crea structura paginilor web.HTML nu este limbaj de programare, ci limbaj de marcare (markup language). ➡️ Spune browserului: 📄 Structura de bază a unui document HTML 🔍 Explicații: 🏷 Etichete (tags), elemente și atribute 🧩 Exemple de etichete de bază 🧠 … Read more

Overview: În această lecție, vom explora diverse tehnici și proprietăți CSS care pot fi folosite pentru a edita și îmbunătăți imagini pe o pagină web. Key Concepts: Detailed Examples: 1. Filtre CSS: 2. Superpoziție de Text: 3. Opacitate și Overlay: 4. Croirea Imaginilor: Exercițiul Practic: CSS – Editare Imagini Pagina HTML: Fișierul CSS (style.css):

Overview: În această lecție, vom explora diferite efecte CSS care pot fi aplicate la elemente pentru a îmbunătăți aspectul și interactivitatea paginilor web. Key Concepts: Detailed Examples: 1. Efecte de Tranziție: 2. Efecte Hover: 3. Umbră și Contur: 4. Efecte de Transformare: Exercițiul Practic: CSS – Efecte Pagina HTML: Fișierul CSS (style.css):

Overview: În această lecție, vom explora utilizarea float-urilor și crearea de coloane în CSS. Aceste tehnici sunt adesea folosite pentru a crea structuri de layout flexibile și pentru a organiza conținutul pe o pagină web. Key Concepts: Detailed Examples: 1. Utilizarea Float-urilor: 2. Crearea de Coloane: Exercițiul Practic: CSS – Float-uri și Coloane Pagina HTML: … Read more

Overview: Centrarea elementelor pe o pagină web este adesea crucială pentru obținerea unui aspect echilibrat și coerent. În această lecție, vom explora diverse metode de centrare în CSS pentru diferite tipuri de elemente. Key Concepts: Detailed Examples: 1. Centrarea Orizontală cu text-align: 2. Centrarea Verticală cu display: flex: 3. Centrarea Absolută: 4. Centrarea Flexibilă: Exercițiul … Read more

Overview: În această lecție, vom explora modul în care putem stiliza liste și link-uri folosind CSS pentru a îmbunătăți aspectul și funcționalitatea acestora pe o pagină web. Key Concepts: Detailed Examples: 1. Stilizarea Listelor: 2. Stilizarea Link-urilor: Exercițiul Practic: CSS – Stilizarea Listelor și Link-urilor Pagina HTML: Fișierul CSS (style.css):

Overview: În această lecție, vom explora proprietățile de font în CSS, care permit controlul aspectului textului pe o pagină web. Aceste proprietăți includ setarea tipului de font, dimensiunea, culoarea și alte aspecte legate de prezentarea textului. Key Concepts: Detailed Examples: 1. Stabilirea Tipului de Font: 2. Setarea Dimensiunii Textului: 3. Controlul Grosimii Textului: 4. Specificarea … Read more

Overview: În această lecție, vom explora tehnici avansate de stilizare a fundalurilor în CSS, inclusiv utilizarea gradienturilor și a imaginilor de fundal. Aceste elemente permit dezvoltatorilor să creeze design-uri complexe și atractive pentru paginile web. Key Concepts: Detailed Examples: 1. Linear Gradient: 2. Radial Gradient: 3. Imagine de Fundal: Exercițiul Practic: CSS – Gradienturi și … Read more