Ríomh an teicníc le CSS
Má tá láithreán gréasáin á dhearadh agat, b'fhéidir go mbeadh suim agat i bhfoghlaim conas íomhá cúlra nó uisce comhartha a chruthú ar leathanach gréasáin. Is cóireáil dearadh coiteann é seo a bhí tóir ar líne ar feadh go leor ama. Is éifeacht áisiúil é a bheith i do mhála cleasanna gréasáin de dhearadh.
Mura ndearna tú é seo roimh nó gan iarracht a dhéanamh air, d'fhéadfadh an próiseas a bheith cosúil le eagla, ach níl sé an-deacair i ndáiríre. Leis an teagasc gairid seo gheobhaidh tú an fhaisnéis a theastaíonn uait chun an teicníc a mháistir i gceann nóiméad ag baint úsáide as CSS.
Ag tosú
Tá stair i ndearadh clóite ag íomhánna cúlra nó watermarks (atá i ndáiríre ach íomhánna cúlra an-éadrom). I measc na doiciméid tá watermarks fada orthu chun cosc a chur orthu a chóipeáil. Ina theannta sin, úsáideann go leor folántais agus bróisiúir íomhánna cúlra mór mar chuid den dearadh don phíosa clóite. Tá stíleanna fada ar iasacht ó íomhánna clóite agus cúlra mar cheann de na stíleanna iasachtaithe seo.
Tá na híomhánna móra cúlra seo éasca a chruthú ag baint úsáide as na trí airíonna stíl CSS seo a leanas:
- cúlra-íomhá
- cúlra-athuair
- cúlra-iatán
- méid cúlra
Íomhá Cúlra
Úsáidfidh tú íomhá cúlra chun an íomhá a shainmhínítear mar do chomhartha uisce a shainmhíniú. Úsáideann an stíl seo ach bealach comhaid chun íomhá a luchtú atá agat ar do shuíomh, is dóichí i eolaire a ainmnítear "íomhánna."
background-image: url (/images/page-background.jpg);
Tá sé tábhachtach go bhfuil an íomhá féin níos éadroime nó níos trédhearcaí ná mar ghnáth-íomhá. Cruthaíonn sé seo go bhfuil cuma "uisce" ina bhfuil íomhá leath-trédhearcach taobh thiar de théacs, grafaicí agus príomhghnéithe eile an leathanaigh ghréasáin. Gan an chéim seo, beidh an íomhá cúlra ag dul san iomaíocht leis an bhfaisnéis ar do leathanach agus déanfaidh sé deacair é a léamh.
Is féidir leat an íomhá cúlra a choigeartú in aon chlár eagarthóireachta ar nós Adobe Photoshop.
Cúlra-Déan
Tagann an mhaoin chúl-athchló seo chugainn. Más mian leat do íomhá a bheith ina grafach mór uisce-stíl, ba mhaith leat an mhaoin seo a úsáid chun an íomhá sin a thaispeáint ach uair amháin.
cúl-athuair: gan athuair;
Gan an maoin "gan athuair", is é an réamhshocraithe go ndéanfaidh an íomhá arís agus arís eile ar an leathanach. Níl sé seo inmhianaithe i ndearaí an chuid is mó nua-aimseartha ar an leathanach gréasáin, mar sin ba chóir go mbeadh an stíl seo riachtanach i do CSS.
Cúlra-Iarscríbhinn
Is maoin atá ag cúlra dearthóirí gréasáin ná dearmad a dhéanamh ar chúlra. Coinníonn sé úsáid as do íomhá cúlra atá socraithe i bhfeidhm nuair a úsáideann tú an mhaoin "seasta". Is é an rud atá an t-íomhá sin a thiontú i marc uisce atá socraithe ar an leathanach.
Is é "scrollbharra" an luach réamhshocraithe don mhaoin seo. Mura n-ainmníonn tú luach cúlghabhála, scrollaigh an cúlra chomh maith leis an gcuid eile den leathanach.
cúlra-iatán: seasta;
Méid Cúlra
Is maoin nua nua CSS í méid cúlra. Ceadaíonn sé duit méid cúlra a leagan síos bunaithe ar an amharc atá á bhreathnú air. Tá sé seo an-chabhrach do shuíomhanna gréasáin atá freagrach a thaispeánfaidh ag méideanna difriúla ar fheistí éagsúla .
méid cúlra: clúdach;
I measc na luachanna cabhrach is féidir leat úsáid a bhaint as an maoin seo tá:
- Clúdaigh - Déan an cúlra a scálaí mar sin taispeántar an leithead iomlán nó an airde iomlán. Ciallaíonn sé seo nach bhféadfadh cuid den íomhá a bheith ar an scáileán ach go gclúdófar an limistéar ar fad.
- Cuimsíonn - Scáláigh an íomhá agus léirítear an leithead agus an airde ar fad sa limistéar atá á stíl. Ní dhéantar an t-íomhá a ghearradh amach, ach is é an t-easnamh ná go bhféadfadh codanna den cheantar a bheith clúdaithe ag an íomhá.
Ag cur an CSS ar do leathanach
Tar éis duit na hairíonna thuasluaite agus a luachanna a thuiscint, is féidir leat na stíleanna seo a chur ar do láithreán gréasáin.
Cuir an méid seo a leanas chuig HEAD ar do leathanach gréasáin má tá tú ag déanamh láithreán aon-leathanach. Cuir leis na stíleanna CSS de bhileog stíl seachtrach má tá tú ag tógáil láithreán il-leathanach agus gur mhaith leat leas a bhaint as cumhacht bileog sheachtrach.
comhlacht {
background-image: url (/images/page-background.jpg);
cúl-athuair: gan athuair;
cúlra-iatán: seasta;
méid cúlra: clúdach;
}
// ->
Athraigh URL d' íomhá cúlra chun an t-ainm comhaid agus an cosán comhaid a bhaineann le do shuíomh a mheaitseáil. Déan aon athruithe cuí eile a d'oirfeadh do dhearadh chomh maith agus beidh comhartha uisce agat.
Is féidir leat Seasamh a shonrú, ró-
Más mian leat an comhartha uisce a chur i láthair ar do leathanach gréasáin, is féidir leat é sin a dhéanamh chomh maith. Mar shampla, b'fhéidir gur mhaith leat an comhartha uisce i lár an leathanaigh nó b'fhéidir sa chúinne níos ísle, seachas an chúinne barr, is é an réamhshocraithe.
Chun seo a dhéanamh, cuir leis an maoin chúlra le do stíl. Cuirfidh sé seo an íomhá ar an láthair cruinn ar mhaith leat é a bheith i láthair. Is féidir leat luachanna, céatadáin nó ailíniú picteilín a úsáid chun an t-éifeacht suíomh sin a bhaint amach.
cúlra: ionad;