Zer da blokea diseinua? Nola zure gunearen orri bakar bat inposatu nahi dute beren kabuz?

Ez dago zure orriak propioak guneak egin ikasteko gogoa da? Ondoren utzi masterizatu zer bloke diseinua. Layout hasiberriak bilduko zailtasunak kopurua, galdera asko izan ziren. Demagun zer bloke kodetze da.

punta garrantzitsu bat

Erabili WYSIWYG editorea, beraz, dena argiago izan zen. HTML ondo, lana ezagutzen duten koaderno batean, ulertzen duten guztia delako horiek. Eta hasiberrientzako abantaila hartu ahal izango, hala nola FrontPage bezalako programak edo, adibidez, Dreamweaver.

Diseinuaren guneak motak

Zenbait diseinua mota daude:

1. Taula.
2. Bloke.
3. Mistoa.

bloke diseinua interesa gara. Zer bereizten ditu mahaitik? bloke diseinua DIV etiketa erabiliz zenbait abantaila ditu:

1. blokeak azkarrago diseinua kargatu.
2. Eduki erakutsitako blokeak (taulak ez bezala) deskarga gertatzen den bezala. Jakina denez, taula hauek izango taula osoa ondoren bakarrik erakutsi.
3. div-ak errazago batera Kodea irakurtzeko.

Ez abantaila guztiak, hau da, bloke diseinua da ezaguna.

Nola kokapena div-bloke aldatzeko?

Hau flotatzen lagunduko digu - Jabetza hau, hau da, honako gai:

1. Lerrokatu ezkerrera - utzi.
2. Eskuineko lerrokatu - eskubidea.
3. Elementu jarraitzen non zegoen, ez du mugitzeko ematen bazaio ere ez. Balio hori lehenetsia izango da.

Beste ezaugarri garrantzitsu hori behar dugu - argi. 4 balio izan dezake zuen:

1. aurreko elementua pean instalatzea, mugitu eskuinera, blokea - eskubidea.
2. aurreko elementu, hau da, ezker mugitu azpitik Ezker multzo.
3. Biak - Aurreko lekualdatu bloke instalazioa.
4. Bat ere blokea mugitu dira elementu horiek erlatiboa posizioa murrizketak eza adierazten du.

Adibidez

Demagun nola egingo bloke bat bezala begiratu diseinua div. gure kodea idatzi dugu:

Kodea Under emaitza ikusiko duzu. Horrela, hainbat propietate oinarrituta kontrola daiteke bloke antolaketa nahi den bezala. hurrengo une joan. erabili ditugu testu-lerrokatzea: erdian, edozein nabigatzaileak bloke bakoitza lerrokatzeko.

Ikusten duzun bezala, oso erraza bloke gunearen diseinua da. Garrantzitsua da ikastera eta propietate gehiago orrialdeen egitura malguagoak bat sortuko praktikatzeko.

Zerbait garrantzitsuagoa

Ez dago popular Ezaugarri hori diseinua erabiltzen da da - posizio, bertan kokatzea erabiliko da.

Posizio propietate balioak:

1. Erlatiboa - elementu beren jatorrizko kokapenak erlatiboa posizioa ezartzen du. Aplikazioa utzi, goian, righ, behean elementu jakin baten norabidean mugitzen da.
2. Estatikoa - normal pantaila elementua. ez du zentzurik, eskuineko / ezkerra, goi / behean erabili Egiten - ezer ekar ezazu.
3. Absolutua - absolutu elementua.
4. Finkoa - antzeko absolutua. Da pantailan puntu jakin bat lotuta, baina ez du bere jarrera aldatu, nahiz orria iraultzeko.

Asko diseinua nabaritu bloke posizionamendua finkoa, absolutua eta erlatiboa erabiltzean duten gainjarritako dira. Eta gero, interesgarria da jakitea bloke azpian, zein bertan goian. Galdera honi erantzuteko, z-indizea Jabetza behar duzu. Diseinuaren blokeak ekarri maila berrian. Horrek posible bakarra planoan kokatzea egiteko, baina baita ardatz hirugarren Z. hala nola jabetza baten balioa positiboa edo negatiboa izan daiteke bitartez.

Sortu 3 blokeak. Hurrengoa, kokatzea osoz esperimentua.

Ikusten duzun bezala, oso erraza da bloke posizioa aldatzeko. Izan ere, gai zarela orain oinarrituta, edozein oinarrizko bloke diseinua orria egiteko. propietate gehiago aplikatuz zure gaitasunak hobetzeko izango duzu.