Scríobh Cód HTML i Dreamweaver

Ní gá duit ach WYSIWYG a úsáid

Is iontach eagarthóir WYSIWYG é Dreamweaver, ach mura bhfuil tú ag iarraidh leathanaigh ghréasáin a scríobh i dtimpeallacht "a fheiceann tú cad a fhaigheann tú", is féidir leat Dreamweaver a úsáid mar go bhfuil sé ina eagarthóir téacs iontach. Ach tá a lán gnéithe a sleamhnán ag an mbealach laistigh d'eagarthóir cód Dreamweaver toisc go bhfuil an príomhfhócas ar an "dearcadh deartha" nó ar chuid eagarthóir WYSIWYG den táirge.

Conas a Faigh Isteach ar Dreamweaver Code View

Mura ndearna tú Dreamweaver riamh mar eagarthóir HTML sular nár thug tú faoi deara fiú na trí cnaipí ag barr an leathanaigh: "Cód," "Scoilt," agus "Dearadh." Tosaíonn Dreamweaver de réir réamhshocraithe i "View Design" nó modh WYSIWYG. Ach tá sé éasca aistriú go dtí féachana agus eagarthóireacht ar an gcód HTML. Just cliceáil ar an gcnaipe "Cód". Nó, téigh isteach sa roghchlár View agus roghnaigh "Cód."

Mura bhfuil tú ag foghlaim conas scríobh HTML nó má tá tú ag iarraidh tuiscint a fháil ar an tionchar a bheidh ag do chuid athruithe ar do dhoiciméad, is féidir leat amharc ar chód a oscailt agus d'fhonn a dhearadh ag an am céanna. Is é áilleacht an mhodhanna seo gur féidir leat a chur in eagar sa dá fhuinneog chomh maith. Mar sin, is féidir leat an cód do chlib íomhá a scríobh i HTML agus ansin úsáid an dearcadh deartha chun é a aistriú chuig suíomh eile ar an leathanach le tarraing agus titim.

Chun féachaint ar an dá uair ag an am céanna:

Nuair atá tú compordach ag baint úsáide as Dreamweaver chun do chód HTML a chur in eagar, is féidir leat do chuid roghanna a athrú chun Dreamweaver a oscailt i gcód cód de réir réamhshocraithe. Is é an bealach is éasca ná amharc an chóid a shábháil mar spás oibre. Osclóidh Dreamweaver sa spás oibre deireanach a bhí á úsáid agat. Mura ndéanann sé, téigh go dtí an roghchlár Fuinneog, agus roghnaigh an spás oibre atá uait.

Roghanna Féach an Chóid

Tá Dreamweaver chomh solúbtha toisc go bhfuil a lán bealaí aige chun é a shaincheapadh agus é a dhéanamh ar an mbealach is mian leat é a dhéanamh. I bhfuinneog na roghanna, tá dathú cód, formáidiú cód, leideanna cód, agus roghanna athscríbhneoireachta cód is féidir leat a choigeartú. Ach is féidir leat roinnt roghanna speisialta a athrú laistigh d'fhonn an chóid féin.

Nuair atá tú ag amharc ar chód, tá cnaipe "Roghanna Féach" sa bharra uirlisí. Is féidir leat na roghanna a fheiceáil freisin tríd an roghchlár View agus roghnaigh "Cód View Options". Is iad na roghanna:

Eagarthóireacht Cód HTML i Dreamweaver Code View

Is furasta an cód HTML a chur in eagar i gcód cód Dreamweaver. Níl ort ach tosú ag clóscríobh do HTML. Ach soláthraíonn Dreamweaver roinnt extras duit a leathnaíonn sé thar eagarthóir HTML bunúsach. Nuair a thosaíonn tú ag scríobh clibe HTML, scríobhann tú <. Má shosóidh tú díreach tar éis an charachtair sin, léireoidh Dreamweaver liosta duit de na clibeanna HTML . Tugtar leideanna cód orthu seo. Chun an rogha a chaolú, tús a chur le litreacha clóscríofa - laghdóidh Dreamweaver an liosta anuas ar an gclib a chloíonn leis an méid atá tú ag clóscríobh.

Má tá tú nua go HTML, is féidir leat scrollú tríd an liosta de na clibeanna HTML agus roghnaigh na cinn éagsúla chun a fheiceáil cad a dhéanann siad. Leanfaidh Dreamweaver de bheith ag pras duit tréithe nuair atá tú ag clóscríobh tag. Mar shampla, má tá tú ", agus na clibeanna eile ag tosú le mo dhiaidh sin. Má leanann tú an "m" litir, clóscríobh Dreamweaver leis an gclib .

