Hvernig á að miðja síðuútlit með CSS spássíur í Dreamweaver

Dreamweaver gerir þér kleift að miðja skipulagið þitt með því að nota CSS spássíur. Margar vefsíður eru fyrir miðju á síðunni þannig að þær virðast fljóta á milli hliða vafragluggans, sama hversu breiður eða þröngur glugginn verður. Þetta hjálpar til við að skapa þá blekkingu að hönnunin fylli síðuna, jafnvel þótt vafraglugginn sé miklu breiðari en síðuhönnunin.

Flestar vefsíður sem eru búnar til með CSS ná þessum áhrifum með því að búa til eina

merki sem umlykur allt innihald síðunnar og síðan beitt stíl við það

merki sem inniheldur stílreglu sem miðar það

merki. Eins og þú uppgötvar í eftirfarandi skref-fyrir-skref leiðbeiningum, búðu til stíl til að miðja a

Merkið er ekki eins augljóst og þú gætir ímyndað þér en er auðvelt í framkvæmd.

Algeng venja er að nota auðkennisstíl fyrir

Merki sem miðar hönnun þína, og til að nefna það #umbúðir eða #ílát.

Ef síðan þín er ekki þegar sett upp með a

merktu allt efnið þitt, hér er ráð til að bæta einu við. Smelltu fyrst og dragðu til að velja allan texta, myndir og annað efni á síðunni. Veldu síðan Insert→ Layout Objects→ Div Tag. Í Insert Div Tag valmyndinni skaltu ganga úr skugga um að Wrap around Selection valkosturinn sé valinn úr Insert fellilistanum.

Skildu restina af reitunum eftir auða og smelltu á Í lagi til að bæta við a

merktu allt innihald síðunnar þinnar og þú ert tilbúinn í skrefin sem fylgja.

Til að miðja heila síðuhönnun skaltu ganga úr skugga um að a

merkið umlykur allt innihald síðunnar og fylgdu þessum skrefum:

Smelltu á plús táknið á CSS Designer Selectors spjaldinu.

Það fer eftir því hvað er á síðunni, nýju stílheiti eða auður reitur þar sem þú getur slegið inn stílheiti er bætt við valmyndina.

Tvísmelltu til að velja nafnið sem Dreamweaver bætti við spjaldið og breyttu því í nafnið sem þú vilt fyrir nýja stílinn þinn, eða smelltu til að velja auða reitinn og sláðu inn nafn.

Ef engu nafni er bætt við skaltu slá inn nafnið sem þú vilt í tóma reitinn. Þú getur nefnt stílinn hvað sem þú vilt, en vertu viss um að slá inn punkt á undan nafninu ef þú býrð til bekkjarstíl, eða # tákn fyrir auðkennisstíl.

Tilgreindu breidd, spássíur og aðrar sniðstillingar sem þú vilt skilgreina á Eiginleikaspjaldinu.

Breiddin fyrir gáminn

merkið er stillt á 980 pixla. Hér er bragðið til að miðja a

tag svona: Stilltu vinstri og hægri spássíu á Auto. Þannig bætir vafri sjálfkrafa jafnmiklu af spássíurými við hvora hlið skjásins

merki, miðja það í raun á síðunni.

Veldu auðkennið sem umlykur allt efni á síðunni.

Til að tryggja að þú hafir valið rétt

merki, smelltu til að setja bendilinn hvar sem er á aðalhluta síðunnar og smelltu síðan á

merki sem er skráð lengst til vinstri í Quick Tag Selector neðst á vinnusvæðinu.

Með

merki valið, veldu nafn stílsins sem þú bjóst til úr fellilistanum auðkenni í eignaeftirlitinu.

Stílreglurnar sem þú skilgreindir þegar þú bjóst til stílinn er sjálfkrafa beitt á

merki. Í þessu dæmi er niðurstaðan sú að stærð

taginu er breytt í 980 dílar á breidd og

merkið og allt innihald þess er fyrir miðju á síðunni.

Ekki virka allir eiginleikar þegar Dreamweaver er stillt á Live view. Þó Live view sé frábær leið til að forskoða hvernig síðuhönnun þín mun líta út í flestum nútíma vefvöfrum, þá gerir notkun Live view eiginleikans mörg af klippiverkfærum Dreamweaver ónothæf. Ef, til dæmis, Property Inspector virðist dimmt þegar þú vilt nota hann, vertu viss um að Live hnappurinn sé ekki valinn.