Lihtne ja mugav html-redaktor. Visuaalne HTML-i redaktor

Lastele mõeldud palavikuvastaseid ravimeid määrab lastearst. Aga palaviku puhul on hädaolukordi, kui lapsele tuleb kohe rohtu anda. Siis võtavad vanemad vastutuse ja kasutavad palavikualandajaid. Mida on lubatud imikutele anda? Kuidas saate vanematel lastel temperatuuri alandada? Millised ravimid on kõige ohutumad?

Visuaalne HTML- Macromedia Dreamweaveriga sarnane redaktor, kuid täiesti tasuta. Suurepärane tööriist algajatele, kes alles hakkavad veebisaitide loomise teadust omandama.

Miks ta on hea? Jah, see, et veebilehe loomiseks ei pea pead vaevama veebi programmeerimiskeelte õppimisega. Sisestate lihtsalt teksti, sisestate pilte või animatsioone ja NVU hoolitseb kogu selle HTML-vormingus "määrdunud" töö eest.

Nüüd on teie käsutuses foorum. Sildid on esile tõstetud ja saate igal ajal korraga näha nii visuaalset redaktorit kui ka koodiredaktorit. Kirjutatud kood on sorteeritud reanumbrite järgi ja nuppude abil saab läbi lihtsa puustruktuuri peita või kuvada konkreetses sildis sisalduvaid koodiosi.

Te ei vaja enam arvutit, kuid saate teha muudatusi kohe pärast faili kättesaamist ja kõikjal. Seda saab kasutada ka lehtede haldamiseks, ümbernimetamiseks, teisaldamiseks, kopeerimiseks või kustutamiseks. On ka muid tasulisi lisafunktsioone.

Kahjuks on hetkel NVU arendus peatatud, kuid projekt on kasvanud esimese stabiilse versioonini ja seda on juba palju. Vaatame seda üksikasjalikumalt.

NVU võimalused

  • redigeeritud lehe erinevad kuvamisrežiimid;
  • rohked võimalused teksti kujundamiseks;
  • piltide (sh taustade) sisestamine;
  • võimalus töötada kogu saidil, mitte ainult üksikutel lehtedel;
  • tabelite ja vormide loomine;
  • toimetatud saidi avaldamine otse toimetajalt;
  • enda kaskaadlaadilehe (CSS) redaktor ja Java Scripti konsool.

Kõik see ja palju muud võimaldavad meil luua nullist väikese saidi minimaalsete (soovitavalt) teadmistega HTML-i valdkonnas (või nende täieliku puudumisega :)).

Miinused: mõned lisafunktsioonid on saadaval ainult lisatasu eest. Selle redaktori abil saate lisada märkmeid, kujundeid, tekstiosi esile tõsta, teksti alla joonida ja galoppida. Samuti võimaldab see lisada teksti, joonistada ja äsja redigeeritud faile jagada. See on tõesti tore rakendus, mida kasutada!

Selles etapis saame alustada tõsiselt ja rakendada tõeliselt võimsat ja mitmekülgset tarkvara, tänu millele teeme oma e-raamatu ning saame selle eksportida enimkasutatud ja veebipoodide ning lugejate poolt nõutud vormingutesse. Vaatame lähemalt, millised on selle programmi omadused ja kuidas see suudab meie raamatufaili manipuleerida.

Visuaalse redaktori installimine

Allalaadimine ... Installimine ... Käivitamine ja vaatamine :) (just nii - ei mingeid tarbetuid žeste koos venestamisega, lisateabe sisestamisega jne).

Nõustume looma töölauale otsetee ja käivitama sellega NVU.

NVU liides

Esmapilgul näeb NVU välja nagu mingi tekstiredaktor. See on selle peamine eelis - visuaalne graafiline liides.

