Vam ni treba uporabljati samo WYSIWYG
Dreamweaver je odličen WYSIWYG urejevalnik , vendar če niste zainteresirani za pisanje spletnih strani v "tisto, kar vidite, kaj dobite", lahko še vedno uporabljate Dreamweaver, saj je tudi velik urejevalnik besedil. Vendar pa obstaja veliko funkcij, ki zdrsnejo ob poti v urejevalniku kodiranja Dreamweaver, ker je glavni poudarek na "design view" ali WYSIWYG urejevalnem delu izdelka.
Kako priti do Dreamweaver Code Code
Če v urejevalniku HTML še niste uporabljali Dreamweaver, preden morda niste opazili treh gumbov na vrhu strani: »Koda«, »Split« in »Oblikovanje«. Dreamweaver se zažene privzeto v načinu »Oblikovanje« ali v načinu WYSIWYG. Ampak preprosto je preklopiti na ogled in urejanje HTML kode. Samo kliknite na gumb "Koda". Ali pa pojdite v meni Pogled in izberite »Koda«.
Če se samo učite, kako napisati HTML ali želite, da bi imeli občutek, kako bodo vaše spremembe vplivale na vaš dokument, lahko hkrati odpirate pogled kode in pogled oblikovanja. Lepota te metode je, da lahko uredite tudi v obeh oknih. Tako lahko kodo za slikovno oznako vnesete v HTML in nato uporabite pogled načrta, da ga premaknete na drugo mesto na strani s povleci in spusti.
Če si želite ogledati hkrati, bodisi:
- Kliknite na gumb "Razdeli" (med "Code" in "Design")
- V meniju Pogled izberite "Koda in oblikovanje"
Ko se z urejevalnikom Dreamweaver preprosto urejate vaša HTML koda, lahko spremenite svoje nastavitve, da privzeto odprete Dreamweaver v pogledu kode. Najlažji način je shraniti pogled kode kot delovni prostor. Dreamweaver se odpre v zadnjem delovnem prostoru, ki ste ga uporabljali. Če ne, preprosto pojdite v meni Window in izberite želeni delovni prostor.
Možnosti pogleda kode
Dreamweaver je tako prilagodljiv, ker ima toliko načinov, kako ga prilagoditi in omogočiti, da deluje tako, kot želite. V oknu z možnostmi se lahko prilagodijo barvno kodo, oblikovanje kode, kode namige in možnosti za ponovno kodiranje kode. Tudi v samem pogledu kode lahko spremenite nekatere posebne možnosti.
Ko ste v pogledu kode, je v orodni vrstici gumb »Ogled možnosti«. Možnosti si lahko ogledate tudi tako, da odprete meni »Pogled« in izberete »Možnosti pogleda kode«. Možnosti so:
- Word Wrap - obloga HTML kode, tako da si jo lahko ogledate brez vodoravnega pomikanja. Upoštevajte, da ta možnost v svojo kodo ne vstavlja nobenih povratnih informacij o prevozu, ampak samo prikaže kodo, tako da je lažje brati.
- Številke vrstic - prikaže številke vrstic vzdolž kode. Prikazuje simbol prelomnice za črte, ki se obdajajo dlje od okna za ogled.
- Skrite znaki - prikaže posebne znake namesto presledkov, ki bi se prikazali na spletni strani. Tako kot pika zamenja prostor, dvojni ševron zamenja vsak zavihek, označuje pa se tudi vsaka vrstica.
- Označite neveljavno kodo - označuje HTML, ki ni rumen. Če izberete rumeno oznako, vam bo Property Inspector podaril namige, kako ga popraviti.
- Sintaksa Barvanje - vklopi ali izklopi barvno kodiranje vaše kode. Barve barvnega kodiranja spremenite v razdelku za barvanje kode v nastavitvah.
- Samodejni zamik - samodejno izprazni kodo po vrnitvi, če je zgornja koda nadomeščena. Velikost zamika lahko spremenite tako, da spremenite velikost zavihka v razdelku za oblikovanje kode v nastavitvah.
Urejanje kode HTML v pogledu kode Dreamweaver
HTML kodo je preprosto urejati v pogledu kode Dreamweaverja. Preprosto začnite vnašati svoj HTML. Toda Dreamweaver vam ponuja nekaj dodatkov, ki jih razširjajo preko osnovnega HTML urejevalnika. Ko začnete pisati oznako HTML, vtipkajte <. Če začasno zaustavite takoj po tem znaku, vam Dreamweaver prikaže seznam oznak HTML . Te se imenujejo namigi za kode. Če želite zožiti izbor, začnite vnašati črke - Dreamweaver bo zožil spustni seznam na oznako, ki ustreza tistemu, ki ga vnašate.
Če ste novi v HTML, se lahko pomikate po seznamu oznak HTML in izberete različne, da vidite, kaj počnejo. Dreamweaver vas bo še naprej zahteval za atribute, ko vnesete oznako. Če na primer vtipkate ».
Vendar oznake kode ne končajo z oznakami. Za vstavljanje lahko uporabite namige kode:
Če nasveti za kodo niso prikazani, lahko pritisnete Ctrl-spacebar (Windows) ali Cmd-spacebar (Macintosh), da se jih prikaže. Najpogostejši razlog, zakaj se morda ne prikaže koda, je, če ste pred koncem oznake preklopili na drugo okno. Ker Dreamweaver izključuje tipkanje znaka <, če zapustite okno in se vrnete, boste morali znova zagnati kode namige.
Meni lahko izklopite tako, da pritisnete tipko za izhod v sili.
Ko vnesete začetno HTML oznako, jo boste morali zapreti. Dreamweaver to počne na naraven način. Če vnesete možnost »Zapri zaznamke«, ki najbolj ustreza vašim potrebam.
Če niste povsem pripravljeni, da preklopite na urejanje svojih strani v HTML-u, ampak želite, da si ogledate kodo, kot je napisana, poskusite inšpektorja kode. S tem se odpre koda HTML v ločenem oknu. Deluje tako kot pogled kode, v resnici pa je v bistvu snemljivo okno s pogledom kode za trenutni dokument. Če želite odpreti kodo inšpektorja, pojdite v meni Window in izberite "Code Inspector" ali pa pritisnite tipko F10 na tipkovnici.
Dreamweaver bo oblikoval kodo HTML, vendar bi jo želeli prikazati. Če na primer uporabljate 3 presledke, vendar nikoli ne označite oznak IMG, lahko to obliko zapisujete v možnostih prepisovanja kode. Nato pojdite v meni Komande in izberite »Uporabi oblikovanje virov«. To je odličen način za pridobitev kode, ki jo je napisal nekdo drug v obliki, ki vam je znana.
Funkcija, za katero mnogi kodirniki HTML ne poznajo ali ne uporabljajo, je zmožnost za zlom HTML kode. To ne odstrani oznak iz dokumenta, ampak jih odstranite iz pogleda, tako da ne motijo, na kaj delate. Če želite strniti svojo kodo:
- Izberite del kode, ki ga želite skriti
- V meniju Urejanje izberite podokno »Collapse Selection« iz zbirke »Code Collapse«
Enostavnejši način je, da izberete kodo in nato kliknete ikone sesutja kode, ki se pojavijo v žlebu. Prav tako lahko z desno miškino tipko kliknete izbrano kodo in izberete "Izberi strni izbor".
Če želite skriti vse, razen tistega, kar je poudarjeno, izberite katero koli od zgornjih metod, izberite »Zmanjšaj zunanji izbor«.
Če želite razširiti zrušeno kodo, preprosto dvakrat kliknite na to. To odpre kodo in jo izbere. Nato ga lahko premaknete ali izbrišete ali dodate dodatne oznake.
Na straneh, na katere ne želite urediti zunanje predloge, lahko ves čas uporabljate funkcijo strnjenja in razširitve. Izberete samo področje vsebine, ki ga želite urediti, in kolaps zunaj. Nato napišite svoj HTML. Stran si še vedno lahko ogledate v pogledu Design ali si jo ogledate v brskalniku. Zlomljena koda ni odstranjena iz dokumenta, ki je preprosto skrita od pogleda. Uporabite ga lahko tudi, ko delate na vrsti predmetov. Ko končate z enim, ga strnite. Veš, da si končal, ko ni nobene kode.