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 Kods poga Vai arī dodieties uz Skats izvēlieties 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 Sadalīt poga (starp Kods un Dizains).
- Iekš Skats Izvēlne, 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, ir a Skatīt opcijas pogu rīkjoslā. Jūs varat arī apskatīt opcijas, dodoties uz Skats izvēlni un izvēli Kodu skata opcijas. Iespējas ir šādas:
- Vārda aplauzums - aplauzts HTML kods, lai to varētu apskatīt, ritinot 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.
- Līnijas numuri - parāda līniju numurus koda pusē. Tas parāda līnijas aplaušanas simbolu līnijām, kuras aptver ilgāk par skatīšanas logu.
- Slēptās rakstzīmes - parāda īpašas rakstzīmes, nevis atstarpi, 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.
- Sintakses 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 - padara jūsu kodu atkārtotu automātiski pēc pārvadāšanas atgriešanās, 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 rakstāt <. 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 rakstāt <>Dreamweaver nokritīsies uz HTML tag, kopā ar citiem tagiem, kas sākas ar es sekoju. Ja turpināsit, ierakstot burtu mDreamweaver sašaurinās to līdz tag
Bet koda ieteikumi neaptver tagus. Jūs varat izmantot kodu padomus, lai ievietotu:
- HTML atribūti
- Klases un ID nosaukumi
- CSS īpašības
Ja koda ieteikumi neparādās, varat nospiest Ctrl-atstarpes taustiņš (Windows) vai Cmd-atstarpes taustiņš (Macintosh), lai tos parā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īsities, jums būs jāatsāk 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 Aizveriet atzīmes 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 Logu Izvēlieties un izvēlieties Kodu inspektors vai nospiediet F10 tastatūras taustiņš.
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. Tad jūs dodaties uz Komandas Izvēlieties un izvēlieties Pieteikties avota formatēšanai. 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.
- Iekš Rediģēt Izvēlne, izvēlieties Sakļaut atlasi no Koda sabrukums apakšizvēlne
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ētā koda un izvēlēties Sakļaut atlasi.
Ja jūs vēlaties slēpt visu izņemot kas ir izcelts, izvēlēties Sakļaut ārpus atlasi jebkurā 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 Dizains apskatīt 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.