Esimesed kaks määratlevad struktuurid ja kolmas vormingu. Selle asemel leiame selle valmis ja saadaval kõigi soovitud seadete jaoks. Programmi liides on väga intuitiivne, kuid illustreerime seda samamoodi. Tööplaan on jagatud neljaks konkreetseks valdkonnaks. Positsioneerime end selle raamatu pealkirjale, mida tahame muuta, ja paremklõpsame sellel. Valige kontekstimenüüst "Redigeeri raamatut" ja oodake mõni minut, kuni uus tööliides avaneb.

Vaatame kohe, mis on võrreldes eelmisega muutunud. Siinkohal oleme valmis oma faili oma äranägemise järgi muutma. Seda saame teha ülaosas olevate vormindustööriistade abil. Valige lihtsalt osa, mida soovite muuta, ja valige suvand.

Kuid alla vaadates näete, et lisaks tavapärasele on sisestatud teabe kuvamiseks veel mitu režiimi:

  • HTML-sildid;
  • ja eelvaade.

HTML-i sildi režiim

"HTML-sildid" on tekstist ja siltidest koosnev mosaiik, mis on kujundatud värviliste ristkülikutena.


Oletame, et võimalused meie raamatu muutmiseks on teoreetiliselt lõpmatud. Kui tahaksime, võiksime kogu koodi ümber kirjutada ja selle rikkuda. Alustame indeksiga ja klõpsake tööriistariba ülaosas nuppu "Redigeeri indeksit". Avatud mask võimaldab meil teha erinevaid toiminguid.

Muutke, kustutage või teisaldage olemasolevat kirjet. looge uus element ja asetage see soovitud kohta. kustutage kogu register ja looge uus, alustades põhipealkirjadest, raamatu failidest või hüperteksti linkidest. Saame ükskõik mida tahame, kuid pidage alati meeles, et indeksit kasutatakse meie faili sujuvaks üleminekuks, nii et väldime liigset loomingulisust ning valime alati praktilise ja hõlpsasti kasutatava lahenduse.

See vaaterežiim on kasulik algajatele kasutajatele, kuna see kuvab kõik peamised kasutatavad sildid ja samal ajal ei häiri neid suure hulga, jäädes samas visuaalseks redaktoriks.

Samuti on selles režiimis mugav uurida siltide nimesid, et hiljem saaksid neid hõlpsasti koodi redigeerimise režiimis kasutada.

Režiimi kood

Režiim "Koodi" on kõigile veebiarendajatele tuttav aken koos redigeeritava lehe HTML-koodiga. Just siit, kõigist nendest Doodle'idest kasvavad kõik Interneti ressursid.


Olles omandanud koodikeele, saate hõlpsalt oma saidile lisada kõik juhtelemendid, skriptid ja muud "maiustused", mida olete harjunud teiste inimeste saitidel imetlema :).

Eelvaade

Ja lõpuks, "Eelvaade" võimaldab teil hinnata meie jõupingutuste tulemust, kuvades lehe sellisel kujul, nagu see Internetis omandab.

Ekraanipildil ei erine see teksti vastest, kuid tasub lisada kõik navigeerimiselemendid või skriptid, kuna erinevus ilmneb ise:


Kui redigeerite seda lehte Notepadis nagu kõva programmeerija, vajate selle vaatamiseks vähemalt brauserit ja kohalikku veebiserverit.

Ja siin, nagu öeldakse, juba "kõik hinnas".

Nüüd, kui vaatamis- ja redigeerimisvõimalused on veidi selgemaks saanud, uurime NVU võimalusi sügavamalt.

NVU visuaalse HTML-i redaktori varjatud funktsioonid

Kõik põhilised vormindamisvalikud on saadaval ikoonidena, kuid mõned valikud on menüüribal peidetud.

Näiteks menüüst "Fail" leiate selliseid funktsioone nagu:

1. "Ava aadress Internetis." Tänu Mozilla mootorile võimaldab teil lehti avada ja redigeerida otse Internetist.

See võib olla väga kasulik, kui soovite näha, kuidas seda või teist saidi funktsiooni tehakse. Lihtsalt sisestage avanevas aknas aadress ja imetlege tulemust:


2. "Ekspordi tekstivormingusse". Pärast saidi imetlemist saate selle lähtekoodi .txt-vormingus kõvakettale salvestada.

