Esi esi etinye ihe ederede gburugburu

Lee na ibe weebụ ma ị ga-ahụ nchikota ederede na ihe osise. Ihe abuo abuo a bu ihe di nkpa n'inwe ihe iga nke oma. Ndekọ ederede bụ ihe ndị ọbịa ga-agụ na ihe nchọgharị engines ga-eji dịka akụkụ nke ogo algorithms ha. Images ga-atụkwasị mmasị mmasị na saịtị ahụ ma nyere aka tinyekwuo ọdịnaya ederede.

Ịgbakwunye ederede na ihe oyiyi na ebe nrụọrụ weebụ dị mfe. A na-agbakwunye ederede na mkpado HTML dịka paragraf, isiokwu, na nchịkọta, mgbe e debere foto na ibe na element. Ozugbo ị gbakwunyekwara ihe oyiyi gị na ibe weebụ, Otú ọ dị, ị nwere ike ịchọrọ ederede na-esote onyinyo ahụ, kama idozi ya n'okpuru ya (nke bụ ụzọ ndabara a na-agbakwunye koodu HTML ga-enye na nchọgharị). Na nyocha, enwere ụzọ abụọ ị ga - esi nweta nke a, ma ọ bụ site na iji CSS (akwadoro) ma ọ bụ site n'ịgbakwunye ntụziaka anya n'ime HTML (ọ bụghị atụ aro ya, ebe ọ bụ na ịchọrọ ịnọgide na-ekewa ụdị na nhazi maka ebe nrụọrụ weebụ gị).

Iji CSS

Ụzọ ziri ezi isi gbanwee ụzọ ederede na ihe oyiyi na ibe ya na otú ụzọ eji eme ihe na-egosi na ihe nchọgharị ahụ dị na CSS . Naanị cheta, ebe ọ bụ na anyị na-ekwu maka mgbanwe ihu igwe na ibe (na-eme ka ederede na-agagharị gburugburu onyinyo), nke a pụtara na ọ bụ ngalaba nke Cascading Style Sheets.

1. Mbụ, tinye onyinyo gị na ibe weebụ gị. Cheta ịhapụ ihe ọ bụla anya (dịka obosara na ịdị elu) site na HTML ahụ. Nke a dị mkpa, karịsịa maka ebe nrụọrụ weebụ na-azaghachi ebe ogo ogo ga-adịgasị iche dabere na ihe nchọgharị ahụ. Ụfọdụ ngwanrọ, dị ka Adobe Dreamweaver, ga-agbakwunye obosara na ozi dị elu na ihe oyiyi na-etinye na ngwá ọrụ ahụ, yabụ jide n'aka wepu ozi a site na koodu HTML! Ma, jide n'aka na ị ga-agụnye ihe ederede dị mma . Nke a bụ ihe atụ nke otú koodu HTML gị nwere ike isi lee anya:
2. Maka ebumnuche nhazi, ị nwekwara ike ịgbakwunye otu klas na ihe oyiyi. Uru nke a bụ ihe anyị ga-eji na CSS faịlụ anyị. Rịba ama na uru anyị na-eji ebe a bụ aka ike, ọ bụ ezie na, maka ụdị a, anyị na-ejikarị ụkpụrụ "osi" ma ọ bụ "nri" mee ihe, dabere n'ụdị ụzọ anyị chọrọ ka onyinyo anyị dozie. Anyị na-ahụ na ngwangwa dị mfe na-arụ ọrụ nke ọma ma dị mfe maka ndị ọzọ nwere ike ijikwa saịtị n'ọdịnihu ịghọta, ma ị nwere ike inye nke a ọ bụla ị chọrọ.
   2. Site n'onwe ya, uru nke ụlọ a agaghị eme ihe ọ bụla. Ihe oyiyi ahụ agaghị ejikọ aka na aka ekpe nke ederede. Maka nke a, ugbu a, anyị ga-agbanye na faịlụ CSS anyị.

