Vizuālais tīmekļa redaktors. Vizuālais HTML redaktors

Vizuālais HTML- redaktors, kas līdzīgs Macromedia Dreamweaver, bet bez maksas.

Iepriekšējā reizē es jums pastāstīju par to, kā pārbaudīt vietnes veiktspēju, izmantojot vietējais Denveras serveris. Bet pats jautājums par šīs vietnes izveidi palika neatrisināts. Mēģināsim izlabot šo kaitinošo nepilnību – šodien pastāstīšu par vienu programmu, ar kuru var izveidot vienkāršu mājaslapu pat bez zināšanām par HTML programmēšanu un citiem trikiem.

Es vēršu jūsu uzmanību bezmaksas vizuālais HTML redaktors NVU.

Kāpēc viņš ir labs? Jā, jo, lai izveidotu tīmekļa lapu, jums nav jāpūlas ar tīmekļa programmēšanas valodu izpēti. Jūs vienkārši ierakstāt tekstu, ievietojiet attēlus vai animācijas, un viss "netīrais" darbs, kas saistīts ar šī visa noformēšanu HTML formātā, pārņem visu. NVU.

Diemžēl šobrīd attīstība NVU apturēta, bet projekts ir izaudzis līdz pirmajai stabilajai versijai, un tas jau ir daudz.

NVU iespējas

• atbalsts vairāki displeja režīmi rediģējama lapa;
• papildu opcijas teksta rediģēšana;
• ievietot attēlus(ieskaitot fonu);
• rediģēšana atsevišķas lapas un veselas vietnes;
• Veidlapu un tabulu veidošana;
• pareizrakstības pārbaude;
• iespēja vietnes publikācijas tieši no programmas;
• iebūvēts CSS redaktors un Java Script konsole.

Tas viss un daudz kas cits ļauj no nulles izveidot nelielu vietni ar minimālām (vēlams) zināšanām HTML jomā (vai to pilnīgu neesamību :)).

Notiek lejupielāde... Instalēšana... Palaišana un skatīšanās :) (pareizi - bez liekiem žestiem ar rusifikāciju, papildus informācijas ievadīšanu utt.). Piekrītiet izveidot saīsni darbvirsmā un palaist to ar to NVU:

NVU interfeiss

No skatiena NVU atgādina dažus teksta redaktors. Tas ir viņa galvenais nopelns – vizuālais GUI. Bet, skatoties zemāk, jūs redzēsit, ka papildus parastajam ir vēl vairāki displeja režīmi ievadītā informācija: HTML tagi, kods un priekšskatījums.

HTML tagu režīms

"HTML tagi" ir sava veida teksta un tagu mozaīka, kas veidota kā krāsaini taisnstūri. Šis skata režīms ir noderīgs iesācējiem, jo ​​tas parāda visus galvenos izmantotos tagus un tajā pašā laikā neuztraucas ar lielu skaitu no tiem, vienlaikus saglabājot to pašu vizuālo redaktoru. Šajā režīmā ir labi iemācīties tagu nosaukumus, lai vēlāk tos varētu ērti izmantot koda rediģēšanas režīmā.

Režīma kods

Režīms "Kods" ir logs ar rediģējamās lapas HTML kodu, kas ir pazīstams visiem tīmekļa izstrādātājiem. Tieši no šejienes visi interneta resursi izaug no visiem šiem skricelējumiem. Apgūstot koda valodu, jūs varat viegli pievienot savai vietnei visas vadīklas, skriptus un citus "labumus", kurus esat pieradis apbrīnot citu cilvēku vietnēs :).

Priekšskatījums

Un visbeidzot "Priekšskatījums"ļauj novērtēt mūsu pūliņu rezultātu, parādot lapu tādā formā, kādu tā iegūs internetā. Ekrānuzņēmumā tas neatšķiras no teksta līdzinieka, taču ir vērts pievienot jebkādus navigācijas elementus vai skriptus, jo atšķirība atklāsies pati par sevi:

Tagad, kad skatīšanās un rediģēšanas iespējas ir nedaudz precizētas, ieskatīsimies iespējas dziļāk. NVU. Mijiedarboties ar programmu, jūs varat izmantot ēdienkarte vai izmantojot piktogrammas un simboli zem tā.

NVU vizuālā HTML redaktora slēptās funkcijas

Visas pamata formatēšanas opcijas ir pieejamas kā ikonas, taču dažas opcijas ir paslēptas izvēļņu joslā un netiek uzreiz parādītas.

Piemēram, izvēlnē "Fails" Tādu atradīsi funkcijas,, kā:

1. "Atvērt adresi internetā". Pateicoties Mozilla dzinējam, varat atvērt un rediģēt lapas tieši no interneta. Tas var būt ļoti noderīgi, ja vēlaties redzēt, kā tiek veikta šī vai cita vietnes funkcija. Vienkārši ievadiet adresi atvērtajā logā un apbrīnojiet rezultātu:

2. "Eksportēt teksta formātā". Pēc vietnes apbrīnošanas varat saglabāt tās avota kodu .txt formātā cietajā diskā.

AT "Rediģēšana" ir instrumenti Meklēt pareizie vārdi tekstā un pareizrakstības pārbaudītājs.

Izvēlnē "Ievietot" var pievērst uzmanību iespējai PHP koda ievietošana un rakstzīmes, kas nav uz tastatūras.

"Formāts" sniedz vislielākās iespējas teksta skata iestatījumi, attēlus un cita informācija. Interesantākā un, pats galvenais, šeit nav parādīta iespēja "Lapas krāsa un fons". Izmantojot šo opciju, varat viegli pievienot jebkuru fona attēlu vai vienkārši iestatīt vietnes fona krāsu.

