Codurile HTML cheat foaie

Creați aspectul site-ului de bază cu HTML CSS

Acesta va fi un tutorial scurt È™i de bază menit ®n special pentru ®ncepători. Vom crea un aspect de bază al site-ului web cu HTML CSS. Aproape fiecare site este alcătuit din acest aspect de bază care include un antet, bara laterală, zona de conÈ›inut È™i subsol.

Vom folosi eticheta Div HTML, deoarece acest lucru va fi un design bazat pe DIV È™i utilizăm numai HTML È™i CSS. Desenele bazateive DIV sunt mult mai eficiente È™i rezultă mult la un cod mult mai curat ®n comparaÈ›ie cu modelele bazate pe masă. Žn modelele bazate pe masă, folosim etichetă È™i coloanele / r¢ndurile sale pentru a construi aspectul care nu este considerat un mod adecvat.

hai să ®ncepem

Deoarece acest lucru este doar un design demo gol, astfel ®nc¢t există doar patru secÈ›iuni. Evident, un design complet al site-ului va avea mai multe secÈ›iuni È™i odată ce aÈ›i ®nvățat să creaÈ›i acest aspect de bază, atunci veÈ›i putea crea mai multe secÈ›iuni cu uÈ™urință.

Secțiunea capului

Žn această secÈ›iune, am dat un titlu de pagină "Demo Layout" la această pagină È™i conectaÈ›i un stil de fiÈ™ier de stil.Css ®n directorul CSS. Dacă nu È™tiÈ›i aceste elemente de bază, puteÈ›i afla mai multe despre el aici.

Secțiunea corpului

După cum puteÈ›i vedea, folosim Tags Div È™i am atribuit clase fiecăruia dintre ele. Vom folosi aceste clase mai t¢rziu ®n fiÈ™ierul de stil shem¢nd numele fiecărei clase atribuite. De asemenea, am adăugat comentariile ca acelaÈ™i nume al fiecărei clase atribuite după fiecare deconectare div. Adăugarea de comentarii considerată o bună practică È™i acest lucru face ca codul să fie uÈ™or de utilizat pentru alÈ›i utilizatori care ar putea fi editarea sau citirea codului dvs.

css

Žnainte de a stia fiecare secÈ›iune, va trebui să cunoaÈ™teÈ›i măsurători cum ar fi lățimea È™i ®nălÈ›imea fiecărei secÈ›iuni. Aceste măsurători vor diferi ®n mod evident de la proiectare la proiectare. Folosesc instrumentul "riglă" ®n Adobe Photoshop pentru a obÈ›ine măsurătorile făc¢nd clic È™i trag¢nd de la un punct la altul. Măsurătorile pentru acest aspect de bază pot fi observate ®n imaginea de proiectare de mai sus. PuteÈ›i descărca È™i designul PSD blank ataÈ™at, de asemenea.

ca proeminent de numele ".wrap", aceasta se numeÈ™te ®mpachetare div, care conÈ›ine toate celelalte Divs. PuteÈ›i să alocaÈ›i ®n mod evident orice alt nume, cum ar fi un ambalaj, recipient sau Main_DIV etc., dar prefer să-i spun. ŽndepărtaÈ›i-l curat È™i scurt.

51 cele mai bune servicii de găzduire a imaginilor

coduri HTML cheat foaie

Comentarii generale: Formularele sunt utilizate pentru a colecta informaÈ›ii de la oameni printr-o serie de casete de text, listă È™i butoane. Odată ce un formular este completat È™i trimis (transmis) pe server, un script (ca o pagină PHP) poate procesa aceste informaÈ›ii È™i poate face tot felul de lucruri; cum ar fi stocarea informaÈ›iilor ®ntr-o bază de date sau trimiteÈ›i-l la cineva.

Comentariu: Permite utilizatorilor să selecteze un fiÈ™ier pentru a ®ncărca cu formularul. VeÈ›i avea nevoie de un script de server pentru a procesa formularul È™i a "apuca" fiÈ™ierul. AÈ™ sugera utilizarea uneia dintre următoarele opÈ›iuni de scripting din partea serverului: PHP, JSP, ASP, fuziune rece, È™i nu ®n ultimul r¢nd, CGI.

Despre CGI: CGI a fost primul mod de a procesa datele de pe Internet. Avea o zi, dar ziua lui a trecut mult timp. Dacă faceÈ›i lucruri cu CGI (de obicei cu limbajul de scripting Perl, veÈ›i sări ®ntr-o lume de durere! CGI este vechi, plictisitor, lent È™i mult mai greu de a lucra cu oricare dintre limbile moderne precum PHP È™i JSP.

Beneficiile dezvoltării web pentru marketingul Techno Dot

Obțineți tot felul de servicii de dezvoltare web pentru afacerea dvs. mică și obținerea creșterii dorite.

Beneficiile dezvoltării web pentru marketingul Techno Dot
Folosim cookie-uri
Folosim cookie-uri pentru a vă asigura că vă oferim cea mai bună experiență pe site-ul nostru. Prin utilizarea site-ului, sunteți de acord cu utilizarea cookie-urilor noastre.
Permiteți cookie-urile.