Koj Tsis Txhob Siv Siv Xwb WYSIWYG
Dreamweaver yog WYSIWYG editor zoo , tab sis, yog tias koj tsis txaus siab sau cov nplooj ntawv web nyob rau hauv "qhov koj pom yog dab tsi koj tau txais" ib puag ncig, koj tseem siv tau Dreamweaver vim nws tseem yog ib phau ntawv zoo heev. Tab sis muaj ntau cov nta uas npleem los ntawm txoj kev nyob rau hauv Dreamweaver code editor vim hais tias qhov tseem ceeb yog nyob ntawm tus "tsim pom" los yog WYSIWYG editor feem ntawm qhov khoom.
Yuav ua li cas kom tau Dreamweaver Code View
Yog tias koj yeej tsis tau siv Dreamweaver li HTML editor ua ntej koj yuav tsis tau pom peb qhov nyees khawm nyob rau sab saum toj ntawm nplooj: "Code," "Split," and "Design." Dreamweaver pib los ntawm kev ua neej nyob hauv "Tsim pom" los yog hom WYSIWYG. Tab sis nws yooj yim hloov mus saib thiab kho cov HTML code. Tsuas yog nias ntawm qhov "Code". Los yog, mus rau hauv Saib Ntawv qhia zaub mov thiab xaiv "Code."
Yog tias koj tsuas yog kawm txog kev sau HTML lossis koj xav tau kev paub txog tias koj qhov kev hloov yuav cuam tshuam koj li ntaub ntawv, koj tuaj yeem qhib qhov chaws saib thiab tsim kev pom tib lub sijhawm. Txoj kev zoo nkauj ntawm hom no yog tias koj tuaj yeem kho ua ob lub qhov rais thiab. Li ntawd, koj tuaj yeem sau qhov chaws rau koj cov duab hauv HTML thiab tom qab ntawd siv tus qauv tsim los rau nws mus rau lwm qhov chaw ntawm phab nrog luag thiab poob.
Mus saib ob qho tib si, ib qho:
- Nias ntawm qhov "Split" khawm (nruab nrab ntawm "Chaws" thiab "Tsim")
- Hauv daim ntawv qhia zaub mov, xaiv "Code and Design"
Thaum koj nyob nraum zoo siv Dreamweaver los hloov koj cov HTML code, koj tuaj yeem hloov koj nyiam kom qhib Dreamweaver hauv txoj cai pom los ntawm lub neej ntawd. Qhov yoojyim tshaj yog kom txuag txoj cai pom raws li kev ntshaw. Dreamweaver yuav qhib rau hauv qhov chaw haujlwm zaum kawg uas koj tau siv. Yog hais tias nws tsis zoo, cia li mus rau Qhov Rooj Window, thiab xaiv lub ntshoo koj xav tau.
Saib Kev Xaiv Tsa
Dreamweaver yog li yooj ywm vim nws muaj ntau txoj kev los kho nws thiab ua kom nws ua hauj lwm li koj xav kom nws mus. Nyob rau hauv cov kev xaiv qhov rai, muaj chaws xim, code formatting, code yim pab, thiab txoj cai rewriting koj tau kho. Tab sis koj kuj tuaj yeem hloov tau qee qhov tshwj xeeb hauv kev cai saib nws tus kheej.
Thaum koj nyob hauv txoj cai pom, nws muaj "View Options" nyob rau hauv qhov toolbar. Koj tuaj yeem saib tau cov kev xaiv los ntawm kev nkag mus hauv Cov Ntawv Qhia Saib thiab xaiv "Code View Options." Cov kev xaiv no yog:
- Lo lus muab qhwv - muab cov HTML code kom koj tuaj yeem saib nws tsis tau khij horizontally. Nco ntsoov tias qhov kev xaiv no tsis muab cov ntaub ntawv xa rov qab rau hauv koj cov cai, nws tsuas qhia txog cov cai kom nws nyeem yooj yim dua.
- Kab Naj Npawb - qhia kab zauv raws li ntawm cov cai. Nws qhia tau hais tias ib txoj kab ntawv qhwv cim rau cov kab uas qhwv ntev tshaj qhov pom lub qhov rai.
- Cov Lus Cim - qhia cov cim tshwj xeeb tsis yog cov ntsiab lus uas yuav tso tawm rau ntawm nplooj ntawv web page. Xws li ib qho chaw pauv chaw, ob lub chevron pauv txhua tab, thiab ib lub cim khoom los yog ib qho khoom cim kos rau ntau ntau ntxiv.
- Highlight Invalid Code - highlights HTML uas tsis yog daj. Yog tias koj xaiv daim pib daj, tus kws soj ntsuam khoom yuav qhia rau koj paub tias yuav kho li cas.
- Syntax Coloring - thim rau lossis tawm xim xim ntawm koj cov cai. Koj hloov cov xim ntawm koj cov xim coding nyob rau hauv qhov chaws xim ntawm cov nyiam.
- Pib Indent - ua rau koj cov cai indent tom qab xa rov qab los yog qhov chaws saum toj no nws yog indented. Koj tuaj yeem pauv qhov loj ntawm qhov nyiaj qis los ntawm kev hloov pauv qhov me me hauv cov txheej txheem kev xaiv ntawm qhov kev nyiam.
Editing HTML Code hauv Dreamweaver Code View
Nws yooj yim los hloov HTML cov cim hauv Dreamweaver lub chaws saib. Tsuas pib ntaus koj cov HTML. Tab sis Dreamweaver muab koj nrog ib co extras uas ntev nws dhau ib theem pib HTML editor. Thaum koj pib sau ib cov HTML tag, koj ntaus ntawv <. Yog tias koj nres txoj cai tom qab ntawd, Dreamweaver yuav qhia koj ib qho npe ntawm cov HTML cim npe . Cov no yog hu ua code yim pab. Yuav kom nqaim xaiv, pib ntaus ntawv - Dreamweaver yuav nqes tau cov ntawv teev npe cia rau cov ntawv uas haum rau koj tus kheej li cas.
Yog hais tias koj tshiab rau HTML, koj tuaj yeem hloov los ntawm daim ntawv teev npe HTML thiab xaiv ntau yam los saib seb lawv ua li cas. Dreamweaver tseem yuav txuas ntxiv rau koj tus cwj pwm thaum koj tau ntaus ntawv. Piv txwv, yog koj ntaus ntawv " lossis.
Tab sis txoj cai kev pabcuam tsis xaus ntawm cov cim npe. Koj tuaj yeem siv cov kev pabcuam ntxiv rau kev qhia:
Yog hais tias qhov chaws yim cim tsis pom, koj tuaj yeem tsoo Ctrl-spacebar (Qhov rai) lossis Cmd-spacebar (Macintosh) kom tau txais lawv los tso saib. Qhov laj thawj feem ntau yog vim li cas ib txoj cai hint tsis tuaj yeem tshwm sim yog tias koj hloov mus rau lwm lub qhov rai ua ntej xov tag. Vim hais tias Dreamweaver yog keying tawm typing ntawm lub cim <, yog tias koj tawm hauv lub qhov rais thiab xa rov qab, koj yuav tsum rov tso tawm cov kev qhia yim.
Koj tuaj yeem tua qhov chaws cov lus qhia txog cov ntawv qhia los ntawm kev tsoo qhov yuam kev.
Thaum koj ntaus koj cov ntawv HTML tag lawm, koj yuav tau kaw qhov ntawd. Dreamweaver ua li no rau hauv ntuj txoj kev. Yog tias koj ntaus ntawv "Cov cim Cim Xwm Xaiv uas zoo tshaj plaws uas koj xav tau.
Yog tias koj tsis txaus siab hloov mus rau editing koj cov nplooj ntawv hauv HTML tab sis koj xav saib cov cai raws li nws tau sau, koj yuav tsum sim cov kws ntsuam xyuas cov cai. Qhov no yuav qhib qhov HTML code hauv ib lub qhov rai txawv. Nws ua haujlwm ib yam nkaus li txoj cai saib, thiab, qhov tseeb, yog qhov tseeb ntawm lub qhov rais saib tau qhov rais rau ntawm daim ntawv tam sim no. Qhib cov neeg soj ntsuam xyuas, mus rau qhov rais qhia zaub mov thiab xaiv "Code Inspector" los yog ntaus lub ntsiab F10 ntawm koj cov keyboard.
Dreamweaver yuav tsim HTML code tab sis koj xav nws tso tawm kom pom. Piv txwv, yog tias koj siv 3 tej qhov chaw mus rau qhov chaw, tab sis yeej tsis tau txais cov cim npe IMG, koj tuaj yeem hais meej tias cov lus qhia nyob rau hauv cov cai uas muaj cai xaiv dua tshiab. Tom qab ntawd koj mus rau cov lus qhia ua zaub mov thiab xaiv "Apply Source Formatting." Qhov no yog ib txoj hauv kev zoo kom tau txais txoj cai sau los ntawm lwm tus neeg los ua hom ntawv uas koj paub.
Ib qho feature uas muaj ntau tus HTML coders tsis paub txog los yog tsis siv yog qhov peev xwm mus vau hloo HTML code. Qhov no tsis tshem tawm cov cim npe ntawm daim ntawv, tab sis cia li tshem tawm ntawm lawv saib kom lawv tsis txhob cuam tshuam rau yam koj tab tom ua haujlwm. Kom cev qhuav dej koj cov cai:
- Xaiv qhov seem ntawm cov cai koj xav zais
- Hauv kev txhim kho zaub mov, xaiv "Collapse Selection" los ntawm "Code Collapse" sub-menu
Ib txoj kev yooj yim yog xaiv cov code thiab tom qab ntawd ces nias rau ntawm qhov chaws kab tsim dej uas tshwm sim hauv lub gutter. Koj tseem tuaj yeem nias ntawm qhov chaws xaiv thiab xaiv "Collapse Selection".
Yog tias koj xav zais txhua yam tshwj tsis yog qhov tseem ceeb, xaiv "Collapse Daws Xaiv" nyob rau hauv ib qho ntawm cov qauv saum toj no.
Kom nthuav txoj cai sab nrauv, rub ob zaug nias rau. Qhov no yuav qhib qhov code tuaj thiab xaiv nws. Tom qab ntawd koj tuaj yeem xaiv qhov kev xaiv lossis rho tawm lossis ntxiv cov cim npe ntxiv rau nws.
Koj tuaj yeem siv lub voj voog thiab nthuav dav txhua lub sij hawm ntawm nplooj ntawv uas koj tsis xav hloov cov qauv sab nraud. Koj tsuas yog xaiv cov txheej txheem koj xav hloov thiab cev qhuav dej sab nraum. Tom qab ntawd sau koj cov HTML. Koj tseem tuaj yeem saib cov nplooj ntawv hauv Kev Tsim lossis saib ua ntej hauv qhov browser. Cov txheej txheem tawg yog tsis raug muab tshem tawm ntawm daim ntawv, tsuas muab zais los ntawm saib. Koj tuaj yeem siv nws thaum koj ua haujlwm ntawm cov khoom siv. Thaum twg koj twb tiav lawm, nws lub cev qhuav dej. Koj paub tias koj ua tiav thaum tsis muaj ib qho chaws qhia.