Beidzot izvēlne "Rīki" nodrošina tādas funkcijas kā piekļuvi JavaScript konsoles, redaktors css un rīks HTML validācija kodu. Arī no šejienes jūs varat piekļūt iestatījumi programmas un motīvu iestatījumi dizains NVU.

AT NVU viegli saprotams, jo visas programmas vadības ierīces ir aprīkotas ar rīka padomi un paskaidrojumus, un paldies krievu izstrādātāju grupai no Mozilla komanda ir arī ļoti labs palīdzība krievu valodā. Vienīgais negatīvais NVU ir tas, ka programmas ģenerētais kods ir ļoti apgrūtinošs un tam ir daudz papildu tagu. Bet lai tas ir tikai pamudinājums jums mācīties HTML un optimizēt un pilnveidot savu vietni.

Veiksmi jūsu attīstībā un panākumus visos jūsu centienos :)!!!

P.S.Šis raksts ir paredzēts bezmaksas izplatīšanai. Aicinām to kopēt, saglabājot autorību Ruslans Tertišnijs un visi P.S. un P.P.S.

P.P.S. Jums var patikt arī kāds cits diezgan saprātīgs

Es arī gribētu ieteikt labu HTML grāmata ko pats izmantoju:

Vlads Merževičs

Efektīvam darbam nevar iztikt bez nepieciešamajiem un pazīstamajiem rīkiem, tostarp rakstot HTML kodu. Tāpēc tīmekļa lapu vai pat nelielas vietnes sākotnējai izstrādei - tas ir lapu kopas nosaukums, kas ir savstarpēji savienotas ar saitēm un vienotu dizainu, mums ir nepieciešamas šādas programmas.

• Teksta redaktors.
• Pārlūks, lai skatītu rezultātus.
• Validator ir programma HTML sintakses pārbaudei un kļūdu noteikšanai kodā.
• Grafikas redaktors.
• Atsauce uz HTML tagiem.

Teksta redaktors

HTML dokumentu var izveidot jebkurā teksta redaktorā, pat Notepad, tomēr ne katra programma ir piemērota šim nolūkam. Jums ir nepieciešams tāds, kas atbalsta šādas funkcijas:

• sintakses izcelšana - tagu, teksta, atslēgvārdu un parametru izcelšana dažādās krāsās. Tas atvieglo vēlamā elementa atrašanu, paātrina izstrādātāja darbu un samazina kļūdu rašanos;
• darbs ar cilnēm. Vietne ir failu kopums, kas ir jārediģē atsevišķi, un tam ir nepieciešams redaktors, kas vienlaikus var strādāt ar vairākiem dokumentiem. Tajā pašā laikā ir ērti atvērt failus atsevišķās cilnēs, lai ātri pārvietotos uz vēlamo dokumentu;
• pašreizējā dokumenta pārbaude, vai tajā nav kļūdu.

PSPad

HtmlReader

Notepad++

Rediģēt Plus

Pārlūkprogramma

Pārlūkprogramma ir programma, kas paredzēta tīmekļa lapu apskatei. Sākumā derēs jebkura pārlūkprogramma, taču, palielinoties pieredzei un zināšanām, jums būs jāizveido vesela "zvērnīca", lai pārbaudītu vietnes pareizu attēlojumu dažādās pārlūkprogrammās. Fakts ir tāds, ka katrai pārlūkprogrammai ir savas unikālas funkcijas, tāpēc, lai pārbaudītu koda universālumu, jums ir jāpārskata un jāpielāgo kods, lai tos ņemtu vērā. Trīs mūsdienās populārākās pārlūkprogrammas ir Firefox, Internet Explorer un Opera.

Mozilla Firefox

Daudzsološa un attīstoša pārlūkprogramma, kas ir saņēmusi pasaules atzinību. Tās iezīme ir vienkāršība un paplašināmība, kas tiek iegūta, izmantojot īpašus paplašinājumus, kā tos sauc. Sākotnēji pārlūkprogrammā Firefox ir tikai visnepieciešamāko funkciju komplekts, taču, instalējot vēlamos paplašinājumus, ar laiku jūs varat izveidot pārlūkprogrammu līdz sistēmai, kas veic visas jūsu darba veikšanai nepieciešamās darbības. Pārlūkprogramma Firefox ir atvērta sistēma, ko izstrādājusi Mozilla grupa.

Microsoft Internet Explorer (IE)

Viena no vecākajām pārlūkprogrammām, kas tiek nodrošināta ar operētājsistēmu bez maksas Windows sistēma. Tas noteica viņa popularitāti. IE 7 versija ērtības ziņā ir tuvāka vecajiem konkurentiem, jo ​​īpaši ir parādījušās cilnes. Diemžēl šī pārlūkprogramma vissliktāk atbalsta HTML specifikāciju, tāpēc, lai pareizi parādītu IE, dažreiz ir atsevišķi jāatkļūdo tai paredzētais kods.

Opera

Ātra un ērta pārlūkprogramma, kas atbalsta daudzas papildu funkcijas, kas palielina komfortu darbā ar vietnēm.

safari

Šī pārlūkprogramma, ko izstrādājusi Apple, ir iebūvēta iPhone un MacOS operētājsistēmās Apple datoros. Ir arī Windows versija.

Google Chrome

Pārlūkprogramma, kas tirgū parādījās 2008. gada beigās. Izstrādāja Google.

Validators

