Kulesi sihloko, sizohlola inqubo yendlela yokuhlanganisa i-CSS ku-Dreamweaver, ithuluzi elisetshenziswa kakhulu abaklami bewebhu nabathuthukisi. Ikhono lokuhlanganisa i-CSS kahle libalulekile ekuthuthukiseni ukusebenza. kusuka kusayithi iwebhusayithi futhi uqinisekise ulwazi lomsebenzisi olushelelayo. Ukufunda ukusebenzisa izici zokuhlanganisa ze-CSS ku-Dreamweaver kuzokuvumela ukuthi wonge isikhathi nomzamo ukuphatha isitayela. kumaphrojekthi akho iwebhu.
- Ukufaka iDreamweaver kudivayisi yakho
Ifaka i-Dreamweaver kudivayisi yakho
Ukuze uqale ukuhlanganisa i-CSS ku-Dreamweaver, uzodinga ukuthi uhlelo lufakwe kudivayisi yakho. Qiniseka ukuthi unesikhala esanele esitholakalayo kwakho i-hard drive ngaphambi kokuqala ukufaka. Okokuqala, yiya kuwebhusayithi Adobe esemthethweni bese ubheka ikhasi lokulanda le-Dreamweaver. Uma usukhona ekhasini, khetha inketho yokulanda ehambisana nayo uhlelo lwakho lokusebenza, kungakhathaliseki ukuthi i-Windows noma i-Mac Chofoza isixhumanisi sokulanda bese ulinda ifayela ukuze lidawunilode kudivayisi yakho.
Uma ukulanda sekuqediwe, thola ifayela kufolda yakho yokulanda yedivayisi yakho bese uyichofoza kabili ukuze uqale inqubo yokufaka. Ewindini lezigelekeqe, landela imiyalelo enikezwe yisilekeleli sokufaka. Qiniseka ukuthi ufunda isinyathelo ngasinye ngokucophelela bese ukhetha izinketho ezifanele esikrinini ngasinye. Ngesikhathi ukufaka, i-Dreamweaver ingase ikucele ukuthi ungene ngemvume nge-akhawunti yakho ye-Adobe noma udale entsha uma ungenayo. Khumbula ukuthi udinga i-akhawunti ye-Adobe ukusebenzisa uhlelo, ngakho-ke kubalulekile ukukhumbula lokhu ngaphambi kokuqhubeka nokufaka.
Uma usuqedile inqubo yokufaka futhi ungene ku-Dreamweaver, usulungele ukuqala ukuhlanganisa i-CSS ohlelweni. I-Dreamweaver inikeza izici eziningi ezihlukahlukene namathuluzi azokuvumela ukuthi usebenze nge-CSS ngempumelelo futhi ikhiqize. Ungakha amashidi esitayela angenalutho, ungenise amafayela e-CSS akhona, noma usebenzise izifanekiso ze-CSS ezichazwe ngaphambilini ukuze uqalise. Ukwengeza, i-Dreamweaver ikunikeza imvelo yokuthuthuka ebonakalayo okuzokuvumela ukuthi ubone izinguquko ngesikhathi sangempela njengoba uhlela futhi uhlanganisa ikhodi yakho ye-CSS. Sebenzisa amathuluzi edizayini namaphaneli ezakhiwo ukuze wenze ngendlela oyifisayo ukubukeka nesakhiwo sezitayela zakho ze-CSS. Ungakhohlwa ukulondoloza nokuthekelisa ifayela lakho le-CSS uma usuqede izinguquko zakho ukuze ulisebenzise kumaphrojekthi akho ewebhu.
- Ukucushwa kwe-Dreamweaver kokuqala ukuhlanganisa i-CSS
Ukusethwa kwasekuqaleni kwe-Dreamweaver ukuze kuhlanganiswe i-CSS
I-Dreamweaver iyithuluzi eliwusizo kakhulu lokuthuthukisa amawebhusayithi, njengoba inikeza indawo enethezekile nesebenziseka kalula. Kodwa-ke, ukuze uhlanganise CSS ngendlela efanele ku-Dreamweaver, udinga ukwenza ukucushwa kwasekuqaleni. Kulesi sihloko, sizokubonisa indlela yokumisa i-Dreamweaver ukuze ukwazi ukuhlanganisa i-CSS yakho ngempumelelo.
Isinyathelo 1: Dala ifayela elisha le-CSS
Isinyathelo sokuqala sokusetha i-Dreamweaver ukwakha ifayela elisha le-CSS kuphrojekthi osebenza kuyo. Ukuze wenze lokhu, mane uchofoze kwesokudla efasiteleni elithi “Amafayela” bese ukhetha “Ifayela elisha.” Qiniseka ukuthi ukhetha inketho ethi “CSS” kumenyu yokudonsela phansi. Uma ifayela le-CSS selidaliwe, ungaqala ukubhala ikhodi yakho ye-CSS futhi ubone izinguquko ku- isikhathi sangempela.
Isinyathelo sesi-2: Setha inkundla yokwakha
Uma usudale ifayela le-CSS, kubalulekile ukusetha inkundla yokwakha elungile ku-Dreamweaver. Lokhu kuzovumela isofthiwe ukuthi ihlanganise futhi isebenzise izinguquko ezenziwe ku-CSS ngendlela efanele. Ukuze wenze lokhu, hamba kumenyu yokudonsela phansi ethi “Buka kuqala” bese ukhetha inketho ethi “Live View”. Lokhu kuzovula umsebenzi wokwakha ku-Dreamweaver futhi uzokwazi ukubona izinguquko zisetshenziswa ngesikhathi sangempela njengoba ubhala ikhodi yakho ye-CSS.
Isinyathelo sesi-3: Qinisekisa Izilungiselelo zokwakha
Ngaphambi kokuthi uqale ukuhlanganisa i-CSS yakho ku-Dreamweaver, kubalulekile ukuqinisekisa ukuthi izilungiselelo zakho zokuhlanganisa zilungile. Ukuze wenze lokhu, yiya kumenyu ethi “Ifayela” bese ukhetha “Izihleli Zohlelo Lokusebenza.” Bese, khetha inketho "yezinhlelo zokusebenza zangaphandle" bese uqinisekisa ukuthi uhlelo lokusebenza lokuhlanganiswa kwe-CSS lulungiselelwe ngendlela efanele. Uma ingalungiselelwe, ungayengeza ngokwenza ngokufaka indlela yohlelo kunkambu ehambisanayo. Lokhu kuzoqinisekisa ukuthi i-Dreamweaver ingakwazi ukuhlanganisa i-CSS yakho ngendlela efanele futhi isebenzise izinguquko. ngempumelelo.
Ngokulandela lezi zinyathelo, ungamisa i-Dreamweaver ukuthi ihlanganise i-CSS yakho ngempumelelo. Khumbula ukuthi uhlale uhlola ukulungiselela ngaphambi kokuthi uqale ukusebenza kuphrojekthi yakho futhi uqiniseke ukuthi unengxenye efanele yokwakha ekhethiwe. Nge-Dreamweaver, uzokwazi ukuthuthukisa amawebhusayithi akho ngempumelelo nangemiphumela yekhwalithi. Sikufisela inhlanhla ngentuthuko yakho!
- Ukwakhiwa nokuphathwa kwefayela le-CSS langaphandle eDreamweaver
Ifayela langaphandle le-CSS ku-Dreamweaver yi- indlela ephumelelayo ukuphatha nokuhlela isitayela sewebhusayithi. Ngokusebenzisa ifayela le-CSS langaphandle, ungagcina yonke ikhodi yesitayela ihlukene nedokhumenti ye-HTML, okwenza kube lula ukuhlela nokubuyekeza. Ukwengeza, ivumela amakhasi amaningi e-HTML ukuthi abelane ngefayelaCSS elifanayo, okusiza ukugcina ukubukeka okungaguquki isayithi lonke.
Ukudala ifayela le-CSS langaphandle ku-Dreamweaver kulula kakhulu. Okokuqala, kufanele uvule i-Dreamweaver futhi udale idokhumenti entsha CSS. Bese, ungaqala ukubhala ikhodi yakho yesitayela kudokhumenti Ungasebenzisa amathegi isixhumanisi y i-href kudokhumenti yakhoHTML ukuzeukuxhumanisa ifayela lakho langaphandle le-CSS kudokhumenti.
Uma usudale ifayela lakho langaphandle le-CSS, ungakwazi ukuliphatha kalula ku-Dreamweaver. Ungakwazi ukuvula ifayela le-CSS kuphaneli yamafayela, lapho ungenza khona izinguquko futhi ubuyekeze ifayela. Ukwengeza, i-Dreamweaver ikuvumela ukuthi usebenzise izitayela ze-CSS ngokuqondile kuzinto ze-HTML ngomhloli wendawo, okwenza kube lula ukwenza ngokwezifiso izitayela zakho.
Kafushane, ukudala nokuphatha ifayela le-CSS langaphandle ku-Dreamweaver kuyindlela ewusizo yokugcina isitayela iwebhusayithi yakho ihlelekile futhi kulula ukuyibuyekeza. Nge-Dreamweaver, ungakwazi ukudala futhi uhlele kalula ifayela lakho le-CSS langaphandle, futhi usebenzise izitayela kuzinto ze-HTML ngokushesha nangempumelelo. Ungabe usachitha isikhathi ngokucinga nokuhlela izitayela kumadokhumenti e-HTML amaningi, qala ukusebenzisa amafayela e-CSS angaphandle e-Dreamweaver namuhla!
- Ngenisa amafayela e-CSS akhona ku-Dreamweaver
Ukungenisa amafayela e-CSS akhona ku-Dreamweaver, ungalandela izinyathelo ezimbalwa ezilula ezizokuvumela ukuthi uhlanganise izitayela kahle Okokuqala, kubalulekile ukukhumbula ukuthi i-Dreamweaver ayinawo umsebenzi othile wokungenisa amafayela e-CSS. Nokho, lo mgomo ungafinyelelwa kusetshenziswa amanye amathuluzi ngaphakathi kohlelo.
Enye indlela yokungenisa amafayela e-CSS ku-Dreamweaver ukusebenzisa i-File Explorer. Ukuze wenze lokhu, kufanele uvule i-File Explorer bese uthola ifayela le-CSS ofuna ukulingenisa. Leli fayela lingabese lihudulelwa kuphaneli Yezitayela ze-CSS ku-Dreamweaver. Uma ifayela le-CSS selihuduliwe, izitayela zizosetshenziswa ngokuzenzakalelayo kuwo wonke amakhasi ewebhu axhunywe kuphrojekthi yamanje.
Enye indlela yokungenisa ifayela le-CSS ku-Dreamweaver iwukusebenzisa isici sesixhumanisi sangaphandle. Ukuze wenze lokhu, kufanele ukhethe inketho ethi "Faka" kubha yemenyu bese uchofoza "I-CSS Yangaphandle". Okulandelayo, iwindi lizovuleka lapho ungakhetha khona ifayela le-CSS ofuna ukulingenisa. Uma ifayela le-CSS selikhethiwe, ungachofoza okuthi “Londoloza” futhi izitayela zizosetshenziswa kuwo wonke amakhasi ewebhu axhunywe kuphrojekthi yamanje.
Ngamafuphi, ukungenisa amafayela e-CSS akhona ku-Dreamweaver kungenziwa kalula kusetshenziswa i-File Explorer noma isici sesixhumanisi sangaphandle. Lezi zinketho zikuvumela ukuthi uhlanganise kahle izitayela futhi uzisebenzise kuwo wonke amakhasi ewebhu kuphrojekthi. Ngokusebenzisa lezi zici, abaklami bewebhu bangonga isikhathi ngokungadingeki babhale kabusha izitayela ekhasini ngalinye ngabodwana, ngaleyo ndlela bathuthukise ukuhamba komsebenzi nokukhiqiza kwabo.
- Ukusebenzisa amathuluzi okuhlela e-CSS eDreamweaver
Amathuluzi okuhlela e-CSS ku-Dreamweaver awusizo kakhulu ekwenzeni ngendlela oyifisayo ukubukeka okubonakalayo kwewebhusayithi yakho. Ngaleli thuluzi elinamandla, ungakwazi ukushintsha izitayela ze-CSS ngokushesha futhi kalula, ngaphandle kwesidingo sokubhala ikhodi ngesandla. Esinye sezici eziphawuleka kakhulu ze-Dreamweaver iphaneli yayo yokuhlela ye-CSS, ekuvumela ukuthi ubuke futhi uhlele izitayela ezisetshenziswa kuzinto zakho ze-HTML ngokunembile.
Ukusebenzisa amathuluzi okuhlela e-CSS ku-Dreamweaver, vele ukhethe i-elementi ye-HTML ofuna ukufaka kuyo isitayela bese uqonda kuphaneli yezakhiwo. Lapha uzothola izinketho ezifana nefonti, usayizi wombhalo, umbala wangemuva, nezinye izinketho eziningi zesitayela. Ukwengeza, i-Dreamweaver iphinde inikeze ukubuka kuqala kwesikhathi sangempela kwezinguquko ozenzayo, okukuvumela ukuthi ulungise futhi uhlolekuze kube yilapho uthola umphumela oyifunayo.
Esinye isici esiphawulekayo samathuluzi okuhlela e-CSS ku-Dreamweaver yikhono lokusebenzisa izikhethi ze-CSS zangokwezifiso Lezi zikhethi zikuvumela ukuthi usebenzise izitayela ezithile kuzakhi ngazinye noma emaqenjini ezinto kuwebhusayithi yakho. Isibonelo, ungakhetha zonke izixhumanisi kumenyu yokuzula bese usebenzisa isitayela sefonti ethile nombala kuzo. Lokhu kwenza kube lula futhi kusebenze kahle kakhulu ukugcina idizayini engaguquki kuyo yonke iwebhusayithi yakho.
Ngokungeziwe kumathuluzi okuhlela e-CSS, i-Dreamweaver iphinde inikeze anhlobonhlobo ezinketho zokuphatha ifayela le-CSS. Ungakha futhi uhlele amafayela e-CSS ahlukene, uwaxhume ekhasini lakho le-HTML, bese ubuyekeza ngokuzenzakalela izitayela kuwo wonke amakhasi asebenzisa lelo fayela. Lesi sici siwusizo ikakhulukazi uma ufuna ukwenza izinguquko zomhlaba wonke ekwakhiweni kwewebhusayithi yakho, njengoba uzodinga kuphela ukwenza izinguquko kufayela elilodwa le-CSS. Ngamafuphi, amathuluzi okuhlela e-CSS ku-Dreamweaver akunikeza ukulawula okuphelele kokubukeka kwewebhusayithi yakho, okukuvumela ukuthi wenze ngendlela oyifisayo futhi uthuthukise ulwazi lomsebenzisi lwewebhusayithi yakho. indlela ephumelelayo futhi ochwepheshe.
- Buka kuqala izinguquko ze-CSS ngesikhathi sangempela e-Dreamweaver
Ukubuka kuqala izinguquko ze-CSS ngesikhathi sangempela ku-Dreamweaver isici esiwusizo ngendlela emangalisayo kubathuthukisi bewebhu. Ukwazi ukubona ukuthi izinguquko zedizayini zibukeka kanjani iwebhusayithi ngokuphazima kweso njengoba uhlela ikhodi ye-CSS ngonga isikhathi esiningi nomzamo. Ukwengeza, lokhu kwenza kube lula ukuhlonza nokulungisa amaphutha edizayini ngaphambi kokuwasebenzisa ekhasini elibukhoma.
Ukuze uhlanganise i-CSS ku-Dreamweaver futhi ujabulele ukubuka kuqala kwesikhathi sangempela, vele ulandele lezi zinyathelo ezilula. Okokuqala, qiniseka ukuthi unefayela le-CSS elivuliwe ku-Dreamweaver. Okulandelayo, khetha iphaneli yezitayela ze-CSS ngakwesokudla kwesikrini. Lapha uzothola uhlu lwezitayela ze-CSS ezisetshenziswa kudokhumenti yamanje. Kusukela kuleli phaneli, ungakwazi hlela izitayela ezikhona noma yikuphi engeza izitayela ezintsha njengoba kudingeka.
Uma usuwenze izinguquko kukhodi yakho ye-CSS, ungabona ukubuka kuqala kwesikhathi sangempela ku-Dreamweaver. Ukuze wenze lokhu, khetha inketho "Yokubuka Bukhoma" ngezansi kuphaneli yezitayela ze-CSS. Lokhu kuzovula iwindi elisha esipheqululini sakho, lapho ungabona khona zonke izinguquko ezenziwe ngesikhathi sangempela. Ungakwazi futhi ukwenza izinguquko ezengeziwe ekubukeni kuqala ngokuchofoza kwesokudla noma iyiphi i-elementi bese ukhetha Hlola ukuze ubuke futhi uhlele izici ze-CSS ngokuqondile ethuluzini lonjiniyela lesiphequluli.
Ngamafuphi, ukuhlola kuqala izinguquko ze-CSS ngesikhathi sangempela ku-Dreamweaver isici esinamandla esingakwazi ukusiza kakhulu inqubo yokuthuthukisa iwebhusayithi. Ngalesi sici, onjiniyela bangabona ngokushesha ukuthi izinguquko zesitayela zizobukeka kanjani ngaphandle kokushintsha njalo amathebhu noma amawindi. Ngokuhlanganisa i-CSS ku-Dreamweaver, onjiniyela bangenza izinguquko ezisheshayo nezinembayo ukuze baqinisekise ukuthi ukwakheka kwabo kubukeka ngendlela abayifunayo.
- Ukuhambisana kwe-CSS nokwenza kahle ku-Dreamweaver
Amathuluzi e-CSS ahambisana nokwenza kahle ku-Dreamweaver abalulekile ekuqinisekiseni ukuthi izitayela zakho zihambisana namazinga amanje futhi zisebenza kahle kuziphequluli ezihlukile.
Enye yezindlela zokuthuthukisa ikhodi yakho ye-CSS ku-Dreamweaver iwukusebenzisa isici esithi "Hlanza Ikhodi" esisusa noma yikuphi ukufometha okungadingekile noma ikhodi, okuholela ekutheni kube lula, ukulayisha amafayela ngokushesha. Lokhu kuwusizo ikakhulukazi uma une-CSS ende neyinkimbinkimbi.
Elinye ithuluzi elibalulekile ku-Dreamweaver inketho ethi “Qinisekisa i-CSS” ekuvumela ukuthi uqinisekise uma ikhodi yakho ihambisana nemithetho ye-syntax nesakhiwo esungulwe yi-World Wide Web Consortium (W3C). Lokhu kuqinisekisa ukuthi izitayela zakho ziyasebenzisana neziphequluli namadivayisi ahlukene, kugwema izinkinga ezingase zibe khona zokubonisa noma zokusebenza.
Ukwengeza, i-Dreamweaver inesici esithi "Ukuhambelana Kwesiphequluli" esikuvumela ukuthi uhlole kuqala ukuthi izitayela zakho zizovela kanjani kuziphequluli ezihlukene, njenge-Chrome, Firefox, Safari, ne-Internet Explorer. Lokhu kukusiza ukuthi ubone futhi ulungise izinkinga zokusebenzisana ngaphambi kokulayisha iwebhusayithi yakho.
Kafushane, ukuhambisana kwe-CSS kanye nokwenza kahle ku-Dreamweaver yizici ezibalulekile okufanele uzikhumbule lapho ukuthuthukisa amawebhusayithi. Ngokusebenzisa Ikhodi Ehlanzekile, Qinisekisa i-CSS, kanye nezici Ezivumelana Nesiphequluli, ungaqinisekisa ukuthi izitayela zakho zihambisana nezindinganiso zamanje futhi zisebenza kahle kuziphequluli ezahlukene. Lokhu ngeke nje kuthuthukise izinga nolwazi lomsebenzisi lwesayithi lakho, kodwa futhi kuzokongela isikhathi nomzamo enqubweni yokuthuthukisa.
- Ukulungisa nokulungisa amaphutha e-CSS ku-Dreamweaver
Ukuxazulula izinkinga nokulungisa amaphutha e-CSS ku-Dreamweaver kuyinqubo ebalulekile yokuqinisekisa ukuthi iwebhusayithi yakho ibukeka futhi isebenza ngendlela efanele. I-Dreamweaver iyithuluzi elinamandla elikuvumela ukuthi udizayine futhi uthuthukise amawebhusayithi kalula, kodwa ngezinye izikhathi kuvela izinkinga ngekhodi ye-CSS engathinta ukubukeka nokusebenza kwesayithi lakho. Ngenhlanhla, i-Dreamweaver inikeza amathuluzi nemisebenzi embalwa yokuxazulula inkinga nokulungisa lawa maphutha e-CSS.
Enye yezindlela ezivame kakhulu zokulungisa amaphutha e-CSS ku-Dreamweaver ukusebenzisa isici sokuqinisekisa se-CSS esakhelwe ngaphakathi. Lesi sici sikuvumela ukuthi uhlole ikhodi yakho ye-CSS ukuze uthole amaphutha futhi sikunikeze uhlu lwezinkinga ezingaba khona. Mane uchofoze “Iwindi” kubha yemenyu bese ukhetha “Ukuqinisekisa kwe-CSS” ukuze uvule iwindi lokuqinisekisa. Uma usufikile, uzokwazi ukubona uhlu lwamaphutha nezexwayiso ezitholakala kukhodi yakho ye-CSS. Chofoza kabili iphutha ukuze ugqamise ikhodi efanele ukuze uyilungise.
Ngokungeziwe ekuqinisekiseni i-CSS, i-Dreamweaver iphinda inikeze amandla okulungisa amaphutha e-CSS isebenzisa iphaneli yayo ye-CSS Styles ibonisa zonke izitayela ze-CSS ezisetshenziswa ekhasini futhi ikuvumela ukuthi uzulazule kuwo kalula. Uma uhlangabezana nenkinga ngesitayela esithile, vele ukhethe ingxenye yekhasi lapho isitayela sisetshenziswa khona futhi uzobona umthetho ohambisanayo we-CSS ugqanyiswe kuphaneli yezitayela ze-CSS. Lokhu kuzokwenza kube lula kuwe ukuthi ubone iphutha futhi ulungise isitayela ngokushesha futhi kalula.
Enye indlela ewusizo yokulungisa amaphutha e-CSS ku-Dreamweaver ukusebenzisaisici sokubuyekeza isakhiwo esibukhoma. Lesi sici sikuvumela ukuthi ubone ukuthi iwebhusayithi yakho izobukeka kanjani kumasayizi wesikrini ahlukene namadivayisi. Vele uchofoze okuthi “Iwindi” kubha yemenyu bese ukhetha okuthi “Live Design Review” ukuze uvule iwindi lokubuka kuqala. Lapho ungabona ukuthi umklamo wakho ulungisa kanjani izinqumo ezahlukene kanye thola noma yiziphi izinkinga zokuklama noma amaphutha e-CSS angase avele.
Ngingu-Sebastián Vidal, unjiniyela wekhompyutha ozifelayo ngobuchwepheshe kanye ne-DIY. Ngaphezu kwalokho, ngingumdali we tecnobits.com, lapho ngabelana khona ngezifundo zokwenza ubuchwepheshe bufinyeleleke kakhudlwana futhi buqonde wonke umuntu.