Ou pa oblije sèvi ak WYSIWYG sèlman
Dreamweaver se yon gwo WYSIWYG editè , men si ou pa enterese nan ekri paj wèb nan yon "sa ou wè se sa ou jwenn" anviwònman, ou ka toujou itilize Dreamweaver paske li la tou yon editè tèks gwo. Men, gen yon anpil nan karakteristik ki glise pa chemen an nan editè a Kòd Dreamweaver paske konsantre prensipal la se sou "View nan konsepsyon" oswa WYSIWYG editè pòsyon nan pwodwi a.
Kòman ou kapab jwenn nan Dreamweaver Kòd View
Si ou pa janm te itilize Dreamweaver kòm yon editè HTML anvan ou ka pa janm menm remake bouton yo twa nan tèt la nan paj la: "Kòd," "Split," ak "Design." Dreamweaver kòmanse moute pa default nan "View View" oswa WYSIWYG mòd. Men, li fasil pou chanje an gade ak koreksyon kòd HTML la. Jis klike sou bouton an "Kòd". Oswa, ale nan meni an View epi chwazi "Kòd."
Si w ap jis aprann kouman yo ekri HTML oswa ou vle jwenn yon sans de ki jan chanjman ou pral gen enpak sou dokiman ou, ou ka louvri View Kòd ak konsepsyon wè an menm tan an. Bote nan metòd sa a se ke ou ka edite nan tou de fenèt yo tou. Se konsa, ou ka ekri kòd la pou tag imaj ou an nan HTML ak Lè sa a, sèvi ak konsepsyon wè pou avanse pou li nan yon lòt kote nan paj la ak trennen ak gout.
Pou wè tou de nan yon fwa, swa:
- Klike sou "Split" bouton an (ant "Kòd" ak "Design")
- Nan meni an View, chwazi "Kòd ak Design"
Yon fwa w ap konfòtab lè l sèvi avèk Dreamweaver modifye kòd HTML ou, ou ka chanje preferans ou a louvri Dreamweaver nan gade Kòd pa default. Fason ki pi fasil la se pou sove gade nan kòd kòm yon workspace. Dreamweaver ap ouvri nan dènye espas ou te itilize a. Si li pa, tou senpleman ale nan meni an fenèt, epi chwazi vorkspas la ou vle.
Kòd View Opsyon
Dreamweaver se konsa fleksib paske li gen anpil fason yo Customize li epi fè li travay wout la ou vle li nan. Nan fenèt la opsyon, gen koloran kòd, fòma kòd, sijesyon kòd, ak kòd reekri opsyon ou ka ajiste. Men, ou ka tou chanje kèk opsyon espesyal nan gade nan kòd tèt li.
Yon fwa w ap nan Kòd View, gen yon "View Opsyon" bouton nan ba ikòn nan. Ou ka wè tou opsyon yo pa ale nan meni an View ak chwazi "Opsyon Kòd View." Opsyon yo se:
- Wrap Word - fini kòd la HTML pou ou ka wè li san yo pa defile orizontal. Remake byen ke opsyon sa a pa mete nenpòt ki retounen cha nan kòd ou, li jis montre kòd la konsa ke li pi fasil li.
- Nimewo Liy - montre nimewo liy sou bò a nan kòd la. Li montre yon senbòl vlope liy pou liy ki vlope pi long pase fenèt la gade.
- Karaktè Hidden - montre karaktè espesyal olye pou yo blan ki ta montre nan yon paj entènèt. Tankou yon dot ranplase yon espas, yon chevron doub ranplase chak tab, ak yon pilon oswa makè paragraf ranplase chak liy kraze.
- Highlight Kòd ki valab - Mete aksan sou HTML ki pa kòrèk nan jòn. Si ou chwazi tag jòn la, Enspektè a Property ap ba ou sijesyon sou kòman yo fikse li.
- Sentaks koloran - vire sou oswa koupe koulè a kodaj nan kòd ou. Ou chanje koulè yo nan koulè ou kodaj nan seksyon an koleksyon kòd nan preferans yo.
- Auto Indent - fè endèks kòd ou a otomatikman apre yon retounen cha si kòd la pi wo a li se reflete. Ou ka chanje gwosè a nan endent la pa chanje gwosè a tab nan seksyon an fòma kòd nan preferans yo.
Korije Kòd HTML nan Dreamweaver Kòd View
Li fasil edite kòd HTML nan View Dreamweaver a. Senpleman kòmanse sezisman HTML ou. Men, Dreamweaver bay ou ak kèk depans siplemantè ki pwolonje li pi lwen pase yon editè HTML debaz. Lè ou kòmanse ekri yon tag HTML, ou tape <. Si ou pran yon poz apre sa karaktè, Dreamweaver pral montre w yon lis HTML Tags . Sa yo rele sijesyon kòd. Etap desann seleksyon an, kòmanse lèt tape - Dreamweaver pral etwat desann lis la gout-desann tag a ki adapte sa w ap tape.
Si w ap nouvo nan HTML, ou ka woulo liv atravè lis la nan HTML Tags epi chwazi divès kalite yo wè sa yo fè. Dreamweaver ap kontinye ap fè w pou atribi yon fwa ou te tape yon tag. Pou egzanp, si ou tape " tag la.
Men, sijesyon kòd pa fini nan Tags yo. Ou ka itilize sijesyon kòd pou insert:
Si sijesyon yo kòd pa parèt, ou ka frape Ctrl-bar (Fenèt) oswa Cmd-bar (Macintosh) pou fè yo montre. Rezon ki pi komen poukisa yon allusion Kòd pa ta ka parèt se si ou chanje nan yon lòt fenèt anvan fini tag ou. Paske Dreamweaver se Keying sou sezisman nan karaktè a <, si ou kite fenèt la epi retounen, ou pral oblije re-lanse sijesyon yo kòd.
Ou ka fèmen meni yo sijesyon kòd pa frape kle a chape.
Yon fwa ou te tape ou louvri tag HTML, ou pral bezwen fèmen li. Dreamweaver fè sa nan yon fason natirèl. Si ou tape "Fèmen opsyon a Tags ki pi bon kostim bezwen ou yo.
Si ou pa byen pare yo chanje sou koreksyon paj ou an nan HTML men ou ta renmen gade kòd la kòm li a ekri, ou ta dwe eseye enspektè a Kòd. Sa a ouvè kòd la HTML nan yon fenèt ki apa a. Li travay jis tankou View Kòd, epi, an reyalite, se fondamantalman yon fenèt View Detachable kòd pou dokiman aktyèl la. Pou ouvri enspektè a kòd, ale nan meni an fenèt epi chwazi "Kòd Enspektè" oswa frape kle a F10 sou klavye ou.
Dreamweaver pral fòma HTML kòd sepandan ou ta renmen li parèt. Pou egzanp, si ou itilize 3 espas endispoze, men pa janm endijèn IMG Tags, ou ka presize ki fòma enfòmasyon nan opsyon yo reekri kòd. Lè sa a, ou ale nan meni an Commands epi chwazi "Aplike Sous fòma." Sa a se yon bon fason yo jwenn kòd ekri pa yon lòt moun nan yon fòma ki abitye nan ou.
Yon karakteristik ke anpil HTML kodè pa konnen sou oswa pa itilize se kapasite nan tonbe kòd HTML. Sa a pa retire tags yo soti nan dokiman an, men jis retire yo soti nan wè sa yo ke yo pa distrè nan sa w ap travay sou. Efondreman kòd ou:
- Chwazi seksyon an nan kòd ou vle kache
- Nan meni an Edit, chwazi "Collapse Selection" nan "Korije nan" sub-meni an
Yon fason pi fasil se chwazi kòd la ak Lè sa a, klike sou ikòn yo efondreman kòd ki parèt nan bon marse la. Ou kapab tou dwa klike sou kòd la chwazi epi chwazi "Collapse Selection".
Si ou vle kache tout bagay eksepte sa ki make, chwazi "Collapse Outside Selection" nan nenpòt nan metòd ki anwo yo.
Pou elaji kòd tonbe, tou senpleman doub klike sou li. Sa a ouvè kòd la leve, li chwazi li. Lè sa a, ou ka deplase sa seleksyon oswa efase li oswa ajoute lòt Tags alantou li.
Ou ka sèvi ak efondreman a ak elaji prezante tout tan tout tan an sou paj kote ou pa vle edite modèl la ekstèn. Ou jis chwazi zòn nan kontni ou vle modifye ak tonbe deyò. Lè sa a, ekri HTML ou. Ou ka toujou wè paj la nan View Design oswa ouvri li nan yon navigatè. Kòd la efondre pa retire nan dokiman an, tou senpleman kache de vi. Ou kapab tou itilize li lè w ap travay sou yon seri de atik yo. Lè ou te fini yon sèl, efondreman li. Ou konnen w ap fè lè pa gen kòd ki montre.