Ach níl na leideanna cód críochnaithe ag na clibeanna. Is féidir leat leideanna cód a úsáid chun a chur isteach:

Mura léiríonn na leideanna cód, is féidir leat Ctrl-spacebar (Windows) nó Cmd-spacebar (Macintosh) a bhualadh chun iad a thaispeáint. Is é an chúis is coitianta cén fáth nach bhféadfadh leid cód a bheith ann má aistrigh tú go dtí fuinneog eile sula ndéanann tú do chlib a chríochnú. Toisc go bhfuil Dreamweaver ag teastáil as clóscríobh an charachtair <, má fhágann tú an fhuinneog agus filleadh ar ais, beidh ort na leideanna cód a athsheoladh.

Is féidir leat an roghchlár leideanna cód a mhúchadh tríd an eochair éalú a bhualadh.

Nuair atá tú ag clóscríobh do chlib HTML oscailte, beidh ort é a dhúnadh. Déanann Dreamweaver seo ar bhealach nádúrtha. Má chláraíonn tú an rogha "Clibeanna Dún Clibeanna a oireann do do chuid riachtanas is fearr.

Mura bhfuil tú réidh go leor chun athrú a dhéanamh ar do leathanaigh i HTML ach ba mhaith leat an cód a fheiceáil mar atá sé scríofa, ba chóir duit triail a dhéanamh ar an gcigire cód. Osclaíonn sé seo an cód HTML i bhfuinneog ar leith. Oibríonn sé díreach cosúil le féachaint ar chód, agus, go deimhin, go bunúsach tá fuinneog dearcadh cód inbhainte don doiciméad reatha. Chun an cigire cód a oscailt, téigh go dtí an roghchlár Fuinneog agus roghnaigh "Cigire Cód" nó bhuail eochair F10 ar do mhéarchlár.

Cuirfidh Dreamweaver formáid HTML ar fáil, áfach, ba mhaith leat é a thaispeáint. Mar shampla, má úsáideann tú 3 spás le fleasc, ach ní féidir clibeanna IMG a fhliú, ní féidir leat an fhaisnéis sin a fhormáidiú i roghanna athscríbhneoireachta an chóid. Ansin, téann tú chuig an roghchlár Orduithe agus roghnaigh "Iarratas ar Formáidiú Foinse." Is bealach iontach é seo cód a scríobh ag duine eile i bhformáid atá ar eolas agat.

Gné nach bhfuil a fhios ag go leor codálaithe HTML faoi nó nach n-úsáideann sé an cumas cód HTML a thit. Ní fhágann sé seo na clibeanna ón gcáipéis, ach iad a bhaint as an dearcadh ionas nach gcuireann siad isteach ar an méid atá tú ag obair. Chun do chód a thit:

  1. Roghnaigh an t-alt den chód is mian leat a cheilt
  2. Sa roghchlár Edit, roghnaigh "Collapse Selection" ón bhfo-roghchlár "Cód Collapse"

Is é an bealach is éasca an cód a roghnú agus cliceáil ar na deilbhíní tubaiste cód atá le feiceáil sa chnután. Is féidir leat cliceáil díreach ar an gcód roghnaithe agus roghnaigh "Collapse Selection".

Más mian leat gach rud a cheilt ach amháin an méid a bhfuil béim air, roghnaigh "Collapse Outside Selection" in aon cheann de na modhanna thuas.

Chun cód titim a leathnú, cliceáil dúbailte air. Osclaíonn sé seo an cód suas agus roghnaíonn sé é. Ansin, is féidir leat an rogha sin a aistriú nó é a scriosadh nó clibeanna breise a chur timpeall air.

Is féidir leat an tubaiste a úsáid agus gné a leathnú ar fad ar na leathanaigh nach mian leat an teimpléad seachtrach a chur in eagar. Roghnaíonn tú an réimse ábhar a theastaíonn uait a eagrú agus a thitim lasmuigh. Ansin scríobh do HTML. Is féidir leat an leathanach a fheiceáil in amharc Deartha nó réamhamharc a dhéanamh air i mbrabhsálaí. Ní dhéantar an cód titim as an doiciméad, ach i bhfolach ón amharc. Is féidir leat é a úsáid freisin nuair a bhíonn tú ag obair ar shraith míreanna. Nuair a bheidh tú críochnaithe agat, é a thit. Tá a fhios agat go bhfuil tú déanta nuair nach bhfuil aon chód ag taispeáint.