N'isiokwu a, anyị ga-enyocha usoro otu esi achịkọta CSS na Dreamweaver, ngwá ọrụ nke ndị na-emepụta weebụ na ndị na-emepụta ihe na-ejikarị eme ihe. Ikike ịchịkọta CSS nke ọma dị mkpa maka ịkwalite arụmọrụ. site na saịtị webụsaịtị ma hụ na ahụmịhe onye ọrụ dị mma. Ịmụta iji njirimara mkpokọta CSS na Dreamweaver ga-enye gị ohere ịchekwa oge na mbọ na njikwa ụdị. n'ọrụ gị weebụ.
- Ịwụnye Dreamweaver na ngwaọrụ gị
Ịwụnye Dreamweaver na ngwaọrụ gị
Iji malite ịchịkọta CSS na Dreamweaver, ị ga-achọ ka etinyere mmemme na ngwaọrụ gị. Gbaa mbọ hụ na ị nwere ohere zuru oke na nke gị draịvụ ike Tupu ịmalite nrụnye., buru ụzọ gaa na webụsaịtị Adobe gọọmentị wee chọọ ibe nbudata Dreamweaver. Ozugbo ị nọ na ibe ahụ, họrọ nhọrọ nbudata nke dabara sistemụ arụmọrụ gị, ma Windows ma ọ bụ Mac Pịa njikọ nbudata wee chere ka faịlụ ahụ budata na ngwaọrụ gị.
Ozugbo nbudata ahụ zuru, chọta faịlụ na nchekwa nbudata gị nke ngwaọrụ gị wee pịa ya ugboro abụọ ka ịmalite usoro nrụnye. Na mpio mmapụta, soro ntuziaka nke ọkachamara nrụnye nyere. Jide n'aka na ị gụọ usoro ọ bụla nke ọma wee họrọ nhọrọ ziri ezi na ihuenyo ọ bụla. N'oge ntinye, Dreamweaver nwekwara ike ịgwa gị ka ị banye na akaụntụ Adobe gị ma ọ bụ mepụta nke ọhụrụ ma ọ bụrụ na i nwebeghị otu. Cheta na ịchọrọ akaụntụ Adobe iji jiri mmemme ahụ, ya mere ọ dị mkpa iburu nke a n'uche tupu ịga n'ihu na ntinye.
Ozugbo ịmechara usoro nrụnye wee banye Dreamweaver, ị dịla njikere ịmalite ịchịkọta CSS na mmemme ahụ. Dreamweaver na-enye ọtụtụ atụmatụ na ngwaọrụ ga-enye gị ohere ịrụ ọrụ na CSS. nke ọma na-arụpụta ihe. Ị nwere ike ịmepụta mpempe akwụkwọ ụdị oghere, bubata faịlụ CSS dị adị, ma ọ bụ jiri ndebiri CSS akọwapụtagoro tupu ịmalite. Ọzọkwa, Dreamweaver na-enye gị gburugburu mmepe anya nke ahụ ga-enye gị ohere ịhụ mgbanwe ozugbo ka ị na-edezi ma na-achịkọta koodu CSS gị. Jiri ngwaọrụ imewe na akụkụ akụrụngwa iji hazie ọdịdị na nhazi nke ụdị CSS gị. Echefula ịchekwa na mbupụ faịlụ CSS gị ozugbo ịmechara mgbanwe gị ka ị nwee ike iji ya na ọrụ weebụ gị.
- Nhazi mmalite Dreamweaver iji chịkọta CSS
Ntọlite mbụ nke Dreamweaver iji chịkọta CSS
Dreamweaver bụ ngwá ọrụ bara uru nke ukwuu maka ịmepụta weebụsaịtị, ebe ọ na-enye ebe dị mma ma dị mfe iji. Agbanyeghị, iji chịkọta CSS n'ụzọ ziri ezi na Dreamweaver, ịkwesịrị ịme nhazi mbụ. N'isiokwu a, anyị ga-egosi gị otu esi ahazi Dreamweaver ka ị nwee ike chịkọta CSS gị nke ọma.
Kwụpụ 1: Mepụta faịlụ CSS ọhụrụ
Nzọụkwụ mbụ ịtọlite Dreamweaver bụ ịmepụta faịlụ CSS ọhụrụ na ọrụ ị na-arụ ọrụ. Iji mee nke a, pịa aka nri na windo "Files" wee họrọ "File ọhụrụ". Gbaa mbọ hụ na ịhọrọ nhọrọ “CSS” na menu ndọpụta. ozugbo.
Nzọụkwụ 2: Tọọ n'elu ikpo okwu ewu
Ozugbo ịmechara faịlụ CSS, ọ dị mkpa ịtọlite usoro ihe nrụpụta ziri ezi na Dreamweaver. Nke a ga-ekwe ka ngwanro ahụ chịkọta ma tinye mgbanwe emere na CSS nke ọma. Iji mee nke a, gaa na menu ndọpụta “Preview” wee họrọ nhọrọ “Nlele Live”. Nke a ga-eme ka ọrụ wuo na Dreamweaver wee nwee ike ịhụ mgbanwe ndị etinyere. n'oge ahụ n'ezie ka ị na-ede koodu CSS gị.
Nzọụkwụ 3: Nyochaa Mee ntọala
Tupu ịmalite ịchịkọta CSS gị na Dreamweaver, ọ dị mkpa iji nyochaa na ntọala nchịkọta gị ziri ezi. Iji mee nke a, gaa na menu "File" wee họrọ "Ndị editọ ngwa." Mgbe ahụ, họrọ nhọrọ “ngwa mpụga” wee hụ na ahaziri ngwa mkpokọta CSS nke ọma. Ọ bụrụ na ahazighị ya, ịnwere ike iji aka tinye ya site na itinye ụzọ ngwa na mpaghara kwekọrọ. Nke a ga-ahụ na Dreamweaver nwere ike chịkọta CSS gị nke ọma wee tinye mgbanwe ndị ahụ. nke ọma.
Site n'ịgbaso usoro ndị a, ị nwere ike hazie Dreamweaver iji chịkọta CSS gị nke ọma. Cheta na ị na-elele nhazi oge niile tupu ịmalite ịrụ ọrụ na oru ngo gị wee hụ na ị họrọla ikpo okwu ụlọ kwesịrị ekwesị. Site na Dreamweaver, ị ga-enwe ike ịzụlite weebụsaịtị gị nke ọma yana nsonaazụ dị mma. Jisie na mmepe gị!
- Mepụta na njikwa faịlụ CSS dị na Dreamweaver
Faịlụ CSS dị na Dreamweaver bụ a ụzọ dị irè iji jikwaa na hazie ụdị weebụsaịtị. Site n'iji faịlụ CSS dị na mpụga, ị nwere ike idowe koodu nhazi niile iche na akwụkwọ HTML, na-eme ka ọ dịkwuo mfe idezi na imelite. Na mgbakwunye, ọ na-enye ohere ka ọtụtụ ibe HTML kesaa otu faịlụ CSS, na-enyere aka ịnọgide na-enwe ọdịdị na-agbanwe agbanwe n'ofe saịtị ahụ dum.
Ịmepụta faịlụ CSS dị na Dreamweaver dị nnọọ mfe. Nke mbụ, ị ga-emepe Dreamweaver wee mepụta akwụkwọ CSS ọhụrụ. Mgbe ahụ, ị nwere ike ịmalite ide koodu ụdị gị n'ime akwụkwọ ahụ Ị nwere ike iji mkpado link y href n'ime akwụkwọ HTML gị iji jikọta faịlụ CSS gị dị na akwụkwọ ahụ.
Ozugbo ịmechara faịlụ CSS gị dị na mpụga, ị nwere ike ijikwa ya ngwa ngwa na Dreamweaver. Ị nwere ike imepe faịlụ CSS na panel faịlụ, ebe ị nwere ike ime mgbanwe na melite faịlụ. Na mgbakwunye, Dreamweaver na-enye gị ohere itinye ụdị CSS ozugbo na ihe HTML site na onye na-enyocha akụrụngwa, na-eme ka ọ dị mfe ịhazi ụdị gị.
Na nchịkọta, imepụta na ijikwa faịlụ CSS mpụga na Dreamweaver bụ usoro bara uru maka idowe ụdị nke weebụsaịtị gị hazie ma dị mfe imelite. Site na Dreamweaver, ị nwere ike ịmepụta ma dezie faịlụ CSS gị dị n'èzí, wee tinye ụdị na ihe HTML ngwa ngwa na nke ọma. Etula oge ọzọ ịchọ na idezi ụdị n'ọtụtụ akwụkwọ HTML, malite iji faịlụ CSS mpụga na Dreamweaver taa!
- Bubata faịlụ CSS dị na Dreamweaver
Iji bubata faịlụ CSS dị na Dreamweaver, ị nwere ike ịgbaso usoro ole na ole dị mfe nke ga-enye gị ohere ịchịkọta ụdị nke ọma nke mbụ, ọ dị mkpa iburu n'uche na Dreamweaver enweghị otu ọrụ maka mbubata faịlụ CSS. Agbanyeghị, enwere ike nweta ebumnuche a site na iji ngwaọrụ ndị ọzọ dị na mmemme ahụ.
Otu ụzọ ibubata faịlụ CSS na Dreamweaver bụ site na iji Ihe Nchọgharị Faịlụ. Iji mee nke a, ị ga-emepe File Explorer wee chọta faịlụ CSS ịchọrọ ibubata. Enwere ike ịdọrọ faịlụ a n'ime panel CSS Styles na Dreamweaver. Ozugbo adọta faịlụ CSS, a ga-etinye ụdị ndị ahụ na-akpaghị aka na ibe weebụ niile jikọtara na ọrụ a dị ugbu a.
Ụzọ ọzọ iji bubata faịlụ CSS na Dreamweaver bụ site na iji njirimara njikọ mpụga. Iji mee nke a, ị ga-ahọrọ "Tinye" nhọrọ na menu mmanya wee pịa "Mpụga CSS". Ọzọ, windo ga-emeghe ebe ị nwere ike họrọ faịlụ CSS nke ịchọrọ ibubata. Ozugbo ahọpụtara faịlụ CSS, ị nwere ike pịa "Chekwa" na a ga-etinye ụdị ndị ahụ na ibe weebụ niile jikọtara na ọrụ ugbu a.
Na nkenke, ibubata faịlụ CSS dị na Dreamweaver nwere ike ime ngwa ngwa site na iji File Explorer ma ọ bụ njirimara njikọ mpụga. Nhọrọ ndị a na-enye gị ohere ịchịkọta ụdị nke ọma ma tinye ha na ibe weebụ niile na ọrụ. Site n'iji njirimara ndị a eme ihe, ndị na-emepụta weebụ nwere ike ịzọpụta oge site n'ịghara iji aka ha degharịa ụdị na ibe ọ bụla n'otu n'otu, si otú ahụ na-emeziwanye usoro ọrụ ha na mmepụta ihe.
- Iji ngwaọrụ edezi CSS na Dreamweaver
Ngwa CSS edezi na Dreamweaver bara ezigbo uru maka ịhazi ọdịdị anya nke weebụsaịtị gị. Site na ngwa a dị ike, ị nwere ike gbanwee ụdị CSS ngwa ngwa na ngwa ngwa, na-enweghị mkpa iji aka dee koodu. Otu n'ime atụmatụ Dreamweaver kacha mara amara bụ ogwe edezi CSS ya, nke na-enye gị ohere ilele na dezie ụdị etinyere na ihe HTML gị nke ọma.
Iji ngwa CSS edezi na Dreamweaver, họrọ naanị ihe HTML ịchọrọ itinye ụdị na isi na panel Njirimara. N'ebe a, ị ga-ahụ nhọrọ dị ka font, nha ederede, agba ndabere na ọtụtụ nhọrọ ụdị ndị ọzọ. Na mgbakwunye, Dreamweaver na-enyekwa nlele ozugbo nke mgbanwe ị na-eme, na-enye gị ohere ịmegharị na nnwale ruo mgbe ị nwetara nsonaazụ achọrọ.
Akụkụ ọzọ a ma ama nke CSS edezi ngwaọrụ na Dreamweaver bụ ikike iji omenala CSS selectors na-enye gị ohere itinye ụdịdị dị iche iche n'otu n'otu ma ọ bụ otu ihe dị na weebụsaịtị gị. Dịka ọmụmaatụ, ị nwere ike họrọ njikọ niile dị na menu nsoroụzọ wee tinye otu ụdị font na agba na ha. Nke a na-eme ka ọ dịkwuo mfe na ịrụ ọrụ nke ọma iji nọgide na-enwe nhazi na-agbanwe agbanwe na ebe nrụọrụ weebụ gị niile.
Na mgbakwunye na ngwaọrụ edezi CSS, Dreamweaver na-enyekwa ọtụtụ nhọrọ njikwa faịlụ CSS. Ị nwere ike ịmepụta na dezie faịlụ CSS dị iche iche, jikọta ha na ibe HTML gị, wee melite ụdị na ibe niile na-eji faịlụ ahụ na-akpaghị aka. Njirimara a bara uru karịsịa ma ọ bụrụ na ịchọrọ ịme mgbanwe zuru ụwa ọnụ na nhazi nke weebụsaịtị gị, n'ihi na ị ga-achọ naanị ime mgbanwe na otu faịlụ CSS. Na nkenke, ngwa CSS na-edezi na Dreamweaver na-enye gị njikwa zuru oke na ọdịdị anya nke weebụsaịtị gị, na-enye gị ohere ịhazi ma kwalite ahụmịhe onye ọrụ nke weebụsaịtị gị. ụzọ dị irè na ọkachamara.
- Lelee mgbanwe CSS ozugbo na Dreamweaver
Nlele mgbanwe CSS na ozugbo na Dreamweaver bụ ihe bara uru na-enweghị atụ maka ndị mmepe webụ. Inwe ike ịhụ ka mgbanwe imewe dị weebụsaịtị Ngwa ngwa ka ị na-edezi koodu CSS nwere ike ịzọpụta oge na mbọ dị ukwuu. Na mgbakwunye, nke a na-eme ka ọ dị mfe ịchọpụta na idozi njehie imewe tupu emejuputa ha na ibe dị ndụ.
Iji chịkọta CSS na Dreamweaver ma nwee ọ enjoyụ nlegharị anya ozugbo, soro usoro ndị a dị mfe. Mbụ, hụ na ị nwere faịlụ CSS meghere na Dreamweaver. Ọzọ, họrọ panel CSS ụdị n'akụkụ aka nri nke ihuenyo. N'ebe a, ị ga-ahụ ndepụta nke ụdị CSS etinyere na akwụkwọ dị ugbu a. Site na panel a, ị nwere ike dezie ụdịdị dị adị o tinye ọhụrụ ụdị dị ka ọ dị mkpa.
Ozugbo ịmechara mgbanwe na koodu CSS gị, ị nwere ike ịhụ nlele oge na Dreamweaver. Iji mee nke a, họrọ nhọrọ "Live Live" na ala nke ụdị CSS. Nke a ga-emepe windo ọhụrụ na ihe nchọgharị gị, ebe ị nwere ike ịhụ mgbanwe niile emere ozugbo. Ị nwekwara ike ime mgbanwe ndị ọzọ na nhụchalụ site na ịpị aka nri nke ọ bụla mmewere wee họrọ Nyochaa ka ịlele na dezie akụrụngwa CSS ozugbo n'ime ngwa nrụpụta ihe nchọgharị ahụ.
Na nkenke, ịhụchalụ CSS mgbanwe na ozugbo na Dreamweaver bụ ihe dị ike nke nwere ike ịkwado usoro mmepe weebụsaịtị. Site na njirimara a, ndị mmepe nwere ike ịhụ ozugbo ụdị mgbanwe ụdị ga-adị na-enweghị ịgbanwe taabụ ma ọ bụ windo mgbe niile. Site n'ịchịkọta CSS na Dreamweaver, ndị mmepe nwere ike ime mgbanwe ngwa ngwa na nke ziri ezi iji hụ na imewe ha dị ka otu ha chọrọ.
- Ndakọrịta CSS na njikarịcha na Dreamweaver
Ngwa CSS ndakọrịta na nkwalite dị na Dreamweaver dị oke mkpa iji hụ na ụdị gị dabara n'ụkpụrụ dị ugbu a ma na-agba ọsọ nke ọma na ihe nchọgharị dị iche iche.
Otu n'ime ụzọ isi bulie koodu CSS gị na Dreamweaver bụ site n'iji njirimara "Clean Up Code" na-ewepụ usoro ma ọ bụ koodu ọ bụla na-adịghị mkpa, na-ebute faịlụ ọkụ, na-ebu ngwa ngwa. Nke a bara uru karịsịa ma ọ bụrụ na ị nwere CSS ogologo na mgbagwoju anya.
Ngwá ọrụ ọzọ dị mkpa na Dreamweaver bụ nhọrọ "Validate CSS" nke na-enye gị ohere ịchọpụta ma koodu gị kwekọrọ na syntax na iwu nhazi nke World Wide Web Consortium (W3C) guzobere. Nke a na-achọpụta na ụdị gị dakọtara na ihe nchọgharị na ngwaọrụ dị iche iche, na-ezere ihe nwere ike igosipụta ma ọ bụ nsogbu ọrụ.
Tụkwasị na nke a, Dreamweaver nwere atụmatụ "Ndakọrịta Nchọgharị" nke na-enye gị ohere ịhụchalụ ka ụdị gị ga-esi pụta na ihe nchọgharị dị iche iche, dị ka Chrome, Firefox, Safari, na Internet Explorer. Nke a na-enyere gị aka ịchọpụta na idozi nsogbu ndakọrịta tupu ebugote weebụsaịtị gị.
Na nchịkọta, ndakọrịta CSS na njikarịcha na Dreamweaver bụ akụkụ dị mkpa ị ga-eburu n'uche mgbe ịzụlite weebụsaịtị. Site na iji koodu dị ọcha, kwado CSS na njirimara ndakọrịta ihe nchọgharị, ị nwere ike hụ na ụdị gị dabara n'ụkpụrụ dị ugbu a ma na-arụ ọrụ nke ọma na ihe nchọgharị dị iche iche. Nke a agaghị eme ka ọ dịkwuo mma na ahụmahụ onye ọrụ nke saịtị gị, ma ọ ga-azọpụtakwa gị oge na mgbalị na usoro mmepe.
- Idozi na ihichapụ njehie CSS na Dreamweaver
Nchọpụta nsogbu na ihichapụ njehie CSS na Dreamweaver bụ usoro dị mkpa iji hụ na ebe nrụọrụ weebụ gị dị na ọrụ nke ọma. Dreamweaver bụ ngwá ọrụ dị ike nke na-enye gị ohere ịmepụta na ịmepụta weebụsaịtị n'ụzọ dị mfe, ma mgbe ụfọdụ okwu na-ebilite na koodu CSS nke nwere ike imetụta ọdịdị na arụmọrụ nke saịtị gị. Ọ dabara nke ọma, Dreamweaver na-enye ọtụtụ ngwaọrụ na ọrụ iji dozie nsogbu na mezie njehie CSS ndị a.
Otu n'ime ụzọ a na-ejikarị edozi njehie CSS na Dreamweaver bụ iji njirimara nkwado CSS arụnyere. Njirimara a na-enye gị ohere ịlele koodu CSS gị maka mmejọ ma nye gị ndepụta nke nsogbu nwere ike ime. Naanị pịa “Ohere” na mmanya menu wee họrọ “CSS Validation” ka imepe windo nkwado. Ozugbo ebe ahụ, ị ga-enwe ike ịhụ ndepụta nke mperi na ịdọ aka ná ntị dị na koodu CSS gị. Pịa mperi ugboro abụọ iji gosi koodu dabara adaba ka ị nwee ike idozi ya.
Na mgbakwunye na nkwado CSS, Dreamweaver na-enyekwa ikike ịmegharị njehie CSS site na iji panel CSS Styles nke a na-egosiputa ụdị CSS niile etinyere na ibe ma na-enye gị ohere ịmegharị ha ngwa ngwa. Ọ bụrụ n'ịhụta nsogbu nwere otu ụdị, họrọ naanị akụkụ ibe nke etinyere ụdị ahụ ma ị ga-ahụ iwu CSS kwekọrọ na nke akọwapụtara na panel ụdị CSS. Nke a ga-eme ka ọ dịrị gị mfe ịchọpụta njehie ahụ wee mezie ụdị ahụ ngwa ngwa na ngwa ngwa.
Usoro ọzọ bara uru maka idozi njehie CSS na Dreamweaver bụ iji atụmatụ ntụle okirikiri nhọrọ ukwuu. Njirimara a na-enye gị ohere ịhụ ka ebe nrụọrụ weebụ gị ga-esi ele anya na nha ihuenyo dị iche iche na ngwaọrụ. Naanị pịa "Ohere" na menu mmanya wee họrọ "Live Design Review" imepe preview window. N'ebe ahụ ị nwere ike ịhụ ka imewe gị si ahazi na mkpebi dị iche iche na chọpụta ihe ọ bụla imewe nsogbu ma ọ bụ CSS njehie nwere ike ibili.
Abụ m Sebastián Vidal, onye injinia kọmpụta nwere mmasị na teknụzụ na DIY. Ọzọkwa, abụ m onye okike tecnobits.com, ebe m na-ekerịta nkuzi iji mee ka nkà na ụzụ nwetakwuo ohere na nghọta maka onye ọ bụla.