Ùn avete aduprà micca solu WYSIWYG
Dreamweaver hè un grande editore WYSIWYG , ma si ùn avete interessatu di scrivere e pagine web in un "ciò chì vede hè ciò chì avete", pò ancu aduverà Dreamweaver, perchè hè ancu un grande editore di testu. Ma sò parechje caratteristiche ch'ella sullivazione da u moddu in l'editore di codice Dreamweaver, chì u focu principalu hè nantu à a "visualizazione di disignu" o l'editore WYSIWYG di u pruduttu.
Cume si mette in Vista di codice Dreamweaver
Se ùn hà mai avutu usatu Dreamweaver cum'è un editore HTML prima pudete avè mai vistutu i trè buttoni in u cima di a pagina: "Code", "Split" è "Design". Dreamweaver ponu accumenza da automaticamente in "Design view" o modalità WYSIWYG. Ma hè faciule fà cambià à visualizà è editene u codice HTML. Fate un clic a "Code". Or, vai in u menu di vista è selezziunate "Codice".
Sì avete imparu à scrive u HTML o vogliu avè un sensu di cumu i vostri mudelli impattanu à u vostru documentu, pudete abbrettule vede chjode è vede cun designu à u stessu tempu. A bellezza di stu metu hè chì pudete edità in i dui Windows. Cusì pudete scrive u codice per a vostra tag in taglia in HTML è uttenuta a vista di designu per trasladallu in un altru locu in a pagina cù arrastrà e dete.
Per vede o menu à sente, sia:
- Cliccate nantu à u "Split" (entre "Code" è "Design")
- In u menu Visualizate, sceglite "Codice è Design"
Quandu si sere còmode cù Dreamweaver per edità u vostru còdici HTML, pudete cambià i vostri preferenzi per avvià Dreamweaver in u codice vedutu da modu predeterminatu. A manera più faciule hè di salvà a vista di u codice cum'è un spaziu di travagliu. U Dreamweaver hà apertu in l'ultimu travagliu chì cercanu. Se ùn avete micca, simpete per andà à u menù Finestra, è sceglite l'articule chì vo vulete.
Opzioni di Vista Code
U so Dreamweaver hè tantu flexitu perchè pare parechje modu di persunalizà è fate u travagliu a manera di vulete. In a finestra di l'opzioni, ci sò codificante di codice, furmatu di còdici, infurmazione di codice, e l'infurmazioni di reagge di scrivu. Ma pudete ancu cambià alcune un scelte cù u so còdice.
Quandu sò in u codice vedale, ci hè un "Vede l'opzioni" in a buttuna di struzzione. Pudete ancu vede l'opzioni viaghjate in u menù di Vede u sceglie "Opzioni di virsioni còdice". L 'opcions sò:
- Word Wrap - garanti u codice HTML per ch'ellu pudete vede senza scrolle horizontale. Innota chì sta scelta ùn inserisce micca alcunu caru in u vostru còdice, quì si mostra u codice per ch'ellu sia più faciule di leghje.
- Line Numbers - Mostra nummuli di linea in u latu di u còdice. Scopre un simbulu di embrionu di linea per i linii chì viaghjeranu più di a finestra di vista.
- Caratteri Sceltu - mostra caratteri spezii inveci di spaziu biancu chì vede in una pagina web. Cum'è un puntitu sustituisci un spaziu, un chevron doppiu sustituisci ogni tabulazione, è un furchetta o un paràgrafu di paragrafi sustituisci ogni line break.
- Cume Codice Invalid - Highlights HTML chì hè micca incorrettu in u giallu. Se selezziunate l'tag giallu, u Prughjettu Pruvisore vi darà pezzi di cumu per rimpiazzà.
- Sintassi di culore - volte o scorri à u codice di u codice di u vostru còdice. Pudete cambià i culori di u vostru codificamentu di u culore in a seccu di colore di u codice di e preferenze.
- Pruvene automatiche - fate u vostru còdianu sse in autumàticu dopu un regnu di carru si u codice sopra hè indiziatu. Pudete cambià u tagliu di l'indizia cambiendu a dimensione di tabulazione in a sección di furmatu di còdice di e preferenze.
Editatu HTML Code in Dreamweaver Code View
Hè facilitu di edità u codice HTML in u codice di u Dreamweaver. Simply begin typing your HTML. Ma Dreamweaver vi rigala cù qualchì estra chì anu estenderu più di un editore HTML di basa. Quandu si scrive una tag HTML, intit .... Se pause right after that character, Dreamweaver vi cunducerete una lista di e tag HTML . Sò chjamati chjassi di codice. Per ristellate a selezzione, principià per scriviri littri - Dreamweaver limurtarà a lista di cullizzioni in a tag chì cendite ciò chì scritta.
Sè vo site novu in HTML, pudete scrollrarà a lista di e tagete HTML è sceglie diverse per vede ciò chì facenu. Dreamweaver continuarà à dumandà per l'attributi una volta chì hà scrittu una tag. Per esempiu, sè vo appiche ".
Ma i prugrammi di codice ùn finiscinu micca in i tags. Pudete utilizà ligame per inserisce:
Se ùn anu micca appuntamentu i codici di codice, pudete chjappà Ctrl-spacebar (Windows) o Cmd-spacebar (Macintosh) per fà per vede. A ragiunità più cumuna per chì un indirizzo di codice ùn puderebbenu esse si hè cambiatu à una finestra diferenza prima di finisce a vostra tag. Perchè u Dreamweaver hè chjappu di i scrittura di u carattere <, s'ellu devi a finestra è u ritornu, avete da rilancià l'infurmazioni di codice.
Pudete scambià i menu di chjassi di u chjucu chjappà a chjappa di scapula.
Una volta chì avete scrittu a vostra etiqueta HTML di apertura, avete bisognu di cercallu. Dreamweaver hà fattu questu modu naturali. Sì scrivele u "Opere Inquiry de tags" per ciò chì viaghja cuncepimentu.
Se ùn avete micca pronto pronta à cambià in l'edizione di i vostri pagine in HTML ma voi piace à vede u còdice cum'è scrittu, avete da pruvà l'insignante di còdice. Questu si apre u còdice HTML in una finestra separata. Funciona cum'è vista di u còdice, è, in fattu, è basu solu una finestra di vista di u codice distaccu per u documentu attuale. Per aperte l'inspectore di còdice, và à u menù Finestra è sceglite "Còspicu", o tuccate a chjave F10 nantu à u vostru keyboard.
I Dreamweaver hà u furmatu còdice HTML, cumu avete vugliutu quì vede. Per esempiu, sè vo avete 3 spazii per indentà, ma micca indentà i tags IMG, pudete specifià chì l'infurmazione di furmatu in l'opere di scrivientu di scrivitevule. Allora andate à a menzione di i Cumeri è sceglite "Applica l'Elementu Funturatu". Questu hè un modu immensu per acquistà un codice scrittu da quarcunu in un furmatu cercatu.
Una funzione chì assai codificatori HTML ùn cunnosci micca o ùn utilizate micca l'abilità di fallu l'HTML code. Questu ùn sguassate i marcati da u documentu, ma solu scancere da vista per ùn avè micca distractu à ciò chì site di travaglià. Per colapsate u vostru còdici:
- Select the section of code you want to hide
- In u menù di l'Editatu, sceglite "Collapse Selection" di u sottupunimu "Cumentu à Collapse"
Una manera più facifica hè di selezziunà u còdice è cliccate nant'à u còdici codice icone chì vede in u canali. Pudete ancu cliccà nant'à u codice sceltu è sceglite "Collapse Selection".
Se vulete ammuccià tuttu apparenze ciò chì hè persunale, sceglite "Cugianu fora di a Selezione" in qualchì u metu di supra.
Per expandà u còdice di colapsatu, simpricamente fate duppiu cliccà. Questu aperta u codice è elisa. Allora pudete aduprà a ssa selezione o sguassate o aghjunghje tagghii à l'altru.
Pudete utilizà u ciaffu è crescate aduprà tutta l'epoca in pagine chì ùn vulete micca edità u mudellu di u situ. Solu sceglite l'area di cuntenutu chì vulete edità è fracassate fora. Pò scrive u vostru HTML. Pudete ancu vede a pagina in a vista di Design o appruntate in un navigatore. U codice sfruttatu ùn hè micca eliminatu da u documentu, solu chì hè abbuvatu di vista. Pudete ancu aduprà à quandu avete travagliatu nantu à una seria d'articuli. Quandu finiscinu una, colapsallu. Sapete chì avete fattu quandu ùn ci hè micca nisun codice chì mostra.