Hogyan válhat Imposer nulla hasznos információk a kezdők

Ne ismételjük a hibákat!

Mint tudod, kapzsi fizet kétszer vagy még több. Azonban sok látszólag vonzó helyszínek által érintett kapzsisága ügyfeleiket, és gondos megfontolás van undorító kódot. Weboldalak gyakran szegecs felkap különleges programokkal, nem teljesen elsajátította. Ennek eredményeként, a kód ügyetlen, tele, rugalmatlan és több, mint egy hulladéklerakó, mint a karcsú soraiban HTML-címkék, CSS-tulajdonságok és a Java-script.

A jövőben a megtakarításokat minőségű vorstke játszhat egy rossz: Mivel a nem optimalizált kódot, a költségek a website promóció növekszik, problémák vannak a határon böngésző kompatibilitás (egyes elemei a helyszínen megfelelően jelenik meg az egyes böngészők és különböző képernyőkön felhasználó), és ezt követően minden számla perevorstyvat. Zokogni ...

Miért megkezdődik coder?

Mint tudja, coder kulcsfontosságú, ha az épület egy honlapot. Ez létrehoz egy weboldalt HTML kódot, és jelölőnyelveket XHTML, Cascading a CSS stíluslapok.

Eleinte kóder megkapja az elrendezés az oldalt a web designer, leggyakrabban, ebben a formában a program Adobe Photoshop - PSD sablont, ami az előzetes elrendezés. Sablon teljes mértékben tükrözi a design a jövőben weboldal, mérete és elrendezése az összes komponens (képek, logók, gombok, menük, és így tovább. D.).

Hogyan válhat Imposer nulla hasznos információk a kezdők

A fő vonzerejét PSD Template -, hogy támogatja a többrétegű szerkezet képeket. Ez azt jelenti, hogy minden egyes design elem található egy külön rétegen, úgy, hogy lehet szerkeszteni egymástól függetlenül. Ez nagyban leegyszerűsíti vorstku, hiszen figyelembe veszi annak lehetőségét, hogy az újra-teremtés kialakítás CSS és HTML.

Persze, hogy lesz egy html-coder, van gyakorolni sokat, tanulmányozza a címkék, attribútumok és tulajdonságok. Ebben a cikkben nem fogok belemenni magyarázatot az anyag, akkor találja magát órákat az alapjait html-elrendezés. amely véleményem, azt is megtanulják az iskolás.

Alapoz elrendezés példa

Például, hogy az egyszerű 2-oszlop sablon a logó, ami fogjuk használni, mint a háttér kép. A fennmaradó részeket lefektetett segítségével HTML és a méretek és stílusok tegye CSS osztályok.

Hogyan válhat Imposer nulla hasznos információk a kezdők

Oldal példánkban alkotja a „tartalom”, „Sidebar” és „Pince”. A szerkezet egy weboldalt, akkor jelölje ki a div tag. Minden elemet kell elhelyezni külön sablon réteget tartályba. Például, egy részét a „tartalom” és a „oldallap” belül vannak réteg:

A CSS osztályt a megadott stílus beállításokat. Háttér paraméter határozza meg a háttér színét. Tulajdonságok meg a magasságot és szélességet méretben. Padding a felső, bal és jobb szélét az ablak beállítása értékeit margin-top, margin-left és margin-right.

Ahhoz, hogy a tetején a megfelelő sor és a háttér színét. Az útvonal a képet vág a PSD-sablon van megadva a speciális területen background-image.

Jellemzők blokk elrendezés

Mi már láttuk egy blokk vorstku. Ellentétben elavult táblázat elrendezés, akkor jobb, indexelve a keresőmotorok, és biztosítja a magasabb weboldal letöltési sebesség.

Ez az elrendezés biztosítja a szétválasztása stílus elemeket a HTML-kódot, valamint a képesség, hogy overlay réteget egymás tetejére. Ennek segítségével könnyen létrehozhat különböző vizuális hatások: tippek, legördülő menük, listák, stb ...
A fő eleme a blokk elrendezés a div tag, amit korábban említettem. Ez osztja két fél bizonyos kód részben - réteg. Minden stílus feladat renderelt HTML-kód határ CSS, amelyeket hozzáférni osztályok vagy azonosítóját.

Leegyszerűsíti a betűszedő

Általában nem feltétlenül az egész terhet a tudás vorstke húzza a hátukon. Az interneten már letölthető formában kerül sablonok, vagy használd a CSS keretek, például Bootstrap. A szépség ezzel keret az, hogy az alkotók már gondoskodott minden árnyalatok az elrendezés (támogatás különböző felbontású képernyők, cross-böngésző kompatibilitás, és így tovább. D.).

Csak akkor kell megadni, mit, mikor és hogyan kell megjeleníteni a képernyőn, a többi Bootstrap DIY. Ezen kívül, köszönhetően a népszerűsége, a munkatársa könnyebb lesz, hogy kiegészítse a kódot.

Persze, vannak hátrányai keretek, hol nélkülük. Az eszközök alkalmasabbak prototípus és webes oldalak szekunder tervezés, például az adminisztrációs oldalak. Több konkrét tervezési jobb kényszerítsék a „fogantyúk”.

Összefoglalva

A legtöbb IT hírek és webfejlesztés A csatorna-távirat

Hogyan válhat Imposer nulla hasznos információk a kezdők

Kapcsolódó cikkek