HTML dokumenta validācija ir paredzēta, lai atklātu kļūdas tīmekļa lapas sintaksē un neatbilstības HTML specifikācijai. Attiecīgi šādas pārbaudes programmu vai sistēmu sauc par validatoru.

Kā pārbaudīt HTML faila derīgumu

Ja jums ir piekļuve internetam, dodieties uz http://validator.w3.org un īpašā veidlapā ievadiet ceļu uz pārbaudāmo dokumentu vai vietni. Pēc apstiprināšanas tiks parādītas iespējamās kļūdas vai uzraksts, ka dokuments ir veiksmīgi apstiprināts.

Kārtīgi

Lai pārbaudītu vietējo HTML failu vai ja nav interneta savienojuma, ir izstrādāta programma Tidy. Dažos redaktoros, piemēram, PSPad, jau ir iebūvēts Tidy, un dokumentu validāciju var veikt bez papildu rīkiem.

Grafikas redaktors

Lai apstrādātu attēlus un sagatavotu tos publicēšanai tīmekļa lapā, ir nepieciešams grafiskais redaktors. Populārākā šāda veida programma ir Photoshop, kas ir kļuvusi par standartu fotoattēlu apstrādei un tīmekļa vietņu grafikas veidošanai. Taču lielākoties Photoshop jauda ir pārspīlēta, un labāk ir izmantot kaut ko vienkāršāku un veiklāku. Jo īpaši programma Paint.Net ļauj veikt visas nepieciešamās manipulācijas ar attēliem, turklāt to var izmantot bez maksas.

HTML tagu atsauce

Sākumā ir grūti atcerēties visus tagus un to parametrus no galvas, tāpēc jums periodiski jāiepazīstas ar rokasgrāmatu, lai noskaidrotu konkrētu problēmu. Kopumā ikvienam ir vajadzīgs labs ceļvedis neatkarīgi no sagatavotības līmeņa.

Tiešsaistes katalogi

HTML tagu apraksts (angļu valodā)
http://www.w3.org/TR/html4/index/elements.html

Šajā vietnē jūs atradīsiet arī vienu no labākajiem Runet tagu ceļvežiem.

NVU ir neliela programma HTML koda rediģēšanai. NVU HTML redaktoram ir vizuāls interfeiss, un tas pastāv dažādiem operētājsistēmas. Šis koda redaktors tika izveidots uz Mozilla Composer HTML redaktora bāzes, kā rezultātā NVU ir diezgan vienkāršs un saprotams, un pēc savām iespējām tas jau ir tālu priekšā oriģinālajai programmai un ir pietuvojies funkcionalitātei. tādi maksas redaktori kā Dreamweaver un FrontPage.

Viena no šī koda redaktora priekšrocībām ir tā, ka jūs varat lejupielādēt NVU krievu valodā. NVU krievu lapa ir pilnībā iztulkota, kas atvieglo to lietotājiem, kuri nav pazīstami ar angļu valoda. Ja lejupielādējat NVU bez maksas krievu valodā, jūs saņemsiet ērta programma lai izveidotu labas kvalitātes lapu vai vietni, pat ja esat absolūts iesācējs. Redaktorā varat izveidot vietnes, kas atbilst visiem nepieciešamajiem interneta standartiem.

Pieredzējuši lietotāji, ja vēlas, var doties tieši uz koda rediģēšanu. Turklāt NVU ir arī citi rīki, piemēram, vietnes pārvaldnieks un CSS redaktors. Izmantojot tos, varat rediģēt atvērtās lapas attālais serveris, izmantojiet sintakses izcelšanu, pārbaudiet kļūdu kodu utt. Redaktora saskarni ir viegli mainīt, izmantojot dažādas tēmas, un iespējas ir viegli paplašināt, instalējot NVU izveidotos paplašinājumus.

Varat izmantot visas redaktora funkcijas, ja dažu minūšu laikā lejupielādējat NVU. Šim HTML redaktoram ir cilnes, priekšskatījumi un piekļuve visbiežāk izmantotajiem tagiem, padarot vietnes izstrādi daudz ātrāku. Ir arī daudzas teksta maiņas iespējas: centrēšana, fonts, stils utt.

NVU HTML redaktora funkcijas

• var instalēt operētājsistēmās Windows, Linux, Mac OS X;
• atvērtā pirmkoda kods pieejams apskatei un modificēšanai;
• lietotājs var personīgi modificēt vai modificēt programmu saviem mērķiem;
• iespēja tieši rediģēt HTML un CSS kodu;
• neliels diska vietas daudzums, ko aizņem dators;
• elementiem ir īpašības, kuru parametri ir konfigurējami;
• sintakses izcelšana.

Vizuāls HTML redaktors, kas līdzīgs Macromedia Dreamweaver, bet pilnīgi bez maksas. Lielisks rīks iesācējiem, kuri tikai sāk apgūt vietņu izveides zinātni.

Kāpēc viņš ir labs? Jā, tas, ka, lai izveidotu tīmekļa lapu, nav jāpūlas ar tīmekļa programmēšanas valodu izpēti. Jūs vienkārši ierakstāt tekstu, ievietojiet attēlus vai animācijas, un NVU parūpēsies par visu "netīro" darbu, formatējot to HTML formātā.

Diemžēl šobrīd NVU attīstība ir apturēta, bet projekts ir izaudzis līdz pirmajai stabilajai versijai, un tas jau ir daudz. Apskatīsim to sīkāk.

NVU iespējas

