Jums nav jālieto tikai WYSIWYG
Dreamweaver ir lielisks WYSIWYG redaktors , taču, ja jūs nevēlaties rakstīt tīmekļa lapas "redzamajā vietā ir tas, ko jūs saņemat" vide, joprojām varat izmantot Dreamweaver, jo tas ir arī lielisks teksta redaktors. Bet Dreamweaver koda redaktorā ir daudz pazīmju, kas paslīd uz ceļa, jo galvenā uzmanība tiek pievērsta produkta "dizaina skata" vai WYSIWYG redaktora daļai.
Kā nokļūt Dreamweaver koda skatā
Ja jūs nekad neesat izmantojis Dreamweaver kā HTML redaktoru, pirms jūs, iespējams, nekad neesat pamanījis trīs pogas lapas augšdaļā: "Kods", "Split" un "Design". Dreamweaver palaiž pēc noklusējuma "Dizaina skats" vai WYSIWYG režīmā. Bet ir viegli pāriet uz HTML koda skatīšanu un rediģēšanu. Vienkārši noklikšķiniet uz pogas "Kods". Vai arī dodieties uz izvēlni Skats un izvēlieties "Kods".
Ja jūs vienkārši mācāties rakstīt HTML vai vēlaties uzzināt, kā jūsu izmaiņas ietekmēs jūsu dokumentu, varat vienlaikus atvērt koda skatu un dizaina skatu. Šīs metodes skaistums ir tāds, ka jūs varat rediģēt arī abos logos. Tātad jūs varat rakstīt savu attēla taga kodu HTML formātā un pēc tam izmantot dizaina skatu, lai to pārvietotu uz citu lapu ar vilkšanas un nomešanas vietām.
Lai apskatītu abus vienlaikus, vai nu:
- Noklikšķiniet uz pogas "Sadalīt" (starp "Kodu" un "Design")
- Izvēlnē Skats izvēlieties "Kods un dizains"
Kad esat apmierināts ar Dreamweaver, lai rediģētu savu HTML kodu, varat mainīt savas preferences, lai pēc noklusējuma atvērtu Dreamweaver koda skatā. Visvienkāršākais veids ir saglabāt koda skatu kā darba vietu. Dreamweaver tiks atvērts pēdējā darbvietā, kuru izmantojāt. Ja tas nenotiek, vienkārši dodieties uz izvēlni Logs un izvēlieties vajadzīgo darbvietu.
Kodu skata opcijas
Dreamweaver ir tik elastīgs, jo tam ir tik daudz veidu, kā to pielāgot un darboties tā, kā vēlaties. Opciju logā ir koda krāsojums, koda formatēšana, koda ieteikumi un kodu pārrakstīšanas iespējas, kuras jūs varat pielāgot. Bet jūs arī varat mainīt dažas īpašas opcijas pašā koda skatā.
Kad esat redzējis kodu, rīkjoslā ir poga "Skatīt opcijas". Varat arī apskatīt opcijas, dodoties uz izvēlni Skats un izvēloties "Koda apskates opcijas". Iespējas ir šādas:
- Word Wrap - iesaiņo HTML kodu, lai to varētu apskatīt bez ritināšanas horizontāli. Ņemiet vērā, ka šajā opcijā nav iekļauts neviens kods, kas atgriež kodu, tas vienkārši parāda kodu, lai to būtu vieglāk lasīt.
- Rindu numuri - koda pusē tiek parādīti rindu numuri. Tas parāda līnijas aplaušanas simbolu līnijām, kuras aptver ilgāk par skatīšanas logu.
- Slēptās rakstzīmes - tiek parādītas speciālas rakstzīmes, nevis atstarpē, kas parādās tīmekļa lapā. Piemēram, punkts aizvieto atstarpi, dubultā ševrona aizstāj katru cilni, un katra līnijas pārtraukšana aizstāj lodziņu vai punktu marķieri.
- Iezīmējiet nederīgu kodu - izceļ HTML, kas ir nepareizs dzeltenā krāsā. Ja izvēlaties dzelteno atzīmi, īpašuma inspektors sniegs padomus, kā to novērst.
- Sintakse Krāsošana - ieslēdz vai izslēdz koda krāsu kodēšanu. Jūs maināt krāsu kodēšanas krāsas preferenču krāsu koda sadaļā.
- Automātiska atkāpe - koda ievilkums tiek automātiski pagriezts pēc atgriešanas, ja kods virs tā ir ievilkts. Varat mainīt ievilkuma izmēru, mainot cilnes lielumu, kas atrodas preferenču sadaļas kods.
HTML koda rediģēšana Dreamweaver koda skatā
Dreamweaver koda skatā ir viegli rediģēt HTML kodu. Vienkārši sāciet rakstīt savu HTML. Bet Dreamweaver piedāvā dažas papildierīces, kas paplašina to ārpus vienkārša HTML redaktora. Kad sākat rakstīt HTML tagu, jūs ierakstiet <. Ja jūs apstājieties tūlīt pēc šī rakstzīmes, Dreamweaver parādīs jums sarakstu ar HTML tagiem . Tos sauc par koda ieteikumiem. Lai sašaurinātu atlasi, sāciet rakstīt burtus - Dreamweaver sašaurinās nolaižamo sarakstu ar tagu, kas atbilst jūsu rakstītajam.
Ja esat jauns HTML lietotājs, varat ritināt HTML tagu sarakstu un izvēlēties dažādus, lai redzētu, ko viņi dara. Dreamweaver turpinās piedāvāt atribūtus, tiklīdz esat ievadījis tagu. Piemēram, ja jūs ierakstiet ".
Bet koda ieteikumi neaptver tagus. Jūs varat izmantot kodu padomus, lai ievietotu:
Ja koda ieteikumi neparādās, varat nospiest Ctrl-atstarpes taustiņu (Windows) vai Cmd-atstarpes taustiņu (Macintosh), lai tos rādītu. Visbiežāk sastopamais iemesls, kāpēc koda padoms var netikt parādīts, ir tas, ja pāriet uz citu logu, pirms esat pabeidzis atzīmi. Tā kā Dreamweaver maina rakstzīmju rakstīšanu <, ja atstājat logu un atgriezīsit, jums būs atkārtoti jāievada koda ieteikumi.
Jūs varat izslēgt koda ieteikumu izvēlni, peldot aizbīdes taustiņu.
Kad esat ievadījis atvērto HTML tagu, jums tas būs jāaizver. Dreamweaver to dara dabiski. Ja jūs ievadāt opciju "Aizvērt tagus", kas vislabāk atbilst jūsu vajadzībām.
Ja neesat gatavs pārslēgties uz HTML lapu rediģēšanu, bet vēlaties skatīties kodu, kā tas ir rakstīts, jums vajadzētu izmēģināt kodu inspektoru. Tas atver HTML kodu atsevišķā logā. Tas darbojas tāpat kā koda skats, un faktiski pamatā ir noņemams koda skata logs pašreizējam dokumentam. Lai atvērtu kodu inspektoru, dodieties uz izvēlni Logs un izvēlieties "Code Inspector" vai nospiediet tastatūras taustiņu F10.
Dreamweaver formatēs HTML kodu, tomēr jūs vēlētos, lai tas tiktu parādīts. Piemēram, ja jūs izmantojat 3 atstarpes, lai atkāptos, bet nekad nenoņemtu IMG tagus, jūs varat norādīt šo formatēšanas informāciju koda pārrakstīšanas opcijās. Pēc tam dodieties uz komandu izvēlni un izvēlieties "Lietot avota formatēšanu". Tas ir lielisks veids, kā iegūt kodu, ko kāds cits ir veidojis jums pazīstamā formātā.
Funkcija, kuru daudzi HTML kodētāji nezina vai neizmanto, ir spēja sabrukt HTML kodu. Tas nenoņem tagus no dokumenta, bet vienkārši noņem tos no skata, lai tie netiktu novērsti, kā jūs strādājat. Lai sakļautu kodu:
- Atlasiet koda daļu, kuru vēlaties paslēpt
- Izvēlnē Rediģēt izvēlieties "Sakļaut atlasi" no apakšizvēlnes "Kodu sabrukšana"
Vieglāk ir izvēlēties kodu un pēc tam noklikšķināt uz koda sabrukšanas ikonām, kas parādās notekcaurulē. Varat ar peles labo pogu noklikšķināt uz izvēlēto kodu un izvēlēties "Sakļaut atlasi".
Ja vēlaties slēpt visu, izņemot to, kas ir izcelts, izvēlieties "Sakļaut ārēju atlasi" kādā no iepriekš minētajām metodēm.
Lai paplašinātu sabrukušo kodu, vienkārši veiciet dubultklikšķi uz tā. Tas atver kodu un izvēlas to. Tad jūs varat pārvietot šo izvēli vai dzēst to vai pievienot papildu tagus ap to.
Visu laiku varat izmantot sabrukumu un paplašināt funkciju lapās, kurās nevēlaties rediģēt ārējo veidni. Jūs vienkārši atlasiet tā satura apgabalu, kuru vēlaties rediģēt un sabrukt ārpus. Tad uzrakstiet savu HTML. Jūs joprojām varat skatīt lapu dizaina skatā vai priekšskatīt to pārlūkprogrammā. Sabrukušais kods netiek noņemts no dokumenta, tas vienkārši tiek paslēpts no skata. Varat to arī izmantot, kad strādājat ar vairākiem vienumiem. Kad esat pabeidzis vienu, sabruks to. Jūs zināt, ka esat pabeidzis, ja nav parādīts kods.