"Muuda"-s on tööriistad tekstist õigete sõnade otsimiseks ja õigekirja kontrollimiseks.

Menüüs "Insert" saate pöörata tähelepanu võimalusele sisestada PHP-koodi ja tähemärke, mida klaviatuuril pole.

"Vorming" pakub laias valikus teksti, piltide ja muu teabe välimuse kohandamise võimalusi.

Kõige huvitavam, ja mis kõige tähtsam, siin ei kuvata funktsioon "Lehe värv ja taust". Selle valiku abil saate hõlpsasti lisada mis tahes taustapildi või valida saidi jaoks lihtsalt hea taustavärvi.


Lõpuks pakub menüü "Tööriistad" selliseid valikuid nagu juurdepääs JavaScripti konsoolile, CSS-redaktorile ja HTML-koodi kontrollimise tööriistale.

Siit pääsete juurde ka programmi sätetele ja NVU teema seadetele.

järeldused

NVU-st on lihtne aru saada, kuna kõik programmi juhtelemendid on varustatud vihjete ja selgitustega ning tänu rühmale Mozilla.ru Teami kuuluvale Vene arendajatele on olemas ka väga hea venekeelne abi.

NVU ainsaks miinuseks on see, et programmi poolt genereeritud kood on väga tülikas ja sisaldab palju tarbetuid silte. Kuid olgu see teile ainult stiimul HTML-i uurimiseks ning saidi optimeerimiseks ja täiuslikuks viimiseks.

Edu teile arengutes ja edu kõigis ettevõtmistes!

P.S. Seda artiklit on lubatud vabalt kopeerida ja tsiteerida, kui on näidatud avatud aktiivne link allikale ja säilib Ruslan Tertõšnõi autorsus.

Vlad Merževitš

Tõhusaks tööks ei saa te ilma vajalike ja tuttavate tööriistadeta, sealhulgas HTML-koodi kirjutamisel. Seetõttu vajame veebilehtede või isegi väikese saidi esialgseks arendamiseks - see on linkide ja ühe kujundusega omavahel ühendatud lehtede komplekti nimi - vajame järgmisi programme.

  • Tekstiredaktor.
  • Brauser tulemuste vaatamiseks.
  • Validator on programm HTML-i süntaksi kontrollimiseks ja koodi vigade tuvastamiseks.
  • Graafiline redaktor.
  • Viide HTML-märgenditele.

Tekstiredaktor

HTML-dokumendi saab luua mis tahes tekstiredaktor, kuigi Notepad, aga mitte iga programm ei sobi selleks otstarbeks. Teil on vaja sellist, mis toetab järgmisi funktsioone.

  • süntaksi esiletõstmine - siltide, teksti, märksõnade ja parameetrite esiletõstmine erinevates värvides. See muudab soovitud elemendi leidmise lihtsamaks, kiirendab arendaja tööd ja vähendab vigade esinemist;
  • vahelehtedega töö. Sait on failide komplekt, mida tuleb eraldi redigeerida. Selleks on vaja toimetajat, kes suudab korraga töötada mitme dokumendiga. Samal ajal on mugav avada faile eraldi vahekaartidel, et kiiresti soovitud dokumendini liikuda;
  • kehtiva dokumendi vigade kontrollimine.

PSPad

HtmlReader

Notepad++

Redigeeri Plus

Brauser

Brauser on programm, mis on loodud veebilehtede vaatamiseks. Alguses sobib iga brauser, kuid kogemuste ja teadmiste suurenemisega peate saidi õige kuvamise kontrollimiseks erinevates brauserites käivitama terve "menagery". Fakt on see, et igal brauseril on oma ainulaadsed funktsioonid, nii et koodi universaalsuse kontrollimiseks peate koodi üle vaatama ja kohandama, et neid arvesse võtta. Tänapäeval on kolm kõige populaarsemat brauserit Firefox, Internet Explorer ja Opera.

Mozilla Firefox