• dažādi rediģētās lapas attēlošanas režīmi;
• plašas teksta dizaina iespējas;
• attēlu (tostarp fonu) ievietošana;
• spēja strādāt visā vietnē, nevis tikai atsevišķās lapās;
• tabulu un veidlapu veidošana;
• rediģētās vietnes publicēšana tieši no redaktora;
• savs kaskādes stila lapas (CSS) redaktors un Java Script konsole.

Tas viss un daudz kas cits ļauj no nulles izveidot nelielu vietni ar minimālām (vēlams) zināšanām HTML jomā (vai to pilnīgu neesamību :)).

Vizuālā redaktora instalēšana

Notiek lejupielāde... Instalēšana... Palaišana un skatīšanās :) (pareizi - bez liekiem žestiem ar rusifikāciju, papildus informācijas ievadīšanu utt.).

Mēs piekrītam izveidot saīsni darbvirsmā un ar to palaist NVU.

NVU interfeiss

No pirmā acu uzmetiena NVU izskatās pēc sava veida teksta redaktora. Tas ir tā galvenais nopelns – vizuālais grafiskais interfeiss.

Bet, skatoties uz leju, jūs redzēsit, ka papildus parastajam ir vēl vairāki režīmi ievadītās informācijas parādīšanai:

• HTML tagi;
• un priekšskatījums.

HTML tagu režīms

"HTML tagi" ir sava veida teksta un tagu mozaīka, kas veidota kā krāsaini taisnstūri.

Šis skata režīms ir noderīgs iesācējiem, jo ​​tas parāda visus galvenos izmantotos tagus un tajā pašā laikā neuztraucas ar lielu skaitu no tiem, vienlaikus saglabājot to pašu vizuālo redaktoru.

Tāpat šajā režīmā ir ērti izpētīt tagu nosaukumus, lai vēlāk tos varētu ērti izmantot koda rediģēšanas režīmā.

Režīma kods

Režīms "Kods" ir visiem tīmekļa izstrādātājiem pazīstams logs ar rediģējamās lapas HTML kodu. Tieši no šejienes, no visiem šiem svētku logotipiem, pieaug visi interneta resursi.

Apgūstot koda valodu, jūs varat viegli pievienot savai vietnei visas vadīklas, skriptus un citus "labumus", kurus esat pieradis apbrīnot citu cilvēku vietnēs :).

Priekšskatījums

Un, visbeidzot, "Priekšskatījums" ļauj novērtēt mūsu pūliņu rezultātu, parādot lapu tādā formā, kādu tā iegūs internetā.

Ekrānuzņēmumā tas neatšķiras no teksta līdzinieka, taču ir vērts pievienot jebkādus navigācijas elementus vai skriptus, jo atšķirība atklāsies pati par sevi:

Ja jūs rediģējat šo lapu programmā Notepad kā stingrs programmētājs, jums ir nepieciešams vismaz pārlūks un vietējais tīmekļa serveris, lai to skatītu.

Un šeit, kā saka, jau "viss iekļauts".

Tagad, kad skatīšanās un rediģēšanas iespējas ir nedaudz precizētas, iedziļināsimies NVU iespējām.

NVU vizuālā HTML redaktora slēptās funkcijas

Visas pamata formatēšanas opcijas ir pieejamas kā ikonas, taču dažas opcijas ir paslēptas izvēļņu joslā.

Piemēram, izvēlnē "Fails" jūs atradīsit tādas funkcijas kā:

1. "Atveriet adresi internetā." Pateicoties Mozilla dzinējam, varat atvērt un rediģēt lapas tieši no interneta.

Tas var būt ļoti noderīgi, ja vēlaties redzēt, kā tiek veikta šī vai cita vietnes funkcija. Vienkārši ievadiet adresi atvērtajā logā un apbrīnojiet rezultātu:

2. "Eksportēt teksta formātā". Pēc vietnes apbrīnošanas varat saglabāt tās avota kodu .txt formātā cietajā diskā.

Sadaļā "Rediģēt" ir pieejami rīki pareizo vārdu meklēšanai tekstā un pareizrakstības pārbaudei.

Izvēlnē "Ievietot" varat pievērst uzmanību iespējai ievietot PHP kodu un rakstzīmes, kas nav uz tastatūras.

"Formāts" nodrošina plašas iespējas teksta, attēlu un citas informācijas izskata pielāgošanai.

Interesantākā un, pats galvenais, šeit nekur neparādītā funkcija ir “Lapas krāsa un fons”. Izmantojot šo opciju, varat viegli pievienot jebkuru fona attēlu vai vienkārši izvēlēties labu vietnes fona krāsu.

Visbeidzot, izvēlnē "Rīki" ir pieejamas tādas iespējas kā piekļuve JavaScript konsolei, CSS redaktoram un HTML koda pārbaudes rīkam.

Arī no šejienes varat piekļūt programmas iestatījumiem un NVU motīvu iestatījumiem.

secinājumus

NVU ir viegli saprotams, jo visas programmas vadīklas ir nodrošinātas ar rīka padomiem un paskaidrojumiem, un, pateicoties Mozilla.ru komandas krievu izstrādātāju grupai, ir arī ļoti laba palīdzība krievu valodā.

Vienīgais NVU trūkums ir tas, ka programmas ģenerētais kods ir ļoti apgrūtinošs un tajā ir daudz nevajadzīgu tagu. Bet lai tas ir tikai pamudinājums jums mācīties HTML un optimizēt un pilnveidot savu vietni.

Veiksmi jūsu attīstībā un panākumus visos jūsu centienos!

