Ju nuk duhet të përdorni vetëm WYSIWYG
Dreamweaver është një redaktor i shkëlqyeshëm WYSIWYG , por nëse nuk jeni të interesuar të shkruani faqet e internetit në një mjedis "atë që shihni është ajo që ju merrni", ju mund të përdorni ende Dreamweaver sepse është gjithashtu një redaktor i mirë i tekstit. Por ka shumë karakteristika që kalojnë nga buzë rruge në kuadër të redaktorit të kodit Dreamweaver, sepse fokusi primar është në "pamjen e dizajnit" ose në pjesën e redaktuesit WYSIWYG të produktit.
Si të hyni në Dreamweaver Code View
Nëse nuk e keni përdorur Dreamweaver si një redaktues HTML përpara se të mos keni vënë re edhe tre butonat në krye të faqes: "Kodi", "Split" dhe "Dizajni". Dreamweaver fillon nga parazgjedhja në "Pamje të projektimit" ose në modalitetin WYSIWYG. Por është e lehtë të kalosh tek shikimi dhe redaktimi i kodit HTML. Thjesht klikoni në butonin "Kodi". Ose, shkoni në menynë Shiko dhe përzgjidhni "Kod".
Nëse jeni vetëm duke mësuar se si të shkruani HTML ose dëshironi të kuptoni se si ndryshimet tuaja do të ndikojnë në dokumentin tuaj, ju mund të hapni pamje të kodit dhe pamje të dizajnit në të njëjtën kohë. Bukuria e kësaj metode është që ju mund të redaktoni edhe në të dy dritaret. Kështu që mund të shkruani kodin për imazhin tuaj të imazhit në HTML dhe pastaj të përdorni pamjen e dizajnit për ta zhvendosur në një vend tjetër në faqe me drag and drop.
Për të parë të dyja në një herë, ose:
- Klikoni në butonin "Split" (midis "Kodit" dhe "Dizajnit")
- Në menunë View, zgjidhni "Code and Design"
Pasi të jeni të kënaqur me përdorimin e Dreamweaver për të redaktuar kodin HTML, mund të ndryshoni preferencat tuaja për të hapur Dreamweaver në pamjen e kodit sipas parazgjedhjes. Mënyra më e lehtë është ruajtja e pamjes së kodit si hapësirë pune. Dreamweaver do të hapet në hapësirën e fundit të punës që po përdorni. Nëse jo, thjesht shkoni te menyja e dritares dhe zgjidhni hapësirën e punës që dëshironi.
Opsione të shikimit të kodit
Dreamweaver është kaq fleksibël sepse ka kaq shumë mënyra për të rregulloje atë dhe ta bëjë atë të funksionojë ashtu siç dëshiron. Në dritaren e opsioneve, ekzistojnë ngjyrosje kodesh, formësimin e kodeve, lë të kuptohet kod, dhe opsionet e rishkrimit të kodit që mund të përshtateni. Por gjithashtu mund të ndryshoni disa mundësi të veçanta brenda pamjes së kodit vetë.
Pasi të jeni në shikimin e kodit, ekziston një buton "Shikoni opsionet" në shiritin e veglave. Gjithashtu mund t'i shikoni opsionet duke shkuar në menunë Pamja dhe duke zgjedhur "Opsione të shikimit të kodeve". Mundësitë janë:
- Përfundimi i fjalëve - përfundon kodin HTML në mënyrë që ta shihni atë pa lëvizur horizontalisht. Vini re se ky opsion nuk fut ndonjë kthim karroce në kodin tënd, thjesht tregon kodin në mënyrë që të jetë më e lehtë për tu lexuar.
- Numrat e linjës - tregon numrat e vijave përgjatë anës së kodit. Tregon një simbol të mbylljes së linjës për linjat që përfundojnë më shumë se dritarja e pamjes.
- Figurë të fshehur - shfaq karaktere speciale në vend të hapësirës së bardhë që do të shfaqet në një faqe interneti. Të tilla si një pikë zëvendëson një hapësirë, një vorbull i dyfishtë zëvendëson çdo tab, dhe një shtyllë ose shtresë paragrafi zëvendëson çdo ndërprerje të linjës.
- Thekso kodin e pavlefshëm - thekson HTML që është i pasaktë në të verdhë. Nëse zgjidhni tagun e verdhë, Inspektori i Pronës do t'ju japë sugjerime se si ta rregulloni atë.
- Ngjyrosja e sintaksës - çaktivizon ose fik kodin e kodimit të kodit. Ju ndryshoni ngjyrat e kodimit tuaj me ngjyrë në seksionin e ngjyrosjes së kodit të preferencave.
- Indentimi automatik - e bën kodin tuaj të germave automatikisht pas kthimit të një karroceje nëse kodi sipër tij është i prerë. Ju mund të ndryshoni madhësinë e indentit duke ndryshuar madhësinë e skedës në seksionin e formatimit të kodit të preferencave.
Redaktimi i kodit HTML në Dreamweaver Code View
Është e lehtë të ndryshosh kodin HTML në pamjen e kodit të Dreamweaver. Thjesht filloni të shtypni HTML-in tuaj. Por Dreamweaver ju ofron disa ekstra që e shtrijnë atë përtej një redaktori bazë HTML. Kur filloni të shkruani një tag HTML, shkruani <. Nëse ndaloni menjëherë pas atij karakteri, Dreamweaver do t'ju tregojë një listë të tags HTML . Këto quhen shenja të kodit. Për të kufizuar përzgjedhjen, filloni të shkruani letra - Dreamweaver do të kufizojë listën e zbritjes në tag që përputhet me atë që shtypni.
Nëse jeni i ri në HTML, mund të lëvizni nëpër listën e etiketave HTML dhe zgjidhni ato të ndryshme për të parë se çfarë bëjnë ata. Dreamweaver do të vazhdojë t'ju shtyjë për atributet pasi të keni shtypur një etiketë. Për shembull, nëse shkruan ".
Por lë të kuptohet se kodi nuk përfundon në etiketat. Ju mund t'i përdorni shenjat e kodit për të futur:
Nëse shenjat e kodit nuk shfaqen, mund të goditni Ctrl-spacebar (Windows) ose Cmd-spacebar (Macintosh) për t'i nxjerrë ato për t'u shfaqur. Arsyeja më e zakonshme pse një aluzion kod nuk mund të shfaqet është nëse kaloni në një dritare tjetër para se të përfundoni tagun. Për shkak se Dreamweaver po heq dorë nga shtypja e karakterit <, nëse e lëshon dritaren dhe kthehesh, do të duhet të rifillosh sugjerimet e kodeve.
Mund të çaktivizoni menunë e lë të kupton kodin duke goditur çelësin e shpëtimit.
Pasi të keni shtypur tagun tuaj të hapjes HTML, do t'ju duhet ta mbyllni. Dreamweaver e bën këtë në mënyrë të natyrshme. Nëse shtypni opsionin "Mbylle etiketat" që i përshtatet më së miri nevojave tuaja.
Nëse nuk jeni gati të kaloni në redaktimin e faqeve tuaja në HTML, por dëshironi të shihni kodin siç është shkruar, duhet të provoni inspektorin e kodit. Kjo hap kodin HTML në një dritare të veçantë. Punon ashtu si pamja e kodit, dhe, në fakt, është në thelb një dritare e shikimit të kodit të shkëputur për dokumentin aktual. Për të hapur inspektorin e kodeve, shkoni te menyja e dritares dhe zgjidhni "Kodi Inspektori" ose shtypni butonin F10 në tastierën tuaj.
Dreamweaver do të format kodin HTML megjithatë ju dëshironi që ajo shfaqet. Për shembull, nëse përdorni 3 hapësira për të futur, por asnjëherë nuk futni etiketat IMG, mund të specifikoni informacionin e formatimit në opsionet e rishkrimit të kodit. Pastaj shkoni te menyja Komandat dhe zgjidhni "Apliko formimin e burimit". Kjo është një mënyrë e shkëlqyer për të marrë kodin e shkruar nga dikush tjetër në një format të njohur për ju.
Një tipar që shumë coders HTML nuk dinë për ose nuk përdorin është aftësia për të shemb kodin HTML. Kjo nuk heq tags nga dokumenti, por vetëm hiqni ato nga shikimi në mënyrë që ata nuk janë të hutuar për atë që ju jeni duke punuar. Për të rrëzuar kodin tënd:
- Përzgjidhni seksionin e kodit që dëshironi të fshihni
- Në menynë Edit, zgjidhni "Collapse Selection" nga nën-menyja "Collapse Code"
Një mënyrë më e lehtë është të zgjidhni kodin dhe pastaj të klikoni në ikonat e kolapsit të kodit që shfaqen në hendek. Ju gjithashtu mund të klikoni në të djathtë në kodin e zgjedhur dhe zgjidhni "Përzgjedhja e kolapsit".
Nëse doni të fshehni gjithçka veç asaj që është theksuar, zgjidhni "Collapse Outside Selection" në ndonjë nga metodat e mësipërme.
Për të zgjeruar kodin e shembur, thjesht kliko dy herë mbi të. Kjo hap kodin dhe zgjedh atë. Atëherë mund të lëvizni atë përzgjedhje ose ta fshini ose të shtoni tags shtesë rreth tij.
Ju mund të përdorni kolapsin dhe zgjerimin e funksionit gjatë gjithë kohës në faqet ku nuk dëshironi të redaktoni template të jashtme. Ju vetëm zgjidhni zonën e përmbajtjes që dëshironi të redaktoni dhe të rrëzohet jashtë. Pastaj shkruani HTML tuaj. Ju mund ta shihni ende faqen në pamjen e Projektimit ose ta shihni atë në një shfletues. Kodi i shembur nuk hiqet nga dokumenti, thjesht i fshehur nga pamja. Gjithashtu mund ta përdorni kur jeni duke punuar në një seri artikujsh. Kur të keni mbaruar një, rrëzoni atë. Ju e dini që jeni bërë kur nuk shfaqet ndonjë kod.