Paljutõotav ja arenev brauser, mis on pälvinud ülemaailmse tunnustuse. Selle eripäraks on lihtsus ja laiendatavus, mis saadakse spetsiaalsete laienduste abil, nagu neid nimetatakse. Esialgu on Firefoxil ainult kõige vajalikumad funktsioonid, kuid soovitud laienduste installimisega saate lõpuks kasvatada brauseri süsteemiks, mis teeb kõik teie tööks vajalikud toimingud. Firefoxi brauser on avatud süsteem, mille on välja töötanud Mozilla grupp.

Microsoft Internet Explorer (IE)

Üks vanimaid brausereid, mis on operatsioonisüsteemiga tasuta kaasas Windowsi süsteem. See määras tema populaarsuse. IE 7 versioon on mugavuse poolest oma vanadele konkurentidele lähemal, eriti on ilmunud vahelehed. Kahjuks toetab see brauser kõige halvemini HTML-i spetsifikatsiooni, nii et IE-s õige kuvamise jaoks peate mõnikord spetsiaalselt selle koodi eraldi siluma.

Ooper

Kiire ja mugav brauser, mis toetab paljusid lisafunktsioone, mis suurendavad saitidega töötamise mugavust.

safari

Apple'i poolt välja töötatud brauser on iPhone'i ja operatsioonisüsteem MacOS Apple'i arvutites. Samuti on olemas Windowsi versioon.

Google Chrome

Brauser, mis ilmus turule 2008. aasta lõpus. Arendanud Google.

Valideerija

HTML-dokumendi valideerimine on mõeldud veebilehe süntaksi vigade ja HTML-i spetsifikatsiooniga vastuolude tuvastamiseks. Sellest tulenevalt nimetatakse sellise kontrollimise programmi või süsteemi validaatoriks.

Kuidas kontrollida HTML-faili kehtivust

Kui teil on juurdepääs Internetile, peaksite minema aadressile http://validator.w3.org ja sisestama kontrollitava dokumendi või saidi tee spetsiaalsel kujul. Pärast kinnitamist kuvatakse võimalikud vead või kiri, et dokument on edukalt kinnitatud.

Korrastatud

Kohaliku HTML-faili kontrollimiseks või Interneti-ühenduse puudumisel on loodud programm Tidy. Mõned redaktorid, näiteks PSPad, sisaldavad juba sisseehitatud Tidy't ja dokumentide valideerimist saab teha ilma täiendavate tööriistadeta.

Graafiline redaktor

Piltide töötlemiseks ja veebilehel avaldamiseks ettevalmistamiseks on vaja graafikaredaktorit. Kõige populaarsem sedalaadi programm on Photoshop, millest on saanud fotode töötlemise ja veebisaitide graafika loomise standard. Kuid enamasti on Photoshopi võimsus üle jõu käiv ja parem on kasutada midagi lihtsamat ja nobedamat. Eelkõige võimaldab Paint.Net programm teha piltidega kõik vajalikud manipulatsioonid, lisaks on selle kasutamine tasuta.

HTML-i märgendi viide

Kõigi siltide ja nende parameetrite peast meeldejätmine on alguses keeruline, seega peate teatud probleemi selgitamiseks perioodiliselt juhendit uurima. Üldiselt vajavad head giidi kõik, olenemata treenituse tasemest.

Interneti-kataloogid

HTML-märgendite kirjeldus (inglise keeles)
http://www.w3.org/TR/html4/index/elements.html

Sellelt saidilt leiate ka ühe parima Runeti siltide juhendi.



Toeta projekti – jaga linki, aitäh!
Loe ka
kukevõitlusmängu reeglid kukevõitlusmängu reeglid Mod for minecraft 1.7 10 vaatamise retsepti.  Retseptid esemete meisterdamiseks Minecraftis.  Relvad Minecraftis Mod for minecraft 1.7 10 vaatamise retsepti. Retseptid esemete meisterdamiseks Minecraftis. Relvad Minecraftis Šilling ja naelsterling – sõnade päritolu Šilling ja naelsterling – sõnade päritolu