P.S. Šo rakstu ir atļauts brīvi kopēt un citēt, ja ir norādīta atvērta aktīva saite uz avotu un tiek saglabāta Ruslana Tertišnija autorība.

Runājot par koda redaktoriem, dažreiz ir grūti iegūt skaidru pārskatu par visām priekšrocībām un funkcionalitāti, ko var piedāvāt dažādi redaktori. Tomēr beigās ir nepieciešams vismaz viens, tāpēc ir svarīgi zināt, kurš redaktors vislabāk atbilst jūsu personīgajām vajadzībām.

Rokdarbnieki bieži kritizē WYSIWYG redaktorus par uzpūsto, nekārtīgo un ar standartiem nesaderīgo pirmkodu, ko tie ražo. Tomēr WYSIWYG redaktori pēdējā laikā ir kļuvuši daudz labāki. Dažreiz jums ir jānodrošina saviem klientiem vienkāršākie rīki viņu vietņu rediģēšanai vai atjaunināšanai. Un šeit WYSIWYG redaktori ir neaizstājami.

Būtu nepareizi ieteikt jums dažus "labākos" redaktorus, jo izvēle vienmēr ir atkarīga no jūsu vajadzībām, galvenajiem mērķiem, prasmēm un pieredzes. Tāpēc šajā rakstā mēs esam mēģinājuši sniegt jums pārskatu par dažādiem, noderīgiem un ne tik WYSIWYG redaktoriem.
Mēs ceram, ka jūs atradīsit jaunus redaktorus, par kuriem nekad iepriekš neesat dzirdējis. Vai varbūt savā iecienītākajā redaktorā atrodat dažas funkcijas, kuras esat palaidis garām, vai uzdrošinieties eksperimentēt ar vairākām daudzsološām iespējām, lai uzlabotu savu darbplūsmu. Turklāt jūs varat uzzināt, kurus redaktorus varat izmantot un kurus rīkus nevajadzētu izmantot.

Ko tas nozīmē WYSIWYG?
Šādos redaktoros jūs varat mainīt nevis savu dokumentu pirmkodu, bet gan tā attēlojumu, kas (ja iespējams) tiks publicēts gala dokumentā. Tā vietā, lai rakstītu koda blokus ar roku, jūs pārvaldāt dizainu ar komponentiem, izmantojot redaktora logu. Tas nozīmē, ka jūs redzat kaut ko ļoti līdzīgu gala rezultātam, lai gan dokuments vai attēls joprojām tiek veidots.
Piezīme: šajā rakstā ir apskatīti tikai tie darbvirsmas WYSIWYG redaktori, kas darbojas operētājsistēmā Windows, Linux vai Mac. Tas nesniedz pārskatu par JavaScript WYSIWIG redaktoriem, taču jūs varat atrast plašu pārskatu par šādiem redaktoriem vietnē vai .

Adobe Dreamweaver

Dreamweaver (Win/Mac)

Dreamweaver, kas agrāk bija Macromedia produkts, ir viens no visplašāk izmantotajiem redaktoriem, kas var palīdzēt izstrādātājiem uzlabot darbplūsmu un ietaupīt daudz laika kodēšanas laikā. Ja iepriekšējās Dreamweaver versijas dažkārt ģenerēja dīvainu pirmkodu, tad jaunākā versija var ģenerēt (vairumā gadījumu) perfekti tīru marķējumu.

Dreamweaver nodrošina arī dažādus noderīgus rīkus, piemēram, koda fragmentu bibliotēkas, ftp pārvaldību, atkļūdošanas serveri un integrēto kodēšanu. Piemēram, varat skatīt CSS informāciju vienā, vienotā CSS rūtī, ļaujot viegli skatīt konkrētiem elementiem lietotos stilus, noteikt, kur ir definēti atribūti, un rediģēt esošos stilus. Skatiet arī mūsu Dreamweaver apmācību sarakstu. Cena: 400 USD (CS3 versija).

Dažas no daudzajām Dreamweaver funkcijām:
* Uzlabota CSS rediģēšana
* Integrēta kodēšanas vide
* Spry sistēma Ajax
* Pārbaudiet pārlūkprogrammas saderību.
* Integrācija ar Photoshop CS3 un Fireworks.
* Koda fragmenti (piemēram, CSS formāti)
* FTP pārvaldība
* XML atbalsts
* FLV atbalsts
* Mācību resursi (piemēram, Adobe CSS Advisor)
* Daudzi Dreamweaver paplašinājumi.
Amaya
Amaya (Win/Mac/Linux)
Tas, kas patiešām atšķir Amaya no pārējām, ir tas, ka tas ir tīmekļa pārlūkprogrammas un tīmekļa lapu redaktora hibrīds, tāpēc varat pārlūkot tīmekli un rediģēt savas lapas tajā pašā lietojumprogrammā. Šis rīks, ko izveidojis WWW konsorcijs, ļauj pārvaldīt vietnes, modificēt un atjaunināt to saturu, pievienot jaunus attēlus un saites. Protams, ja Amaya var parādīt šīs lapas.

Jaunākā redaktora versija, Amaya 10, tika izlaists 2008. gada februārī. Tas spēj strādāt ar vairākiem dokumentiem vienlaikus ((X)HTML, MathML(. Mml) un SVG (. Svg) dokumentus var parādīt un rediģēt vienlaikus). Piemēram, varat ievietot matemātiskās formulas, izmantojot uznirstošo logu: Amaya tās pārvērš, izmantojot Math-ML.

