Ez duzu WYSIWYG bakarrik erabili
Dreamweaver WYSIWYG editore bikaina da , baina ez baduzu web orri bat idazteko interesa baduzu "ikusten duzuna lortzen duzuna" ingurumena, Dreamweaver-era ere erabil dezakezu testu editore bikaina delako. Baina badirudi Dreamweaver kode-editorearen barruan modua irristatzen duten ezaugarri asko daudeelako, "diseinu-ikuspegia" edo WYSIWYG editore-produktuaren zati nagusia.
Nola sartu Dreamweaver Code View
Dreamweaver-ek HTML editore gisa inoiz erabili ez bazenuen, aurreko orriko hiru botoiak inoiz ez dituztela nabaritu: "Kodea", "Zatitu" eta "Diseinua". Dreamweaver-ek "Diseinuen ikuspegia" edo WYSIWYG moduan lehenetsi egiten du. Baina HTML kodea ikusteko eta editatzeko erraza da. Egin klik "Kodea" botoian. Edo, joan Ikusi menuan eta aukeratu "Kodea".
HTMLa nola idazten ari zaren edo zure aldaketak dokumentua nola eragingo duen jakiteko asmoa baduzu, kode ikuspegia eta diseinu ikuspegia ireki ditzakezu aldi berean. Metodo honen edertasuna bai leihoetan editatu dezakezu bai. Horrela, HTML kodean zure irudi-etiketa kodea idazteko eta diseinuaren ikuspegia erabil dezazun, arrastatu eta askatu orrialdera beste kokaleku batera eramateko.
Bi aldi berean ikusteko, bai:
- Egin klik "Bihurtu" botoian ("Kodea" eta "Diseinua" artean).
- Ikusi menuan, hautatu "Kodea eta diseinua".
Dreamweaver-ekin zure HTML kodea editatzeko eroso sentitzen zarenean, lehentasunak alda ditzakezu Dreamweaver-ek kode-ikuspegian modu lehenetsian irekitzeko. Modu errazena kodea ikuspegia laneko eremu gisa gordetzeko da. Dreamweaver-ek erabiliko zenuen azken lan-arearen barruan irekiko da. Ez bada, joan Leiho menuan eta aukeratu nahi duzun laneko eremua.
Kodea ikusi aukerak
Dreamweaver hain malgua da pertsonalizatzeko modu asko dituelako eta nahi duzun moduan lan egiteko. Aukeren leihoan kodea kodetzeko, kodea formateatzeko, kodearen aholkuak eta kodea berridazteko aukera daude. Baina kode bereziko aukera bereziak ere alda ditzakezu.
Kode ikuspegian zaudenean, tresna-barrako "Ikusi aukerak" botoia aurkituko duzu. Aukerak ere ikus ditzakezu Ikusi menuan sartu eta "Kodea ikusi aukerak" aukeratuz. Aukerak hauek dira:
- Word Wrap- ek HTML kodea biltzen du, horizontalki mugitu gabe ikusi ahal izateko. Kontutan izan aukera honek ez duela karaktere-kodearen edozein txertatzen, kodea bistaratzen du, beraz, errazagoa da irakurtzea.
- Line Zenbakiak - kode lerroan lerro zenbakiak bistaratzen ditu. Lerroen itzulbiratze-ikurra erakusten du lerro-ikuspegira baino luzeagoak diren lerroetarako.
- Ezkutuko karaktereak - karaktere bereziak erakusten ditu, web orri batean bistaratuko diren zuriuneen ordez. Puntu batek espazio bat ordezkatzen duelako, komandoa bikoitza fitxa bakoitzak ordezkatzen du, eta lerro bakoitzeko lerro-markak lerro bakoitzeko lerro bat ordezkatzen du.
- Nabarmendu kode baliogabea: horia ez den HTMLa nabarmentzen da. Etiketa horia hautatzen baduzu, Jabetza Ikuskatzaileak aholkuak emango dizkizu konpontzeko.
- Sintaxia koloreztatzea: kodearen kolore kodifikazioa aktibatu edo desaktibatzen du. Zure kolore kodetze koloreak alda ditzakezu hobespenen kode margotuko atalean.
- Koskaren automatikoa - automatikoki biltzen da zure kodea koska automatikoki itzultzeko, kode hori koska badauka. Koskaren tamaina alda dezakezu hobespenen kodea formatuaren atalaren tamaina aldatuz.
Editatu HTML kodea Dreamweaver Code View-en
HTML kodean editatzeko erraza da Dreamweaver-en kodearen ikuspegian. Zure HTMLa idazten hasi besterik ez duzu. Baina Dreamweaver-ek oinarrizko HTML editore bat hedatzen duen gehigarri batzuk eskaintzen dizkizu. HTML etiketa bat idazten hasten zarenean, idatzi <. Pertsonaia honetatik eten egiten baduzu, Dreamweaver-ek HTML etiketa zerrenda erakutsiko dizu. Hauek kode aholkuak deritze. Hautapena mugatzeko, letrak idazten hasi behar dituzu - Dreamweaver-ek goitibeherako zerrenda txikituko du idazten ari zaren etiketara.
HTML berria bazara, HTML etiketak zerrendan zehar joan zaitezke eta hauta ditzakezu zer diren. Dreamweaver-ek etiketa bat idazterakoan atributuak eskatuko dizkizu. Adibidez, " etiketarekin estekatuko du.
Baina kodeen aholkuak ez dira etiketan amaitzen. Txertatu nahi dituzun kode-aholkuak erabil ditzakezu:
Kodearen iturriak agertzen ez badira, Ktrl-zuriune-barra (Windows) edo Cmd-zuriune-barra (Macintosh) sakatu ditzakezu erakusteko. Arrazoi ohikoena zerga-ikur bat ager dadila ez bada beste etiketa bat piztu baduzu etiketa amaitu baino lehen. Dreamweaver-ek karakterearen idazketa desaktibatzen duenez, leihoan uzteko eta itzultzeko, kodearen aholkuak berriz abiarazi beharko dituzu.
Desaktibatu menuaren menua desaktiba dezakezu ihes tekla sakatuz.
Ireki HTML etiketa idatzi ondoren, itxi egin beharko duzu. Dreamweaver-ek modu naturalean egiten du hori. Zure beharretara ondoen egokitzen diren "Etiketa itxiak" idazten baduzu.
Ez baduzu nahiko prest zure orriak HTMLan editatzeko aldatzeko, baina kodean idatzitakoa ikusi nahi baduzu, kode-ikuskatzailea probatu beharko zenuke. Honek HTML kodea irekitzen du beste leiho batean. Kodearen ikuspegia bezainbatean funtzionatzen du, eta, hain zuzen ere, uneko dokumentuaren ikuspegi desbideragarria den leiho bat da. Kodearen ikuskatzailea irekitzeko, joan Leiho menuan eta aukeratu "Kodearen ikuskatzailea" edo sakatu tekla F10 tekla.
Dreamweaver-ek HTML kodea formateatuko du hala nahi izatekotan. Esate baterako, 3 espazio koska erabiltzen badituzu, baina IMG etiketak ez badituzte inoiz, kodea berrikusteko aukeren formatuko informazioa zehaztu dezakezu. Orduan Komandoak menura joan eta "Aplikatu iturburu-formatua" aukeratu. Modu zoragarri hau besteek idatzitako kodea lortzeko ezaguna den formatuan lortzeko modurik onena da.
HTML kodetzaile askok ez dakite edo ez erabiltzen duten HTML kodea kolapatzeko gaitasuna da. Honek ez du etiketa etiketarik kenduko, baina kendu itzazu ikuspegitik, lanean ari zarenari ez zaitzala axolarik. Zure kodea kolapsatu:
- Hautatu ezkutatu nahi duzun kodearen atala
- Editatu menuan, hautatu "Kolapsoen hautapena" "Kode itxi" azpidirektorioan
Modu errazena kodea hautatzea da eta, gero, kanalean agertzen diren kodeen kolapsoen ikonoak sakatu. Aukeratutako kodea ere egin dezakezu eskuineko botoiaz eta aukeratu "Kolapsoen hautapena".
Guztiak ezkutatzea nahi baduzu, azpimarratu izan ezik , aukeratu "Kolapitu kanpoko hautapena" goiko metodoetako batean.
Kapsulatutako kodea zabaltzeko, klik bikoitza egin ezazu. Honek kodea sortu eta hautatzen du. Ondoren, hautaketa hori mugitu edo ezabatu edo inguruko etiketa gehigarriak gehitzen.
Kanpoko txantiloia editatu nahi ez duzun orrialdeetan kolapsoa eta denbora luzez zabaltzeko erabil dezakezu. Hautatu editatu nahi duzun edukiaren eremua eta kolapsatu kanpoaldea. Ondoren, idatzi zure HTMLa. Orrialdea ikusteko diseinu ikuspegian edo aurrez aurre nabigatzailean ere ikus dezakezu. Kapsulatutako kodea ez da dokumentutik kendu, ikuspegitik ezkutatuta. Elementu sorta batean ari zarenean ere erabil dezakezu. Amaitutakoan, kolapsoa ezazu. Badakizu zuk egiten ari zarenean agertzen den kodea ez dagoela.