Kugadzira mapeji ewebhu kubva kutanga neDreamweaver
Dreamweaver chishandiso chinoshandiswa zvakanyanya nevagadziri vewebhu. kugadzira uye dhizaini mawebvu. Iine intuitive interface uye maficha epamberi, Dreamweaver yave sarudzo yakasarudzika kune avo vanoda kuvaka mawebhusaiti kubva kutanga. Muchikamu chino, tichaongorora matanho anodiwa kuti gadzira mapeji ewebhu muDreamweaver kubva pakutanga, kubva pakuiswa kusvika pakudhindwa kwekupedzisira kwenzvimbo yacho. Kunyangwe uchangotanga munyika yekuvandudzwa kwewebhu kana kutsvaga kuvandudza hunyanzvi hwako hweDreamweaver, gwara iri rinokupa ruzivo rwaunoda kuti utange kuvaka yako. website nekuvimba.
1. Nhanganyaya kuDreamweaver: Chishandiso chakakodzera chekugadzira mapeji ewebhu kubva pakutanga
Dreamweaver chishandiso chakakurumbira chinoshandiswa kugadzira nekugadzira mapeji ewebhu kubva pakutanga. Iine mushandisi-inoshamwaridzika interface uye huwandu hwakawanda hwezvinhu, isarudzo yakakwana kune vanotanga uye nyanzvi mukugadzira mawebhusaiti. Pazasi, ini ndichakufambisa iwe nematanho ekutanga ekugadzira ako ewebhu mapeji muDreamweaver.
Usati watanga, unofanirwa kujairana neiyo Dreamweaver interface. Iwe unozoona kuti iyo huru skrini yakakamurwa kuita zvikamu zvakati wandei, senge dhizaini nharaunda, iyo kodhi mupepeti, uye toolbar. Zvikamu izvi zvinokutendera kuti utarise uye ugadzirise webhusaiti yako nenzira dzakasiyana, zvichienderana nezvaunoda uye zvaunoda. Pamusoro pezvo, Dreamweaver inopa huwandu hwakasiyana hwekusarudzika marongero uye matemplate aunogona kushandisa sepokutangira.
Paunenge uchinge wajaira iyo interface, inguva yekutanga kuvaka yako webhusaiti. Danho rekutanga kugadzira gwaro idzva HTML muDreamweaver. Iwe unogona kuita izvi nekusarudza "Faira" mubhari yemenyu uyezve "Nyowani." Wadaro, sarudza “Chisina Peji” sarudzo yekutanga kubva mukutanga Apa ndipo paunonyatso tanga kutora mukana wakakwana wezvimiro zveDreamweaver kugadzira peji rewebhu rakasarudzika. Unogona kuwedzera zvinhu zvakaita semisoro, ndima, zvinongedzo, uye zvinyorwa zvisina kurongeka. Rangarira kuti iwe uchiri kugona kugadzirisa uye kugadzirisa dhizaini uye zvirimo chero nguva paunenge uchishanda pawebhusaiti yako.
2. Kugadziriswa kwekutanga muDreamweaver: Nhanho nhanho kuti utange kuvaka webhusaiti yako
Dreamweaver chishandiso chine simba kwazvo chekugadzira mapeji ewebhu, asi tisati tatanga kuvaka webhusaiti yedu, zvakakosha kuita gadziriro yekutanga muDreamweaver. Izvi zvinotibvumira kugadzirisa zvakasiyana-siyana zvenzvimbo yedu yebasa kuti tive nechokwadi chokuti tine ruzivo rwakakwana panguva yekugadzira.
Danho rekutanga nderekusarudza mhando yepeji yatinoda kugadzira. Kuti uite izvi, tinofanira kuenda ku "Faira" mubhari yemenyu uye sarudza "Itsva". Pano tinogona kusarudza pakati pezvisarudzo zvakasiyana, zvakadai sepeji risina chinhu, peji rinobva pane yakafanotaurwa template kana kunyange kupinza peji iripo. Izvo zvakakosha kuti usarudze iyo chaiyo mhando yepeji kuti tikwanise kuvaka webhusaiti yedu zvakanaka.
Kana tangosarudza mhando yepeji, yave nguva yekugadzira zvatinoda. Muchikamu che "Zvido" tinogona kutsanangura zvinhu zvakaita sekunyora kwemavara, marongerwo aanofarira kana madimburiko ekhibhodi. Zvakakosha kuongorora zvatinoda izvi tozvigadzirisa kuti zvienderane nezvido zvedu uye zvatinoda.
Chekupedzisira, isu tinofanirwa kugadzirisa webhusaiti yedu muDreamweaver. Kuti tiite izvi, tinoenda ku "Site" mubhari yemenyu tobva tasarudza "Saiti Itsva". Pano tinogona kuwedzera midzi yedu folda, tsanangura iyo iri kure server uye tsanangura FTP yekubatanidza, pakati pezvimwe zvingasarudzwa. Kunyatsogadzirisa webhusaiti yedu kuchatibvumira kushanda nenzira yakarongeka uye inoshanda muDreamweaver. Kana tangotora matanho ekutanga aya, tichange tagadzirira kutanga kuvaka webhusaiti yedu kubva kutanga muDreamweaver.
3. Dhizaini yekuona muDreamweaver: Kushandisa zvishandiso zvekugadzira kugadzira peji rako
Muchikamu chino, iwe uchadzidza kushandisa maturusi ekugadzira ekuona muDreamweaver kugadzira webhusaiti yako. Dreamweaver chishandiso chine simba chinokutendera iwe kugadzira nekugadzirisa mapeji ewebhu. nzira inoshanda uye inoshanda. Iine intuitive interface uye epamberi dhizaini maturusi, unogona kuzadzisa iyo yaunoda kutarisa webhusaiti yako.
Imwe yeanonyanya kubatsira ekuona madhizaini edhizaini muDreamweaver ndiyo mapaneru ezvivakwa. Iri pani rinokutendera iwe kuti uite nekukurumidza uye nyore shanduko pakuonekwa kwewebhusaiti yako. Iwe unogona kugadzirisa saizi uye ruvara rwezvinhu, shandura iyo mavara font, uye isa muganho uye mimvuri masitaera. Pamusoro pezvo, mapaneru ezvivakwa zvakare anotendera iwe kuti uwane kurongeka uye maturusi ekugadzirisa, zvichiita kuti zvive nyore kwauri kuronga zvinhu zviri papeji rako.
Chimwe chishandiso chakakosha ndeye live kodhi mupepeti. Iri basa rinokutendera kuti utarise shanduko dzaunoita munguva chaiyo, iyo inofambisa maitiro ekugadzira nekugadzirisa webhusaiti yako. Iwe unogona kugadzirisa iyo HTML neCSS kodhi zvakananga mupepeti uye woona zvabuda ipapo ipapo. Izvi zvinokutendera kuti uedze uye ugadzirise pane nhunzi, usingade kugara uchirodha peji.
Muchidimbu, maturusi ekugadzira ekuona muDreamweaver anokupa kuchinjika uye kugona kunodiwa kugadzira mapeji ewebhu zviri nyore. Kunyangwe iwe uri kutanga kubva mukutanga kana kuda kupa saiti iripo chimiro chitsva, Dreamweaver inokupa zvishandiso zvekuzviita. Ongorora akasiyana sarudzo dziripo mupenera yezvivakwa uye tora mukana weiyo live code edhita kuita nekukurumidza shanduko uye kuona mhinduro ipapo ipapo. NeDreamweaver, magadzirirwo ako ewebhu achange ari mumaoko ako.
4. HTML Structure muDreamweaver: Kuvaka Nheyo Yakasimba yeWebhusaiti Yako
Dreamweaver chishandiso chine simba chekuvaka mapeji ewebhu kubva pakutanga. Muchikamu chino, ini ndichakutungamirira kuburikidza nekutanga kweHTML chimiro muDreamweaver kuitira kuti iwe ugone kugadzira hwaro hwakasimba hwewebsite yako. HTML chimiro chakakosha pakuronga nekugadzirisa zvirimo, uye Dreamweaver inokupa maturusi ekuzviita nemazvo.
Tichatanga nekugadzira iyo yakakosha HTML faira muDreamweaver. Kuti uite izvi, iwe unongovhura iyo application uye wosarudza "Itsva HTML Gwaro" kubva pane huru menyu. Paunenge uchinge wagadzira iyo faira, iwe uchaona yekutanga chimiro chakafanotsanangurwa. Unogona kuigadzirisa kuti ienderane nezvido zvako.
Iye zvino yave nguva yekudzidza nezve HTML tag uye mashandisiro eiyo muDreamweaver. Matagi zvinhu zvakakosha muHTML uye anoshandiswa kumaka zvikamu zvakasiyana zvewebhu peji rako. Mamwe mazita anonyanya kuzivikanwa anosanganisira misoro, ndima y mazita. Unogona kushandisa aya ma tag kuronga zvemukati nekuzvifometa. Dreamweaver inopa intuitive interface yekuisa uye kugadzirisa aya ma tag nekukurumidza uye nyore.
5. CSS Styles muDreamweaver: Kuwedzera mharidzo uye hunhu kune peji rako
CSS masitayipi chikamu chakakosha chewebhu peji dhizaini, sezvo ivo vachiwedzera mharidzo uye hunhu kune yako saiti. MuDreamweaver, chimwe chezvishandiso zvakakurumbira zvekugadzira mawebhusaiti, unogona zvakare kushandisa CSS kuvandudza kutaridzika kwemapeji ako. NeDreamweaver, haufanirwe kuve neruzivo rwepamusoro hurongwa kuti uwedzere CSS masitayipi kune peji rako, sezvo iine edhita inooneka inobvumidza iwe kuti uchinje zvine hungwaru.
Kutanga kushandisa zvitaera zveCSS muDreamweaver, ingosarudza chinhu kana zvinhu zvauri kuda kuisa masitayipi uye shandisa hwindo rezvivakwa kuita shanduko yaunoda. Muhwindo iri unogona kushandura ruvara, font, saizi yemavara, kurongeka uye zvimwe zvakawanda zvingasarudzwa. Mukuwedzera, Dreamweaver inopawo kutarisa munguva chaiyo, izvo zvinokutendera kuti uone kuti shanduko dzako dzichataridzika sei usati wadzishandisa zvachose.
Kune rimwe divi, kana iwe uchida kutora yako CSS dhizaini hunyanzvi zvakatopfuura, Dreamweaver zvakare inobvumidza iwe kurongedza zvakananga CSS kodhi. Nenzira iyi, unogona kuwedzera masitaira echinyakare kana kugadzirisa zvakadzama kumapeji ako ewebhu. Dreamweaver ine kodhi ine simba mupepeti inosimbisa syntax uye inokupa mazano paunenge uchinyora, zvichiita kuti kugadzirisa kuve nyore. Inopawo maturusi anobatsira ekugadzirisa mafaera eCSS, achikubvumidza kuti uchengetedze kodhi yako yakarongeka uye nyore kuchengetedza.
NeDreamweaver uye kugona kwayo kuwedzera CSS masitayipi, Iwe uchave nerusununguko uye kushanduka kwekugadzira mapeji ako ewebhu nenzira yehunyanzvi uye yakasarudzika, pasina chikonzero chekuve neruzivo rwepamusoro pehurongwa. Kunyangwe iwe uri kugadzira webhusaiti kubva pakutanga kana kuda kuvandudza dhizaini yeiripo, Dreamweaver ine zvese zvishandiso zvaunoda kugadzira anoyevedza uye anoshanda mapeji ewebhu. Shinga kuyedza uye kuunza peji rako kuti rive neCSS masitaera muDreamweaver!
6. Interactive functionalities muDreamweaver: Kubatanidza zvinhu zvine simba uye mifananidzo
Kugadzira mapeji ewebhu ane simba uye anoyevedza, Dreamweaver inopa huwandu hwakasiyana hwekudyidzana. Nezvishandiso izvi, unogona kubatanidza zvinhu zvine simba uye mifananidzo inokwezva vashandisi vako uye nekuvandudza ruzivo rwekubhurawuza. Chimwe chezvinhu zvinonyanya kukosha zveDreamweaver kugona kwayo kugadzira mabatiro ekuita nekubatanidza CSS neJavaScript kodhi.
Kuunzwa kwezvinhu zvine simba pawebhu peji kunogona kuve kwakakosha kutora pfungwa dzemushandisi. NeDreamweaver, unogona kuwedzera zvinhu zvinobatika senge mifananidzo inotsvedza, mabhatani anemaanimation, uye pop-ups. Zvinhu izvi hazvingo kwezva kutarisa kwemushandisi chete, asi zvakare zvichavatendera kuti vadyidzane nezviri papeji nenzira inonzwisisika uye inonakidza.
Pamusoro pezvinhu zvinodyidzana, Dreamweaver inopawo kugona kugadzira animations etsika. Iwe unogona kushandisa iyo animation chishandiso kuwedzera shanduko yekuchinja, kufamba uye shanduko kune zvinhu pane yako peji rewebhu. Aya animation akanakira kuratidza zvimwe zvinhu, senge mabhena kana zvinhu zvekufambisa, uye nekuwedzera ine simba uye inobata maziso kudhizaini yako. Dreamweaver zvakare inobvumidza iwe kudzora kumhanya uye nguva yemifananidzo, kuve nechokwadi kuti inokwana zvakakwana zvaunoda uye maitiro ewebhusaiti yako.
Muchidimbu, Dreamweaver chishandiso chine simba chinokutendera kuti ubatanidze zvinhu zvine simba uye mifananidzo mumapeji ako ewebhu. Iine maficha ayo anodyidzana, unogona kugadzira inoyevedza uye inonakidza yekubhurawuza ruzivo kune vashandisi vako. Usazeze kuongorora sarudzo dzese uye kuyedza neakasiyana mashandiro ayo Dreamweaver inopa, uye shamisa vashanyi vako nemapeji ewebhu ekugadzira uye ane simba!
7. Kugadzirisa uye kuedza muDreamweaver: Kuchengetedza webhusaiti yako inoshanda zvakanaka
Muchikamu chino chedzidziso, isu tichavhara optimization uye kuyedza webhusaiti yako muDreamweaver kuti kuve nechokwadi chekushanda kwakanaka. Optimization inzira yakakosha yekuvandudza kumhanya kwekurodha kwesaiti yako, zvichikonzera chiitiko chirinani kune vashanyi. Dreamweaver inopa zvishandiso uye sarudzo dzekugadzirisa HTML yako, CSS, uye JavaScript kodhi.
HTML kodhi optimization: Dreamweaver inoita kuti zvive nyore kukwirisa HTML code yako kuburikidza akati wandei maficha. Iwe unogona kushandisa iyo "Code Yakachena" kubvisa chero isina basa kana kodhi kodhi. Pamusoro pezvo, unogona kushandisa iyo "Minify" chimiro kudzikisa saizi yekodhi yako, zvichikonzera kukurumidza kurodha nguva. Iwe unogona zvakare kushandisa iyo "Compress Mifananidzo" sarudzo yekudzikisa saizi yemifananidzo pasina kukanganisa kunaka kwekuona.
CSS kodhi optimization: Kuti uwedzere kodhi yako yeCSS muDreamweaver, unogona kushandisa "Compress CSS" basa. Izvi zvinokutendera kuti ubvise whitespace, makomendi, uye mitsara isina chinhu, zvichikonzera diki chimiro faira uye nekukurumidza kurodha nguva. Pamusoro pezvo, Dreamweaver inokutendera kuti ubatanidze akawanda maCSS mafaera kuita imwe, ayo anogona zvakare kunatsiridza kumhanya kwekurodha kwepeji rako.
Edza webhusaiti: Usati watanga webhusaiti yako, zvakakosha kuita bvunzo dzakakwana kuti uve nechokwadi chekushanda kwayo. Dreamweaver inopa yakabatanidzwa yekuyedza nharaunda, kwaunogona kuona uye kuyedza webhusaiti yako pamabhurawuza akasiyana uye zvishandiso. Izvi zvinokutendera kuti uone uye kugadzirisa chero kuenderana kana dhizaini nyaya vashandisi vasati vawana saiti yako. Zvakare, iva nechokwadi chekutarisa kuti zvese zvinongedzo, mafomu, uye maficha ari kushanda nemazvo kupa ruzivo rwakatsetseka kune vashanyi vesaiti yako.
8. Kudhindisa nekuchengetedza webhusaiti yako muDreamweaver: Kuita kuti saiti yako iwanikwe pamhepo
Kuti ubudise uye uchengetedze webhusaiti yako muDreamweaver, zvakakosha kutevedzera mamwe matanho ekuona kuti saiti yako inowanikwa online. Kutanga, iwe unofanirwa kuve neshuwa kuti une yakavimbika uye yakakodzera yewebhu sevhisi sevhisi kune zvaunoda. Unogona kusarudza kubva kwakasiyana siyana kwevanopa vanopa, asi zvakakosha kuti usarudze imwe inopa maficha uye kugona kuchengetedza webhusaiti yako inoda. Kana uchinge waita kondirakiti yekutambira sevhisi, unofanirwa kuwana iyo inodiwa yekuwana data yekubatanidza webhusaiti yako kune server yako.
Mushure mekunge wawana ruzivo rwekurodha sevhisi yako yekutambira, unogona kuenderera nekushambadzira webhusaiti yako muDreamweaver Kuti uite izvi, unofanirwa kuenda ku "Site" menyu uye wosarudza "Manage Sites". Pano, iwe unogona kuwedzera webhusaiti yako uye kugadzirisa iyo yekubatanidza kune server yako. Ita shuwa kuti iwe unoisa iyo login data uye server kero nenzira kwayo. Kana wapedza kuseta uku, unokwanisa kutamisa mafaira ako kubva kuDreamweaver kuenda kuserver yako nekungodzvanya bhatani rekuti "Publish" mubhara rekushandisa.
Zvino zvawaburitsa webhusaiti yako muDreamweaver, zvakakosha kuti uichengete iine hukama uye uve nechokwadi chekuti inowanikwa online. Kuti uite izvi, ndinokurudzira nguva nenguva kuita bvunzo dzekufambisa pa zvishandiso zvakasiyana uye browsers. Tarisa kuti zvese zvinongedzo zvinoshanda nemazvo uye kuti peji inoremedza nemazvo pane akasiyana screen resolution. Izvo zvakakoshawo kuti uchengete ziso pakuvandudza software uye kuita chero inodiwa inogadziridza kuti uve nechokwadi chekuchengetedza uye kuita kwewebhusaiti yako. Rangarira kuti kugarogadzirisa webhusaiti yako kwakakosha pakuona kuti inogara ichikwira uye ichimhanya uye inopa ruzivo rwakakwana kune vashanyi vako.
9. Mazano epamberi uye Matiki mu Dreamweaver: Natsiridza hunyanzvi hwako uye uwane zvakanyanya kubva pachishandiso.
Muchikamu chino, iwe uchadzidza matipi epamusoro uye matipi muDreamweaver ekuvandudza hunyanzvi hwako uye kuwana zvakanyanya kubva pane ichi chine simba chekugadzira webhu. Dreamweaver ipuratifomu yakazara kwazvo ine akawanda anoshanda, saka kugona aya matipi Ichakubvumira kuti ugadzire mapeji ewebhu ane unyanzvi uye anoshanda.
1. Gadzirisa mafambiro ako ebasa: Dreamweaver inopa akati wandei sarudzo kufambisa uye kukwidziridza mafambiro ako ebasa. Chimwe chazvo ndechokushandisa zvigadziro zvekugadzira, izvo zvinokubvumira kuchengetedza chimiro chakafanana uye chinoshandiswa zvakare pamapeji akawanda. Pamusoro pezvo, iwe unogona kushandisa kodhi snippets uye snippets kukurumidzira kunyora uye kudzivirira kudzokorora zvikanganiso. Zvinokurudzirwa kushandisa mapfupi kiibhodhi mapfupi uye chengetedza zvaunofarira zvekuona kuti kuchengetedza nguva paunenge uchishanda. mumapurojekiti ako.
2. Tora mukana wezvishandiso zvekugadzira: Dreamweaver ine maturusi ekugadzira ekuona anotendera iwe kugadzira uye kugadzirisa mapeji ewebhu intuitively. Iwe unogona kushandisa mapaneru ezvivakwa kugadzirisa zvinhu zvakaita semavara, mafonti, uye saizi. Pamusoro pezvo, unogona kushandisa preview hwindo kuti kuona nemeso shanduko dzako mukati nguva chaiyo uye ita shuwa kuti vanotaridzika chaizvo pamidziyo yakasiyana uye browsers.
3. Natsiridza kuita kwepeji rako: Kuti uve nechokwadi chekukurumidza uye nekukasira kurodha kwewebhusaiti yako, zvakakosha kukwiridzira kuita kwayo. Dreamweaver inopa maturusi ekudzikisa saizi yeCSS neJavaScript mafaera, pamwe nekukwanisa kudzvanya mifananidzo pasina kurasikirwa nemhando. Pamusoro pezvo, iwe unogona kushandisa iyo Elements inspector kuona zvinhu zvingave zvichikanganisa kuita kwepeji rako uye kugadzirisa pazvinenge zvichidikanwa. Rangarira kushandisawo semantic HTML tags uye kuronga peji rako nenzira yakarongeka, iyo inofambisa indexing neinjini dzekutsvaga uye kugadzirisa SEO yesaiti yako.
10. Zvimwe zvekushandisa zvekudzidza nekuenderera mberi nekuvandudza muDreamweaver
. Kana iwe uchida kugadzira mapeji ewebhu kubva pakutanga uchishandisa Dreamweaver, chikamu chino chinokupa zvimwe zvekuwedzera zvichakubatsira iwe kudzidza nekuvandudza hunyanzvi hwako. Kunyangwe iwe uri wekutanga munyika yewebhu dhizaini kana uchitova neruzivo rwekutanga, zviwanikwa izvi zvichabatsira zvakanyanya kukwenenzvera mapurojekiti ako.
Online tutorial mavhidhiyo. Nzira huru yekudzidza kushandisa Dreamweaver ndeye online vhidhiyo tutorials. Kune akawanda YouTube chiteshi uye akasarudzika mawebhusaiti anopa nhanho-ne-nhanho vhidhiyo tutorials inovhara zvese kubva kune izvo zvekutanga kusvika kune epamberi matekiniki. Aya mavhidhiyo anobvumidza iwe kuti uteedzere maitiro nemeso uye anokupa iwe mukana wekumbomira, kudzosera kumashure uye kudzokorora sezvinodiwa. Mimwe yemisoro yaunogona kuwana mune izvi tutorials inosanganisira kufambisa iyo Dreamweaver interface, kugadzira uye HTML neCSS kodhi kodhi, uye maitiro. kugadzirisa dhizaini uye kushanda kwewebhusaiti yako.
Official Adobe zvinyorwa. Imwezve yakavimbika sosi yeruzivo ndeye Adobe's official zvinyorwa. Pawebhusaiti yavo, unogona kuwana akadzama evashandisi madhairekitori, zvinyorwa zvereferenzi, uye zvinyorwa zvehunyanzvi zveDreamweaver. Zvinyorwa izvi zvinopa ruzivo rwega nezvese uye basa resoftware, uye zvichakubatsira iwe kunzwisisa zviri nani mashandisiro aungaita. Mukuwedzera, iwe uchawanawo matipi nemano inobatsira kuwana zvakanyanya kubva kuDreamweaver uye kugadzira mapeji ewebhu ane hunyanzvi uye anoshanda.
Ini ndiri Sebastián Vidal, injiniya wekombuta anofarira nezve tekinoroji uye DIY. Uyezve, ndini musiki we tecnobits.com, kwandinogovera zvidzidzo kuti tekinoroji iwanikwe uye inonzwisisika kumunhu wese.