Amaya ietver arī vienotu anotāciju lietojumprogrammu (anotācijas, ārējie komentāri, anotācijas, piezīmes, kuras var pievienot jebkuram tīmekļa dokumentam vai noteiktai dokumenta daļai), un tā atbalsta SVG, RDF un XPointer. atvērtais avots.

Rapidweaver
RapidWeaver (Mac)
RapidWeaver ir spēcīgs uz veidnēm balstīts vietņu izveides rīks, kas var ģenerēt visa veida lapas, piemēram, teksta lapas, emuārus, kontaktu veidlapas, attēlu galerijas un Flash slaidrādes, un tam ir iebūvēts FTP pārvaldnieks un integrācija ar iPhoto un .Mac.

Redaktors ietver Podcast apraidi, iekļautus komentārus, RSS plūsmas, pastāvīgo saiti un tagu pievienošanas atbalstu. RapidWeaver būs arī SEO draudzīgs. Tam ir arī daudzas jaudīgas funkcijas, piemēram, motīvu modificēšana, php renderēšana, WYSIWYG un HTML sajaukšana un saskaņošana, viedā publicēšana, vietnes XHTML un CSS izvade, pirmkoda pārlūkošana, iebūvēta kļūdu pārbaude. Visas veidnes ir balstītas uz XHTML un CSS. Ievērības cienīgs ir tas RapidWeaverģenerē derīgu kodu. Cena: 49 ASV dolāri.

Adobe ieguldījumu
Adobe ieguldījumu

Adobe Contribute galvenais mērķis ir nodrošināt vietņu un emuāru rediģēšanu lietotājiem bez tehniskām zināšanām. Contribute CS3 ļauj autoriem atjaunināt esošās vietnes un emuārus, vienlaikus saglabājot vietnes integritāti. Contribute piedāvā Dreamweaver integrāciju, mitināšanu ar Microsoft Office un rediģēšanu no IE 7 un Firefox.

Izmantojot šo WYSIWYG redaktoru, autori var rediģēt vai atjaunināt jebkuru vietni vai emuāru, neapgūstot HTML. Cena: 169 USD (CS3 versija).

Adobe Live
Adobe Golive (Win/Mac)

