Crearea unei foi de stil CSS cu programul kompozer

În acest capitol vom analiza ce este o foaie de stil CSS, cum să o aplicați și cum să creați o foaie de stil CSS utilizând KompoZer.

Utilizarea caracteristicilor CSS vă permite să creați un site frumos, proiectat profesional. Cu CSS, puteți schimba designul și aspectul întregului site, făcând modificări numai în fișierul de stil.







Ce este CSS.

Foi de stil cascadă - CSS - Foi de stil cascadă sunt concepute pentru a crea un design pagin web, un design separat de structura și conținutul paginii.

Cu ajutorul pagini HTML, vom crea cadrul, umple-l cu conținut, și care va fi culoarea de fundal sau textul unui aspect de pagină și design de imagini și multe altele, definim într-o foaie de stil.

De exemplu, vom crea o nouă foaie de stil bazată pe șablonul nostru, pe care l-am creat în capitolul "Crearea unui șablon".

Deschideți programul KompoZer, accesați meniul "Fișier / nou / nou document din șablon" și selectați fișierul șablon - shablon.mzt.

Crearea unei foi de stil CSS cu programul kompozer

Crearea unei foi de stil CSS cu programul kompozer

În caseta drop-down, selectați culoarea de fundal a ferestrei browserului făcând clic pe butonul "Fundal" și faceți clic pe butonul "Extragere și crearea unui stil comun". În caseta drop-down, să numim această proprietate - "corp". În acest fel vom crea un stil pentru eticheta "corp". Noi linii vor apărea în codul paginii.







Crearea unei foi de stil CSS cu programul kompozer

În aceeași ordine, vom crea proprietăți pentru următoarele etichete.
Faceți clic dreapta pe prima etichetă "tabel / stiluri inline / extrageți și creați un stil comun".

Următorul pas este să plasați cursorul în antetul site-ului și să selectați eticheta "td / Inline Styles". în meniul "Fundal" găsim și selectăm imaginea ta cu capacele site-ului. Apoi, faceți clic pe butonul "Extrageți și creați o regulă de stil".
Acum puteți schimba cu ușurință imaginea din antet imediat toate paginile site-ului, înlocuindu-l doar într-un fișier CSS.

În mod similar, aplicăm la toate celulele mesei, oferind stilurile numele lor.
De exemplu, "body", "tabl", "header", "nav", "stânga", "conținut", "subsol".

Crearea unei foi de stil CSS cu programul kompozer

În fereastra pop-up, faceți clic pe „Export.“ Nume de fișier Eadaom - „shablon.css“ și salvați-l într-un dosar cu șablonul nostru.

Crearea unei foi de stil CSS cu programul kompozer

Acesta este codul de fișier CSS stil "shablon.css", creat în programul KompoZer.

În viitor, utilizând acest tabel, puteți schimba cu ușurință designul site-ului dvs.

Acest capitol este dat ca un exemplu de crearea și utilizarea foilor de stil cascadă.
Pe Internet, există multe șabloane care utilizează atât foaia de stil încorporată cât și cea exterioară și sper că înțelegeți ce este, foaia de stil CSS.

În capitolul "Crearea stilurilor CSS", procedura de scriere și editare a foii de stil CSS este descrisă în detaliu.







Articole similare

Trimiteți-le prietenilor: