Jūs neturite naudoti tik "WYSIWYG"
"Dreamweaver" yra puikus " WYSIWYG" redaktorius , tačiau jei jus domina rašyti tinklalapius "aplinkoje, ką matote yra tai, ką gaunate", vis tiek galite naudoti " Dreamweaver", nes tai taip pat puikus teksto redagavimo priemonė. Tačiau "Dreamweaver" kodo redaktoriuje yra daugybė funkcijų, kurios dažniausiai paslydo, nes pagrindinis dėmesys skiriamas "dizaino rodinyje" arba produkto WYSIWYG redaktoriaus daliai.
Kaip patekti į "Dreamweaver" kodo vaizdą
Jei niekada nenaudojote "Dreamweaver" kaip HTML redaktoriaus, kol niekada net nepastebėjote trijų mygtukų puslapio viršuje: "Kodas", "Skirtas" ir "Dizainas". "Dreamweaver" paleidžiamas pagal numatytuosius nustatymus "Dizaino rodinyje" arba "WYSIWYG" režime. Tačiau lengvai pereiti prie HTML kodo peržiūros ir redagavimo. Tiesiog spustelėkite mygtuką "Kodas". Arba eikite į "View" meniu ir pasirinkite "Code".
Jei mokate rašyti HTML ar norite sužinoti, kaip jūsų pakeitimai turės įtakos jūsų dokumentui, galite vienu metu atidaryti kodo peržiūrą ir dizaino vaizdą. Šio metodo grožis yra tas, kad jūs galite redaguoti ir iš vieno lango. Taigi HTML galite įrašyti savo vaizdo žymos kodą, tada naudokite dizaino vaizdą, kad perkeltumėte jį į kitą puslapio vietą su vilkimo ir perkėlimo funkcija.
Jei norite peržiūrėti vienu metu:
- Paspauskite mygtuką "Split" (tarp "Kodo" ir "Design")
- Meniu Rodinys pasirinkite "Kodas ir dizainas"
Kai jaučiatės patogus "Dreamweaver" redaguoti savo HTML kodą, galite pakeisti nustatymus, kad numatytuoju būdu atidarytumėte Dreamweaver kodo peržiūrą. Lengviausias būdas išsaugoti kodo vaizdą kaip darbo vietą. "Dreamweaver" atidarys paskutinę jūsų naudojamą darbo vietą. Jei taip nėra, tiesiog eikite į "Window" meniu ir pasirinkite norimą darbo vietą.
Kodo peržiūros parinktys
"Dreamweaver" yra toks lankstus, nes turi tiek daug būdų, kaip jį pritaikyti ir pritaikyti tai taip, kaip to nori. Parinkčių lange yra kodo spalvos, kodo formatavimas, kodo užuominos ir kodo perrašymo parinktys, kurias galite koreguoti. Tačiau taip pat galite keisti tam tikras specialias parinktis pačiame kodo rodinyje.
Kai esate kodo rodinyje, įrankių juostoje yra mygtukas "Rodyti parinktis". Taip pat galite peržiūrėti parinktis, eikite į meniu Rodymas ir pasirinkite "Kodo peržiūros parinktys". Pasirinkimai yra:
- Word Wrap - apvyniojama HTML kodą, kad galėtumėte peržiūrėti jį be horizontalaus slinkimo. Atkreipkite dėmesį, kad ši parinktis į savo kodą neįtraukia jokio vežimėlio grąžinimo, o tik parodo kodą, kad jį būtų lengviau skaityti.
- Linijos numeriai - eilutės numeriai rodomi šalia kodo. Tai rodo eilutės apvyniojimo simbolį linijoms, kurios apvyniojamos ilgiau nei peržiūros langas.
- Paslėpti simboliai - rodomi specialūs simboliai, o ne tarpai, kurie rodomi tinklalapyje. Pavyzdžiui, taškas pakeičia erdvę, dviguba chevron pakeičia kiekvieną skirtuką, o pilkrokas ar pastraipos žymeklis pakeičia kiekvieną eilutę.
- Pažymėkite Neteisingas kodas - atkreipia dėmesį į neteisingą HTML geltoną spalvą. Jei pasirinksite geltoną žymą, nuosavybės inspektorius pateiks patarimų, kaip tai išspręsti.
- Spalvų sintaksė - įjungia arba išjungia kodo spalvų kodavimą. Jūs keičiate savo spalvų kodavimo spalvas pasirinkčių spalvų kodo skyriuje.
- Auto Indent ( automatinis indentas) - automatiškai įvedus kodą po korekcijos grąžinimo, jei virš jo esantis kodas yra įtraukiamas. Galite pakeisti taško dydį, pakeisdami skirtukų dydį į parinkčių skirsnį kodo formatavimo.
HTML kodo redagavimas "Dreamweaver" kodo rodinyje
"Dreamweaver" kodo rodinyje lengva redaguoti HTML kodą. Tiesiog pradėkite rašyti savo HTML. Tačiau "Dreamweaver" suteikia jums papildomų priedų, kurie išplečia jį per pagrindinį HTML redaktorių. Kai pradėsite rašyti HTML žymą, įveskite <. Jei pristabdysite iškart po šio simbolio, "Dreamweaver" parodys jums HTML žymų sąrašą. Tai vadinami kodo užuominomis. Norėdami susiaurinti pasirinkimą, pradėkite rašyti raides - "Dreamweaver" susiaurins išskleidžiamąjį sąrašą prie žymos, atitinkančios tai, ką rašote.
Jei esate naujas HTML vartotojas, galite peržiūrėti HTML žymų sąrašą ir pasirinkti įvairius, kad pamatytumėte, ką jie daro. Dreamweaver ir toliau jus paragins, kai įvesite žymą. Pavyzdžiui, jei įvedate ".
Tačiau kodo užuominos neužbaigiamos žymėse. Galite naudoti kodo patarimus, norėdami įterpti:
Jei kodo užuominos neatsiranda, galite paspausti "Ctrl" tarpo klavišą ("Windows") arba "Cmd" tarpo klavišą ("Macintosh"), kad juos būtų galima rodyti. Dažniausia priežastis, kodėl kodo užuominą gali nepasirodyti, yra tai, jei prieš baigdami žymą pereidavote prie kito lango. Kadangi "Dreamweaver" įveda simbolio rašymą <, jei paliksite langą ir grąžinsite, turėsite iš naujo paleisti kodo užuominas.
Galite išjungti kodo patarimų meniu, pataikydami į pabėgimo klavišą.
Įvesdami savo HTML HTML žymą, turėsite ją uždaryti. "Dreamweaver" tai daro natūraliu būdu. Jei įveskite "Uždarykite žymes", kuri geriausiai tinka jūsų poreikiams.
Jei nesate pasiruošę pereiti prie HTML puslapių redagavimo, bet norėtumėte žiūrėti kodą, kaip parašyta, turėtumėte pabandyti kodo inspektorių. Tai atidaro HTML kodą atskirame lange. Tai veikia taip pat, kaip kodo vaizdas, ir tai iš esmės yra nuimamas kodo peržiūros langas dabartiniam dokumentui. Norėdami atidaryti kodo inspektorių, eikite į "Window" meniu ir pasirinkite "Code Inspector" arba spustelėkite klaviatūros klavišą F10.
Dreamweaver formatuos HTML kodą, tačiau norėtumėte, kad jis būtų rodomas. Pvz., Jei naudojate 3 tarpus, kad įtrauktumėte, bet niekada nenukryptų IMG žymes, galite nurodyti kodavimo perrašymo parinkčių formatavimo informaciją. Tada eikite į komandų meniu ir pasirinkite "Taikyti šaltinio formatavimą". Tai puikus būdas gauti kito asmens parašytą kodą į jums žinomą formą.
Funkcija, kurią daugelis HTML koduotojų nežino ar nenaudoja, yra galimybė sutraukti HTML kodą. Tai nepašalina žymes iš dokumento, bet tiesiog pašalina juos iš žvilgsnio, kad nebūtų blaškomi tai, su kuo dirbate. Sutraukti savo kodą:
- Pasirinkite kodo dalį, kurią norite paslėpti
- Meniu Redagavimas pasirinkite "Sutraukti pasirinkimą" iš submeniu "Kodas Sutraukti"
Paprastesnis būdas yra pasirinkti kodą ir tada spragtelėti ant kodo sutraukti piktogramose esančias piktogramas. Taip pat galite dešiniuoju pelės mygtuku spustelėkite pasirinktą kodą ir pasirinkite "Sutraukti pasirinkimą".
Jei norite paslėpti viską, išskyrus tai, kas paryškinta, naudokite bet kurį iš aukščiau aprašytų metodų "Sutraukti išorinę parinktį".
Norėdami išplėsti sugadintą kodą, tiesiog dukart spustelėkite jį. Tai atveria kodą ir pasirenka jį. Tada galite perkelti šį pasirinkimą arba jį ištrinti arba pridėti papildomų žymių.
Visą laiką galite naudoti žlugimo ir išplėtimo funkciją tose svetainėse, kuriose nenorite redaguoti išorinio šablono. Jūs tiesiog pasirinkite turinio sritį, kurią norite redaguoti ir žlugti išorėje. Tada parašyk savo HTML. Vis tiek galite peržiūrėti puslapį Dizaino vaizde arba peržiūrėti jį naršyklėje. Sugadintas kodas nepašalinamas iš dokumento, tiesiog paslėptas nuo peržiūros. Taip pat galite jį naudoti, kai dirbate su keletu elementų. Kai baigsite vieną, sutraukite jį. Jūs žinote, kad baigėte, kai nerodomas kodas.