Aprīlī Adobe pārtrauca GoLive 9 izstrādi un pārdošanu. Adobe GoLive mudina lietotājus pārslēgties uz Dreamweaver, pēc kura jūs, iespējams, nevajadzētu ieteikt GoLive (patiesībā pārsteidzoši jaudīgu rediģēšanas rīku (skatiet tālāk) saviem klientiem.

Dažas Adobe GoLive 9 funkcijas:
* Dizaineru stili
* Vizuālais CSS izkārtojums
* Novietojiet komandu
*Adobe InDesign® integrācija
* Krāsu pārvaldība
* Platformas atbalsts
* Vietņu pārvaldības rīki
* Publicēšanas serveris
* Viedie objekti

Microsoft Expression Web
Microsoft Expression (Windows)

Savulaik ļoti kritizēts par patiešām slikto tīmekļa redaktoru (Frontpage), Microsoft nesen izveidoja redaktoru Expression, kas, šķiet, daudz pārņem no saviem priekšgājējiem. Expression ir mēģinājusi izveidot ērtu vidi interneta lietotājiem ar funkcijām, kas ir ārkārtīgi līdzīgas Adobe Dreamweaver. Tomēr tiešā salīdzinājumā Dreamweaver piedāvā vairāk un ražo tīrāku kodu. Tomēr Expression rada pienācīgu, standartiem atbilstošu kodu un zina, kā strādāt ar CSS un CSS izkārtojumiem.

Studijas izdevums ar citām lietojumprogrammām (grafiskā dizaina rīks, video kodēšanas rīks utt.) maksā apm. $500. Viena Expression licence maksā 350 USD. Jūs varat iegūt Expression, jauninot Frontpage un ietaupīt naudu. Izmēģinājuma versiju 60 dienām var lejupielādēt bez maksas, taču ir nepieciešama reģistrācija.

Lūdzu, ņemiet vērā: Expression nav Frontpage pēctecis, tie ir diezgan atšķirīgi izstrādes rīki. Microsoft Expression ir vairāk līdzīgs Microsoft SharePoint Designer, tas ir vairāk vērsts uz dizaineru, un tā mērķis ir nodrošināt vispārēju tīmekļa izstrādi. Microsoft SharePoint Designer koncentrējas uz SharePoint balstītu vietņu izstrādi un pielāgošanos tām, to var uzskatīt par Frontpage lielo brāli.



Daži Microsoft Expression līdzekļi:
* ASP.NET 2.0 integrācija
* Uzlabota CSS renderēšana
* XPath izteiksmju veidotājs
* Veidojiet un formatējiet nozares standarta XML datu skatus
* Tag Property Grid
* Pieejamības pārbaude
* Reāllaika standartu apstiprināšana
* Pilns shēmas atbalsts

NVU (Win/Mac/Linux)

Šim redaktoram vajadzētu būt reālai alternatīvai dominējošajiem produktiem: WYSYWIG redaktoram operētājsistēmai Linux, Microsoft Windows un Mac, kas varētu konkurēt ar FrontPage un Dreamweaver. Un dažos veidos Nvu sniedz vairāk, nekā jūs varētu gaidīt no pilnīgi bezmaksas programmatūras.

Nvu (izrunā N-skats, "jaunais skats") piedāvā integrētu FTP pārvaldnieku, spēcīgu veidlapu, izklājlapu un veidņu atbalstu, un to ir patiešām viegli lietot. CaScadeS, labi zināms CSS redaktors, piemēram papildu modulis integrējas ar Nvu un ļauj ērti izveidot un pārvaldīt stilus, kā arī redzēt, kā jūsu stili tiek lietoti lidojumā modificētajā dokumentā.

Nvu ir atvērtā koda avots, un tas tiek izdots saskaņā ar Mozilla publisko licenci (MPL). Diemžēl NVU attīstība neturpinās pēdējos gados. Uzlabota NVU versija ir atrodama šeit - KompoZer.

Dažas no NVU funkcijām:
* Vietņu pārvaldnieks ļauj skatīt jūsu izveidotās vietnes.
* XML atbalsts.
* Iebūvēts validators.

Kompozīciju veidotājs
KompoZer (Win/Mac/Linux)

Šis rīks ir NVU atzars, kas tika izstrādāts pēc tam, kad NVU turpmākā attīstība palēninājās. KompoZer ir tīmekļa autorēšanas sistēma, kas apvieno tīmekļa failu pārvaldnieku un WYSIWYG redaktoru.

KompoZer ir ļoti viegli lietojams, padarot to par piemērotu risinājumu lietotājiem, kuri vēlas izveidot vietnes bez tehniskām zināšanām. Salīdzinot ar NVU, Kompozer ražo tīru iezīmēšanas kodu.

Jaunākā versija tika izlaista 2007. gada augustā. Kompozer var uzskatīt par alternatīvu mazākiem projektiem un lietotājiem bez tehniskām zināšanām. Bet profesionāliem tīmekļa izstrādātājiem tas noteikti ir pārāk vājš.

Namo WebEditor 2006
Namo WebEditor 2006 (uzvara)
Namo WebEditor vienkāršā un intuitīvā saskarnē apvieno gandrīz visus rīkus, kas nepieciešami vietņu izveidei. Interfeisa elementi ir ārkārtīgi skaidri, vienkārši un ērti lietojami. Varat pārslēgties starp dizaina redaktoru, HTML pārlūkprogrammu un fotoattēlu skatītāju. Varat arī izmantot vairākus vedņus, lai automatizētu darbplūsmu. Namo ir spēcīgs, taču tā WYSIWYG iespējas ir ierobežotas. Redaktors nav atjaunināts kopš 2006. gada, tāpēc pirmkoda ģenerēšana dažreiz ir ārkārtīgi dīvaina. Namo Pro Web Editor ir aprīkots ar Flash redaktoru, kā arī grafikas programmām. Ir pieejama testa versija. Cena: 99,95 USD.



Dažas no Namo Webeditor funkcijām:
* Koda palīgi tagu automātiskai aizvēršanai
*Ātrais tagu redaktors
* Atzīmju atlasītājs
*HTML/CSS atsauce

Evrsoft pirmā lapa 2006
Evrsoft pirmā lapa 2006 (uzvara)
Patiesībā šis redaktors ir ļoti nenovērtēts. Tas nav īpaši populārs un nav atjaunināts kopš 2006. gada, taču tajā ir daudz ļoti noderīgu funkciju, kuras varētu iekļaut mūsdienu WYSIWYG redaktoros. Piemēram, automātiskās vēstures funkcija atceras visus izmantotos atribūtus un vērtības un automātiski iesaka "pareizo" vērtību.

Dual Preview Engine ļauj skatīt tīmekļa dokumentus vairākās pārlūkprogrammās, izmantojot programmu First Page 2006. Varat priekšskatīt savu darbu pārlūkprogrammās Internet Explorer, Mozilla vai skatīt lapas abās pārlūkprogrammās blakus (horizontālie/vertikālie paneļi). Un reāllaikā skatiet kodu un rediģējiet dokumentus.

Pirmā lapa ir bezmaksas. Līdzīga bezmaksas alternatīva (arī nav atjaunināta kopš 2005. gada): Selida HTML redaktors.

Dažas pirmās lapas funkcijas:
* CSS klases atbalsts un automātiskā noteikšana
* Sintakses izcelšana
* Tag dokumenta atlases rīks
* Tagu automātiskā pabeigšana
* Sakārtoti HTML elektroinstrumenti
* Rakstīšanas laikā priekšskatiet pārlūkprogrammā IE
* Attēlu kartētājs
* CSS stila lapu dizainers
* Servera pusē ir iekļauts atbalsts
* Ļoti pielāgojamas rīkjoslas un interfeiss
*FTP klients
* Uzlabota atrašana un aizstāšana failos

Microsoft SharePoint Designer
Microsoft SharePoint Designer 2007 (Win)

Tas ir Microsofts Frontpage pēctecis. SharePoint Designer ir standarta WYSIWYG redaktors. Izņemot interaktīvo ASP.NET lapu atbalstīšanu, tas nepiedāvā neko revolucionāru. Pieejama bezmaksas izmēģinājuma versija. Ir tiešsaistes versija, kas prasa pārlūkprogrammu Internet Explorer un lielu pacietību.

Dažas no Sharepoint funkcijām:
* atbalsts interaktīvajām ASP.NET lapām
* izveidot datu skatus no RSS, XML, Office XML
* sadarboties ar iebūvēto Workflow Designer
* CSS rīki
* izsekot pielāgotas lapas
* pareizrakstības pārbaudītājs
* SharePoint Server 2007 integrācija

NetObjects Fusion
NetObjects Fusion
Šis redaktors kādreiz, iespējams, bija sliktākais, bet joprojām ļoti populārais WYSIWYG redaktors. Tas ģenerēja briesmīgu pirmkodu (tikai MS Word to pasliktināja), taču to bieži izmantoja tīmekļa mitināšanas uzņēmumi un pakalpojumu sniedzēji. NetObjects Fusion ļauj izveidot vietnes bez jebkādām tehniskām zināšanām. It īpaši, ja vēlaties izveidot vizītkarti, varat to izdarīt dažu minūšu laikā. Bet, ja vēlaties izveidot profesionālu vietni, NetObjects nav izvēles vērta.

Pašlaik ir pieejama NetObjects Fusion 10. versija. Ģenerētā avota koda kvalitāte var būt mainījusies, taču tam nav īsti nozīmes. Ir izmēģinājuma versija, kas prasa reģistrēties veikalā. Tāpēc mums nav šī produkta ekrānuzņēmuma. Cena: ? 100.

Quanta Plus

Quanta Plus (Linux)
Quanta Plus ir stabila, lietotājam ļoti draudzīga un ar funkcijām bagāta tīmekļa izstrādes vide. Quanta ir izveidojis redaktoru, kas paredzēts efektīvai un dabiskai attīstībai un ar maksimālu paplašināšanu lietotājam.

Redaktors atbalsta gan roku kodēšanu, gan WYSIWYG interfeisu. Tam ir šādas funkcijas: tagu automātiska pabeigšana, ievadot un rediģējot tagus dialoga saskarnē, projektu pārvaldība, iespēja atkļūdot PHP kodu. Viņam arī ir vizuālais redaktors CSS, CSS pabeigšana, piedāvā augstu paplašināmību un priekšskatījumu.

Redaktoram ir arī interesantas projektu pārvaldības iespējas, tostarp atbalsts gan vietējiem, gan attāliem (tīklā) projektiem. Projektus var lejupielādēt no dažādiem serveriem, izmantojot dažādus protokolus. Iekļauts CVS atbalsts, Subversion atbalsts pieejams caur ārējiem spraudņiem. Quanta pamatā ir KDE. Izlaists saskaņā ar GPL licenci.

automaģistrāle
Automaģistrāle (Mac)

Freeway (sākotnēji Uniqorn) ir pieejams divās versijās: Freeway Pro un Freeway Express. Freeway 5 Pro var izmantot, lai izveidotu CSS izkārtojumus, izmantojot absolūto pozicionēšanu. Uzlabotajā versijā, piemēram, savienojuma izveide ar MySQL datu bāzi, izmantojot skriptu valodu, piemēram, PHP, tiek veikta, izmantojot spraudņus ar nosaukumu "Darbības". Dažas darbības var lejupielādēt bez maksas no vairākām vietnēm, taču ir arī komerciālas darbības, piemēram, trešo pušu darbības.

Ir izmēģinājuma versija, kurā ir jāaizpilda diezgan gara tīmekļa veidlapa. Freeway tika nominēts kā gada radošais tīmekļa produkts Macworld 2008 balvu pasniegšanas ceremonijā. Ja izmantojat Mac datoru, Freeway kopā ar RapidWeaver ir pirmā iespēja, ko vērts apsvērt.

Dažas no Freeway funkcijām:
* Vairākas galvenās lapas
* Izkārtojuma rīki
* Saites karte
* Saites stili
* Integrēta .Mac augšupielāde
* Internet Explorer saderība
* Atbalsts sagrieztiem fona attēliem
* Iebūvēts priekšskatījums programmā Freeway (Safari/Webkit)
* Pilna EPS (Panther un jaunāka versija), Illustrator, Photoshop slāņveida failu importēšana
* Freeway veikals
* Strādājiet ar Blogger veidnēm

Seamonkey komponists
SeaMonkey Composer (Win/Mac/Linux)
Šis redaktors ir vienkārša, taču ļoti jaudīga alternatīva lielām komerciālām lietojumprogrammām. Tā kā SeaMonkey Composer ir Netscape Composer pēctecis, tam nav nekāda sakara.

Redaktors ir jaudīgs, taču vienkāršs, piedāvājot dinamiskus attēlus un tabulu izmēru maiņu, ātru ievietošanu un dzēšanu no tabulas šūnām, uzlaboto CSS atbalstu un pozicionēto slāņu atbalstu. SeaMonkey iebūvēts WYSIWYG redaktors.

Izveidot
Izveidot (Mac)
Create apvieno tādu lietojumprogrammu pamatfunkcijas kā Illustrator, InDesign, Pages, GoLive, Canvas, Dreamweaver, QuarkExpress un sakārto tās ērtai lietošanai, tas ir lēts, paredzēts operētājsistēmai OS X. Cita starpā varat pievienot saites uz tekstu un grafiku. Izmantojot vilkšanas un nomešanas funkciju, ir rīks, kas automātiski izveido navigāciju un rādītāju, un jūs varat izveidot PDF failus un vietnes no viena dokumenta.

WYSIWYG tīmekļa veidotājs
WYSIWYG tīmekļa veidotājs
Web Builder ir ļoti pielāgojama un paplašināma lietojumprogramma ar daudzām funkcijām, skriptiem un veidnēm. Jaunus dizaina elementus var pievienot, izmantojot drag"n"drop, un ir pieejami daudzi skripti. Programmatūrā ir iespējams rediģēt attēlus.

Integrēti PayPal e-komercijas rīki; ir RSS plūsmas objekts, emuārs ar iebūvētu RSS un Google saderīgs SiteMap ģenerators. Redaktoram ir arī daudzi paplašinājumi, piemēram, paroles aizsardzība, RSS plūsma, RSS parsētājs, fotoalbums un gaismas kastes.

Ja jums ir kādi jautājumi, lūdzu, izmantojiet mūsu