Leaganacha gan Tábla Teorainneacha Deartha Nua Oscailte
Tá go leor cúiseanna gan boird a úsáid le haghaidh an leagan amach . Ceann de na cúiseanna is minice a thugann daoine chun iad a úsáid a leanúint toisc go bhfuil sé deacair leagan amach a dhéanamh le CSS. Cé go gcuireann scripteoireacht CSS cuar foghlama i gceist, nuair a thuigeann tú conas leagan amach CSS a dhéanamh, b'fhéidir go gcuirfí iontas ort ar chomh furasta agus is féidir é a dhéanamh. Agus nuair a fhoghlaimíonn tú, beidh tú ag tabhairt aghaidh ar an dara chúis is coitianta a thugann daoine gan CSS a úsáid- "Tá sé níos tapúla chun táblaí a scríobh." Tá sé níos tapúla toisc go bhfuil a fhios agat táblaí, ach nuair a fhoghlaimíonn tú CSS, b'fhéidir go mbeadh tú chomh tapa leis sin.
Tacaíocht Brabhsálaí ar Shocrú CSS
Tugtar tacaíocht mhaith do shuímh CSS i ngach brabhsálaí nua-aimseartha . Mura bhfuil tú ag tógáil láithreán do Netscape 4 nó Internet Explorer 4, níor cheart go mbeadh aon deacracht ag do léitheoirí féachaint ar do leathanaigh Ghréasáin atá suite ar CSS.
Athshuiteáil Conas a Thógann tú Leathanach
Nuair a thógann tú suíomh ag baint úsáide as táblaí, caithfidh tú smaoineamh ar bhformáid tábla . I bhfocail eile, tá tú ag smaoineamh i dtéarmaí cealla agus sraitheanna agus colúin. Léireoidh do leathanaigh Ghréasáin an cur chuige seo. Nuair a bhogann tú chuig dearadh suiteála CSS, tosaithe ag smaoineamh ar do chuid leathanaigh i dtéarmaí an ábhair, toisc gur féidir an t-ábhar a chur in áit ar bith is mian leat sa leagan amach-fiú amháin ar bharr ábhar eile.
Tá struchtúir éagsúla ag láithreáin ghréasáin éagsúla. Chun leathanach éifeachtach a thógáil, déan measúnú ar struchtúr aon leathanach ar leith sula sannann tú ábhar dó. D'fhéadfadh go mbeadh cúig roinn ar leith i leathanach sampla:
- Ceannteideal . Baile chuig an bhfógra banner, ainm an tsuímh, naisc nascleanúna, teideal alt agus chomh maith le cúpla rud eile.
- Colún ceart . Seo an taobh deas den leathanach leis an mbosca cuardaigh, na fógraí, na boscaí físeáin, agus na ceantair siopadóireachta.
- Ábhar . Téacs earra, post bhlag nó cart siopadóireachta-feoil agus prátaí an leathanaigh.
- Fógraí inlíne . Tá na fógraí inlíne laistigh den ábhar.
- Footer . An nascleanúint bun, faisnéis údair, faisnéis faoi chóipcheart, fógraí níos lú banner, agus naisc ghaolmhara.
Seachas na cúig eilimintí sin a chur i dtábla, bain úsáid as na heilimintí ailtireachta HTML5 chun na codanna difriúla den ábhar a shainmhíniú, agus ansin suíomh CSS a úsáid chun na heilimintí ábhar a chur ar an leathanach.
Na Rannóga Ábhar a Aithint
Tar éis duit réimsí ábhair éagsúla do shuíomh a shainmhíniú, ní mór duit iad a scríobh isteach i do HTML. Cé gur féidir leat, i gcoitinne, do chuid ailt a chur in aon ord, is smaoineamh maith é na codanna is tábhachtaí de do leathanach a chur ar dtús. Cabhróidh an cur chuige seo le leas iomlán a bhaint inneall cuardaigh freisin.
Chun suíomh a léiriú, leathanach a thosú le trí cholún ach gan aon cheanncheathrú nó buntásc. Is féidir leat suíomh a úsáid chun aon chineál leagan amach is mian leat a chruthú.
Le haghaidh leagan amach trí cholún, sainmhínigh trí rannóg: an colún ar chlé, an colún ceart, agus an t-ábhar.
Cuirfear na hailt seo ar fáil ag baint úsáide as an eilimint AIRTEAGAL don ábhar agus dhá eilimint ROINN don dá cholún. Beidh tréith ag gach rud a shainaithneofar é. Nuair a úsáideann tú an tréith id, caithfidh tú ainm uathúil a asordú do gach id.
Ag seasamh an Ábhair
Ag baint úsáide as CSS, sainmhínigh an seasamh do na heilimintí ID'd. Stóráil do chuid faisnéise i stíl glao mar seo:
#content {
}
Tógfaidh an t-ábhar laistigh de na heilimintí seo an oiread spáis is féidir léi, is é sin 100 faoin gcéad de leithead an áit reatha nó an leathanach. Chun difear a dhéanamh ar shuíomh rannáin gan é a dhiúltú ar leithead seasta, an stuáil nó na hairíonna corrlaigh a athrú.
Maidir leis an leagan amach seo, leag an dá cholún go leithead seasta agus ansin socraigh a seasamh go hiomlán, ionas nach mbeidh tionchar acu ar an áit a bhfuarthas iad sa HTML.
# clé ar chlé {
seasamh: iomlán;
clé: 0;
leithead: 150px;
imeall-chlé: 10px;
imeall-barr: 20px;
dath: # 000000;
stuáil: 3px;
}
# ceart-colún {
seasamh: iomlán;
clé: 80%;
barr: 20px;
leithead: 140px;
stuáil-chlé: 10px;
z-innéacs: 3;
dath: # 000000;
stuáil: 3px;
}
Ansin don limistéar ábhar, leag na corrlaigh ar an taobh clé agus ar chlé ionas nach gcuirfeadh an t-ábhar forluí ar an dá cholún lasmuigh.
#content {
barr: 0px;
imeall: 0px 25% 0 165px;
stuáil: 3px;
dath: # 000000;
}
Éilíonn go bhfuil scil níos teicniúla ag baint úsáide as CSS in ionad an tábla HTML, ach leanann an íocaíocht íocaíochta ó dhearaí níos solúbtha agus níos freagraí agus déanann sé níos éasca le hoiriúnuithe struchtúracha a dhéanamh ar do leathanach ina dhiaidh sin.