Va rugam dezactivati programul ad block pentru a vizualiza pagina!

Cumpara abonament!
Plateste cu PayPal

Web Design Responsiv - Frameworks. Folosire W3.CSS.

Partajeaza in Google Classroom

Partajeaza cu Google Classroom
Susține Lectii-Virtuale!

Teorie: Descriere video Descarcă PDF

Web Design Responsiv - Frameworks

Există multe CSS Frameworks existente care oferă un design responsive.
Sunt gratuite și ușor de utilizat.

Folosire W3.CSS

O modalitate excelentă de a crea un design responsive este să folosești o foaie de stil responsive (responsive style sheet), cum ar fi W3.CSS
W3.CSS facilitează dezvoltarea site-urilor care arată frumos la orice dimensiune; desktop, laptop, tabletă sau telefon:

Exemplu:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container w3-green">
  <h1>W3Schools Demo</h1>
  <p>Redimensionați această pagină responsive!</p>
</div>

<div class="w3-row-padding">
  <div class="w3-third">
    <h2>Londra</h2>
    <p>Londra este capitala Angliei.</p>
    <p>Este cel mai populat oraș din Regatul Unit,
     cu o zonă metropolitană de peste 13 milioane de locuitori.</p>
  </div>

  <div class="w3-third">
    <h2>Paris</h2>
    <p>Paris este capitala Franței.</p>
    <p>Zona din Paris este unul dintre cele mai mari centre de populație din Europa,
     cu peste 12 milioane de locuitori.</p>
  </div>

  <div class="w3-third">
    <h2>Tokyo</h2>
    <p>Tokyo este capitala Japoniei.</p>
    <p>Este centrul zonei Tokyo,
     și cea mai populată zonă metropolitană din lume.</p>
  </div>
</div>

</body>
</html>
Cumpara abonament
Plătește cu PayPal

Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.

Despre Lecții-Virtuale.ro

Lecții-Virtuale este o platformă educațională care oferă suport în vederea pregătirii pentru Evaluare Națională și Bacalaureat la Matematică, Fizică și Chimie. Lecțiile noastre sunt alcătuite din filme și exerciții și probleme cu tot cu rezolvări. Platforma noastră este o soluție ideală pentru școala online. Pentru facilitarea activității profesorilor în cadrul ecosistemului GSuite de la Google am implementat butonul Google Classroom. Scopul nostru este să ne concentrăm pe prezentarea noțiunilor și fenomenelor într-o manieră care să stimuleze înțelegerea și nu memorarea mecanică. Ne propunem să facilităm accesul la conținut educațional de calitate mai ales elevilor cu venituri mai modeste care nu își pemit meditații particulare. Sperăm să vă simțiti bine alături de noi și să invățați lucruri folositoare. Hai România!

Newsletter

Abonează-te la Newsletter pentru a fi la curent cu toate ofertele noastre.

Parteneri

EduApps partener Lectii Virtuale UiPath partener Lectii Virtuale CCD Galați partener Lectii Virtuale

2021 © Lecții-virtuale.ro Toate drepturile rezervate
Termeni   Despre   Contact   Confidenţialitate   Cariere Parteneri