1. Na ụdị ụzọ gị, ị nwere ike ịgbakwunye ụdị ndị a:
   1. .feft {
   2. ise n'elu: aka ekpe;
   3. Na-akwagharị: 0 20px 20px 0;
   4. }
   5. Ihe ị mere ebe a na-eji CSS "float" , nke ga-ewepu onyinyo ahụ site na nsụgharị akwụkwọ (usoro nke onyinyo ahụ ga-egosi, ya na ederede ya n'okpuru ya) ọ ga-agbatị ya n'akụkụ aka ekpe nke akpa ya . Ihe odide nke na-abia mgbe ya na ntinye HTML na ugbu a, kechie ya. Anyị gbakwụnyekwara ụfọdụ ihe mgbochi iji mee ka ederede a ghara iguzogide onyinyo ahụ. Kama nke ahụ, ọ ga-enwe ụfọdụ oghere dị mma nke ga-adọrọ mmasị na nhazi nke ibe. Na CSS maka ihe nkedo, anyị gbakwunyere 0 ụkpụrụ na elu na aka ekpe nke mbiet, na 20 pikselụ na aka ekpe na ala. Cheta, ịkwesiri ịgbakwunye akụkụ aka nri nke oyiyi oyiyi aka ekpe. Onyonyo kwesịrị ekwesị (nke anyị ga-ele anya n'otu oge) ga-eme ka ọ bụrụ ihe mgbochi ya n'akụkụ aka ekpe ya.
2. Ọ bụrụ na ị na-ele ibe weebụ gị na ihe nchọgharị, ị ga-ahụ ugbu a na oyiyi gị dị n'akụkụ aka ekpe nke ibe ahụ ma ederede na-eyiri ya gburugburu. Ụzọ ọzọ ị ga-esi kwuo nke a bụ na ihe oyiyi ahụ "na-ese n'elu aka ekpe".

1. Ọ bụrụ na ịchọrọ ịgbanwe oyiyi a ka ị kwekọọ na nri (dịka ihe atụ nke na-esonyere isiokwu a), ọ ga-adị mfe. Akpa, ị ghaghị ijide n'aka na, na mgbakwunye na ụdị anyị kwukwara na CSS maka uru nke "osi", anyị nwekwara otu maka nhazi aka nri. Ọ ga-adị ka nke a:
   1. .right {
   2. ugbo elu: nri;
   3. Ihe mgbochi: 0 0 20px 20px;
   4. }
   5. Ị nwere ike ịhụ na nke a dị ka nke mbụ CSS anyị dere. Nanị ihe dị iche bụ uru anyị na-eji maka "nnyefe" ihe onwunwe na ụkpụrụ mgbochi anyị na-eji (na-agbakwunye ụfọdụ n'akụkụ aka ekpe nke onyinyo anyị kama nke aka nri).
2. N'ikpeazụ, ị ga-agbanwe uru nke ihe oyiyi ahụ si "aka ekpe" gaa "nri" na HTML gị:
3. Lee anya na ibe gi na ihe nchọgharị ugbu a na onyinyo gi kwesiri ka o kwekorita aka ya na ederede ya. Anyị na-agbakwụnye ụdị abụọ ndị a, "aka ekpe" na "nri" niile n'ụdị uwe anyị ka anyị wee nwee ike iji ụdị ejiji ndị a dị mkpa mgbe anyị na-emepụta ibe weebụ. Ụdị ụzọ abụọ a dị mma, ihe ndị a na-agbanwegharị na anyị nwere ike gbanwee mgbe ọ bụla anyị chọrọ ịke ihe oyiyi site na nchikọta ederede gburugburu ha.

Iji HTML Kama CSS (na Ihe Mere I Kwesiri Iji Mee N 'a)

Ọ bụ ezie na ọ ga-ekwe omume imechie ederede na ihe oyiyi na HTML, ụkpụrụ weebụ na-ekwu na CSS (na nzọụkwụ ndị e depụtara n'elu) bụ ụzọ isi gaa ka anyị nwee ike ịnọgide na-ekewa usoro (HTML) na ụdị (CSS). Nke a dị mkpa karịsịa mgbe ị na-atụle nke ahụ, maka ụfọdụ ngwaọrụ na nhazi, ihe odide ahụ nwere ike ọ gaghị adị mkpa ịgbagharị gburugburu onyinyo ahụ. Maka ntakịrị ihe ngebichi, nhazi ihuenyo nwere ike ịchọpụta na ederede na-adaba n'okpuru oyiyi ahụ na onyinyo ahụ na-abanye n'ozuzu nke ihuenyo ahụ. A na-eme nke a ngwa ngwa na ajụjụ mgbasa ozi ma ọ bụrụ na ụdị gị dị iche na ntinye HTML gị. N'ụwa ụwa multi-ngwaọrụ, ebe ihe oyiyi na ederede ga-apụta dịka iche maka ndị ọbịa dị iche iche na nza ihu dị iche iche, nkewa a dị mkpa maka inwe ihe ịga nke ọma ogologo oge na njikwa nke ibe weebụ.