Орос хэл дээрх HTML хуудас засварлагч. Visual HTML засварлагч

Visual HTML- Macromedia Dreamweaver-тэй төстэй засварлагч, гэхдээ үнэ төлбөргүй.

Хамгийн сүүлд би танд сайтын гүйцэтгэлийг хэрхэн шалгах талаар хэлсэн орон нутгийн Денвер сервер. Гэхдээ энэ сайтыг бий болгох асуудал шийдэгдээгүй хэвээр байв. Энэ ядаргаатай хяналтыг засахыг хичээцгээе - өнөөдөр би HTML програмчлал болон бусад заль мэхийг мэдэхгүй ч гэсэн энгийн вэбсайт хийж болох нэг програмын талаар танд хэлэх болно.

Би та бүхний анхааралд хүргэж байна үнэгүй дүрслэл HTML засварлагч NVU.

Тэр яагаад сайн юм бэ? Тийм ээ, вэб хуудас үүсгэхийн тулд вэб програмчлалын хэлийг судлахад санаа зовох шаардлагагүй болно. Та зүгээр л текст бичиж, зураг эсвэл хөдөлгөөнт дүрс оруулаад, HTML дээр энэ бүгдийг чимэглэх "бохир" ажлыг гүйцэтгэдэг. NVU.

Харамсалтай нь, одоогоор хөгжил NVUтүдгэлзүүлсэн боловч төсөл нь анхны тогтвортой хувилбар болж өссөн бөгөөд энэ нь аль хэдийн маш их юм.

NVU-ийн боломжууд

• дэмжлэг үзүүлэх олон дэлгэцийн горимзасварлах боломжтой хуудас;
• дэвшилтэт сонголтууд текст засварлах;
• зураг оруулах(арын дэвсгэрийг оруулаад);
• засварлахбие даасан хуудас болон бүхэл бүтэн сайтууд;
• маягт, хүснэгт үүсгэх;
• зөв бичгийн алдаа шалгах;
• боломж сайтын нийтлэлүүдпрограмаас шууд;
• суулгасан CSS засварлагч болон Java Script консол.

Энэ бүхэн болон бусад олон зүйл нь HTML-ийн чиглэлээр хамгийн бага (илүү зохимжтой) мэдлэгтэй (эсвэл бүрэн байхгүй :)) жижиг сайтыг эхнээс нь хийх боломжийг бидэнд олгодог.

Татаж авч байна ... Суулгаж байна ... Ажиллаж байна, үзэж байна :) (энэ нь зөв - орос хэлээр шаардлагагүй дохио зангаа, нэмэлт мэдээлэл оруулах гэх мэт). Ширээний компьютер дээр товчлол үүсгэхийг зөвшөөрч, түүнтэй хамт ажиллуулна уу NVU:

NVU интерфейс

Нэг харцнаас NVUзаримыг санагдуулдаг текст засварлагч. Энэ бол түүний гол гавьяа - харааны GUI. Гэхдээ доороос харахад ердийнхөөс гадна хэд хэдэн зүйл байгааг харах болно дэлгэцийн горимуудоруулсан мэдээлэл: HTML шошго, код, урьдчилан харах.

HTML шошго горим

"HTML шошго"Эдгээр нь өнгөт тэгш өнцөгт хэлбэрээр бүтээгдсэн текст, шошгоны мозайк юм. Энэхүү харах горим нь шинэхэн хэрэглэгчдэд хэрэгтэй, учир нь энэ нь ашигласан бүх үндсэн хаягуудыг харуулдаг бөгөөд нэгэн зэрэг олон тооны шошготой байхын зэрэгцээ ижил харааны засварлагч хэвээр үлддэг. Энэ горимд шошгуудын нэрийг сурах нь зүйтэй бөгөөд ингэснээр дараа нь тэдгээрийг код засварлах горимд хялбархан ашиглах боломжтой болно.

Горимын код

Горим "Код"Энэ нь бүх вэб хөгжүүлэгчдэд танил болсон засварлаж буй хуудасны HTML кодтой цонх юм. Эндээс л энэ бүх сараачнаас интернетийн бүх нөөц урган гарч ирдэг. Кодын хэлийг эзэмшсэнийхээ дараа та бусад хүмүүсийн сайтууд дээр биширдэг байсан аливаа хяналт, скрипт болон бусад "сайн зүйлсийг" сайтдаа хялбархан нэмж болно :).

Урьдчилан үзэх

Мөн эцэст нь "Урьдчилан харах"Энэ нь хуудсыг интернетээс олж авах хэлбэрээр харуулах бидний хүчин чармайлтын үр дүнг үнэлэх боломжийг танд олгоно. Дэлгэцийн агшинд энэ нь текстийн хамтрагчаас ялгаатай биш боловч навигацийн элемент эсвэл скриптийг нэмэх нь зүйтэй, учир нь ялгаа нь өөрөө илрэх болно.

Одоо үзэх, засварлах сонголтууд бага зэрэг тодорхой болсон тул боломжуудыг илүү гүнзгий авч үзье. NVU. Харьцахпрограмын тусламжтайгаар та ашиглаж болно цэсний мөрэсвэл ашиглах пиктограммуудба түүний доор тэмдэгтүүд.

NVU-ийн Visual HTML засварлагчийн далд шинж чанарууд

Бүх үндсэн форматын сонголтуудыг дүрс хэлбэрээр авах боломжтой боловч зарим сонголтууд цэсний мөрөнд нуугдаж, шууд харагдахгүй.

Жишээлбэл, цэсэнд "Файл"Та ийм зүйлийг олох болно функцууд,, Хэрхэн:

1. "Интернэт дээр хаяг нээх". Mozilla-ийн хөдөлгүүрийн ачаар интернетээс шууд хуудсуудыг нээх, засварлах боломжийг танд олгоно. Хэрэв та сайтын энэ эсвэл бусад функц хэрхэн хийгдсэнийг харахыг хүсвэл энэ нь маш хэрэгтэй байж болох юм. Нээх цонхонд хаягаа оруулаад үр дүнг нь биширээрэй.

2. "Текст формат руу экспортлох". Сайтыг биширсний дараа түүний эх кодыг .txt форматаар хатуу диск дээрээ хадгалах боломжтой.

AT "Засварлах"зориулсан хэрэгслүүд байдаг хайхтекст дэх зөв үгс ба алдаа шалгагч.

Цэс дээр "Оруулах"боломжид анхаарлаа хандуулж болно PHP код оруулдагболон гар дээр байхгүй тэмдэгтүүд.

"Формат"хамгийн их боломжийг олгодог текст харах тохиргоо, зургуудболон бусад мэдээлэл. Хамгийн сонирхолтой, хамгийн чухал нь энд хаана ч харагдахгүй байгаа боломж "Хуудасны өнгө ба дэвсгэр". Энэ сонголтыг ашигласнаар та ямар ч дэвсгэр зургийг хялбархан нэмж эсвэл сайтын дэвсгэр өнгийг тохируулах боломжтой.

Эцэст нь цэс "Хэрэгслүүд"хандах зэрэг боломжуудыг олгодог JavaScript консолууд, редактор cssболон хэрэгсэл HTML баталгаажуулалткод. Мөн эндээс хандах боломжтой тохиргоохөтөлбөрүүд болон сэдвийн тохиргоодизайн NVU.

AT NVUХөтөлбөрийн бүх удирдлага тоноглогдсон тул ойлгоход хялбар зөвлөмжүүдболон тайлбар, мөн Оросын хөгжүүлэгчдийн бүлэгт баярлалаа Mozilla багбас маш сайн байдаг Орос хэл дээр туслах. Цорын ганц сөрөг NVUПрограмын үүсгэсэн код нь маш төвөгтэй бөгөөд олон нэмэлт шошготой байдаг. Гэхдээ энэ нь танд HTML-г судалж, сайтаа оновчтой болгож, төгс төгөлдөр болгоход түлхэц болно.

Та бүхний бүтээн байгуулалтад амжилт, бүх ажилд нь амжилт хүсье :)!!!

P.S.Энэ нийтлэл нь үнэгүй тараахад зориулагдсан болно. Зохиогчийн эрхийг хадгалан хуулбарлахыг урьж байна Руслан Тертышныймөн бүх P.S. болон P.P.S.

P.P.S.Та бас өөр нэг ухаалаг зүйлд дуртай байж магадгүй

Би бас сайн зүйл санал болгохыг хүсч байна HTML номБи өөрөө ашигласан:

NVU бол HTML кодыг засварлах жижиг програм юм. NVU HTML засварлагч нь визуал интерфэйстэй бөгөөд төрөл бүрийн хувьд байдаг үйлдлийн системүүд. Энэхүү кодын засварлагч нь Mozilla Composer HTML засварлагчийн үндсэн дээр бүтээгдсэн бөгөөд үүний үр дүнд NVU нь маш энгийн бөгөөд ойлгомжтой бөгөөд боломжийн хувьд анхны программаас хамаагүй түрүүлж, функциональд ойртсон байна. Dreamweaver, FrontPage зэрэг төлбөртэй редакторууд.

Энэхүү код засварлагчийн нэг давуу тал нь NVU-г орос хэл дээр татаж авах боломжтой юм. NVU-ийн орос хуудас бүрэн орчуулагдсан бөгөөд энэ нь сайн мэдэхгүй хэрэглэгчдэд илүү хялбар болгодог Англи хэл. Хэрэв та NVU-г орос хэл дээр үнэгүй татаж авбал авах болно тохиромжтой програмТа үнэхээр анхлан суралцагч байсан ч сайн чанарын хуудас эсвэл сайтаа үүсгэх. Редактор дээр та шаардлагатай бүх интернетийн стандартыг хангасан сайтуудыг үүсгэж болно.

Илүү туршлагатай хэрэглэгчид хэрэв хүсвэл кодыг засварлахад шууд очиж болно. Нэмж дурдахад NVU нь Сайтын менежер, CSS засварлагч зэрэг бусад хэрэгслүүдтэй. Тэдгээрийн тусламжтайгаар та байгаа хуудсуудыг засах боломжтой алсын сервер, синтакс тодотгол ашиглах, алдаа байгаа эсэхийг шалгах гэх мэт. Редакторын интерфэйс нь янз бүрийн сэдвүүдийг ашиглах замаар өөрчлөхөд хялбар бөгөөд NVU-д зориулж бүтээсэн өргөтгөлүүдийг суулгаснаар боломжуудыг хялбархан өргөжүүлдэг.

Хэрэв та NVU-г хэдхэн минутын дотор татаж авбал засварлагчийн бүх функцийг ашиглах боломжтой. Энэхүү HTML засварлагч нь таб, урьдчилан харах, хамгийн түгээмэл хэрэглэгддэг шошгонд хандах боломжтой тул сайтын хөгжлийг илүү хурдан болгодог. Текстийг өөрчлөх олон сонголт байдаг: голлуулах, фонт, хэв маяг гэх мэт.

NVU HTML засварлагчийн онцлог

• Windows, Linux, Mac OS X дээр суулгаж болно;
• харах, өөрчлөх боломжтой нээлттэй эх код;
• хэрэглэгч програмыг өөрийн зорилгын дагуу өөрчлөх, өөрчлөх боломжтой;
• HTML болон CSS кодыг шууд засварлах чадвар;
• компьютерийн эзэлдэг бага хэмжээний дискний зай;
• элементүүд нь параметрүүдийг тохируулах боломжтой шинж чанаруудтай;
• синтакс онцлох.

Код засварлагчдын тухай ярихад заримдаа янз бүрийн засварлагчдын санал болгож буй бүх ашиг тус, үйл ажиллагааны талаар тодорхой тойм олж авахад хэцүү байдаг. Гэсэн хэдий ч эцэст нь дор хаяж нэг нь шаардлагатай тул аль засварлагч таны хувийн хэрэгцээнд хамгийн сайн тохирохыг мэдэх нь чухал юм.

WYSIWYG редакторуудыг гар урлалчид ихэвчлэн бүдүүлэг, замбараагүй, стандартад нийцэхгүй эх кодыг гаргадаг гэж шүүмжилдэг. Гэсэн хэдий ч WYSIWYG редакторууд сүүлийн үед илүү сайжирсан. Заримдаа та үйлчлүүлэгчдээ вэбсайтаа засах, шинэчлэх хамгийн хялбар хэрэгслээр хангах хэрэгтэй болдог. Энд WYSIWYG редакторууд зайлшгүй шаардлагатай.

Сонголт нь таны хэрэгцээ, гол зорилго, ур чадвар, туршлагаас үргэлж хамаардаг тул "шилдэг" редакторуудыг танд санал болгох нь буруу байх болно. Тиймээс энэ нийтлэлд бид өөр өөр, хэрэгтэй, тийм ч WYSIWYG биш редакторуудын тоймыг өгөхийг хичээсэн.
Та урьд өмнө хэзээ ч сонсож байгаагүй шинэ редакторуудыг олно гэж найдаж байна. Эсвэл та дуртай засварлагчдаа орхигдсон зарим функцийг олж эсвэл ажлын урсгалаа сайжруулахын тулд хэд хэдэн ирээдүйтэй сонголтуудыг туршиж үзэхийг зүрхлэх болно. Үүнээс гадна та ямар редактор ашиглаж болох, ямар хэрэгслийг ашиглах ёсгүйг олж мэдэх боломжтой.

Юу гэсэн үг вэ WYSIWYG?
Ийм засварлагчдын хувьд та баримт бичгийн эх кодыг бус харин түүний дүрслэлийг (боломжтой бол) эцсийн баримт бичигт нийтлэх боломжтой. Тиймээс та блокуудыг гараар бичихийн оронд засварлагчийн цонхыг ашиглан бүрэлдэхүүн хэсгүүдийн тусламжтайгаар дизайныг удирддаг. Энэ нь баримт бичиг эсвэл зураг үүсгэгдэж байгаа хэдий ч эцсийн үр дүнтэй маш төстэй зүйлийг харж байна гэсэн үг юм.
Анхаарна уу: Энэ нийтлэл нь зөвхөн Windows, Linux эсвэл Mac дээр ажилладаг ширээний WYSIWYG редакторуудыг авч үздэг. Энэ нь JavaScript WYSIWIG засварлагчдын тоймыг өгдөггүй, гэхдээ та эдгээр засварлагчдын дэлгэрэнгүй тоймыг эсвэл -ээс олох боломжтой.

Adobe Dreamweaver

Өмнө нь Macromedia-ийн бүтээгдэхүүн байсан Dreamweaver нь хөгжүүлэгчдэд ажлын явцыг сайжруулж, код бичихэд олон тонн цаг хэмнэхэд тусалдаг хамгийн өргөн хэрэглэгддэг засварлагчдын нэг юм. Dreamweaver-ийн өмнөх хувилбарууд заримдаа хачирхалтай эх код үүсгэдэг байсан бол Хамгийн сүүлийн үеийн хувилбар(ихэнх тохиолдолд) төгс цэвэр тэмдэглэгээ үүсгэж чаддаг.

Dreamweaver нь кодын хэсэгчилсэн сан, ftp менежмент, дибаг хийх сервер, нэгдсэн кодчилол зэрэг төрөл бүрийн хэрэгцээт хэрэгслээр хангадаг. Жишээлбэл, та CSS мэдээллийг нэгдсэн CSS самбараас харж, тодорхой элементүүдэд хэрэглэгдсэн хэв маягийг харах, шинж чанаруудыг хаана тодорхойлох, одоо байгаа хэв маягийг засварлахад хялбар болгоно. Мөн Dreamweaver хичээлүүдийн жагсаалтыг үзнэ үү. Үнэ: 400 доллар (CS3 хувилбар).

Dreamweaver-ийн зарим онцлог шинж чанарууд:
* Нарийвчилсан CSS засварлах
* Нэгдсэн кодчиллын орчин
* Ajax-д зориулсан Spry framework
* Хөтөчийн нийцтэй байдлыг шалгана уу.
* Photoshop CS3 болон Fireworks-тэй нэгтгэсэн.
* Кодын хэсгүүд (CSS формат гэх мэт)
* FTP удирдлага
* XML дэмжлэг
* FLV дэмжлэг
* Сурах эх сурвалж (жишээ нь Adobe CSS Advisor)
* Dreamweaver-д зориулсан олон тооны өргөтгөлүүд.
Амая
Amaya (Win/Mac/Linux)
Amaya-г бусдаас ялгаж буй зүйл нь вэб хөтөч болон вэб хуудас засварлагчийн холимог тул та нэг программ дээр вэб хуудсуудыг үзэж, хуудсаа засварлаж болно. WWW консорциумын бүтээсэн энэхүү хэрэгсэл нь танд вэбсайтуудыг удирдах, агуулгыг нь өөрчлөх, шинэчлэх, шинэ зураг, холбоос нэмэх боломжийг олгоно. Мэдээжийн хэрэг, хэрэв Amaya эдгээр хуудсыг үзүүлж чадвал.

Редакторын хамгийн сүүлийн хувилбар, Амая 10, 2008 оны 2-р сард гарсан. Энэ нь олон баримт бичигтэй зэрэг ажиллах боломжтой ((X)HTML, MathML(. Mml) болон SVG (. Svg) баримтуудыг нэгэн зэрэг үзүүлж, засварлаж болно). Жишээлбэл, та попап цонхыг ашиглан математикийн томьёо оруулж болно: Amaya тэдгээрийг Math-ML-ээр шууд хөрвүүлдэг.

АмаяМөн нэгдсэн тэмдэглэгээний программ (тэмдэглэгээ, гадаад тайлбар, тайлбар, дурын вэб баримт бичиг эсвэл баримт бичгийн тодорхой хэсэгт хавсаргаж болох тайлбар) багтсан бөгөөд SVG, RDF болон XPointer-ийг дэмждэг. нээлттэй эх сурвалж.

Rapidweaver
RapidWeaver (Mac)
RapidWeaverтекст хуудас, блог, холбоо барих маягт, зургийн галерей болон Flash слайд шоу гэх мэт бүх төрлийн хуудсуудыг үүсгэх боломжтой загварт суурилсан вэбсайт үүсгэх хүчирхэг хэрэгсэл бөгөөд FTP менежер, iPhoto болон .Mac-тай нэгтгэсэн.

Засварлагч нь podcasting, inline comments, RSS feed, permalink, хаяглах дэмжлэгийг агуулдаг. RapidWeaver бас SEO-д ээлтэй байх болно. Энэ нь мөн сэдвийг өөрчлөх, php-ээр буулгах, WYSIWYG болон HTML-г холих, тааруулах, ухаалаг нийтлэл, XHTML болон CSS дээр суурилсан сайтын гаралт, эх кодыг үзэх, суурилуулсан алдаа шалгах зэрэг олон хүчирхэг функцуудтай. Бүх загварууд нь XHTML болон CSS дээр суурилдаг. Гайхалтай нь тэр RapidWeaverхүчинтэй код үүсгэдэг. Үнэ: $49.

Adobe Contribute
Adobe Contribute

Adobe Contribute-ийн гол зорилго нь ямар ч техникийн мэдлэггүйгээр хэрэглэгчдэд зориулсан вэбсайт, блогийг засварлах боломжийг олгох явдал юм. Contribute CS3 нь зохиогчдод сайтын бүрэн бүтэн байдлыг хадгалахын зэрэгцээ одоо байгаа сайтууд болон блогуудыг шинэчлэх боломжийг олгодог. Contribute нь Dreamweaver-ийг нэгтгэх, Microsoft Office-тэй байршуулах, IE 7 болон Firefox-оос засварлах боломжийг санал болгодог.

Энэхүү WYSIWYG засварлагчийн тусламжтайгаар зохиогчид HTML сурах шаардлагагүйгээр дурын вэбсайт эсвэл блогийг засварлаж, шинэчлэх боломжтой. Үнэ: $169 (CS3 хувилбар).

Adobe Live
Adobe Golive (Win/Mac)

Дөрөвдүгээр сард Adobe GoLive 9-ийг хөгжүүлж, борлуулахаа больсон. Adobe GoLive нь хэрэглэгчдийг Dreamweaver руу шилжихийг уриалж байгаа бөгөөд үүний дараа та GoLive-ийг (үнэндээ гайхалтай хүчирхэг засварлах хэрэгсэл болох (доороос харна уу) үйлчлүүлэгчдэдээ санал болгох хэрэггүй.

Adobe GoLive 9-ийн зарим онцлогууд:
* Дизайнерын хэв маяг
* Visual CSS зохион байгуулалт
* Команд байрлуулах
* Adobe InDesign® нэгтгэл
* Өнгөний менежмент
* Платформын дэмжлэг
* Сайтын удирдлагын хэрэгсэл
* Серверийг нийтлэх
* Ухаалаг объектууд

Microsoft Expression Web
Microsoft Expression (Windows)

Нэгэн цагт үнэхээр муу вэб засварлагч (Frontpage) хэмээн ихээхэн шүүмжлэгдэж байсан Microsoft саяхан өмнөх үеийнхнээсээ их зүйлийг өвлөн авсан Expression редакторыг бүтээжээ. Expression нь Adobe Dreamweaver-тэй тун төстэй функцүүдээр интернет хэрэглэгчдийн тав тухтай орчинг бүрдүүлэхийг хичээсэн. Гэсэн хэдий ч шууд харьцуулахдаа Dreamweaver илүү ихийг санал болгож, илүү цэвэр код гаргадаг. Гэсэн хэдий ч Expression нь зохистой, стандартад нийцсэн код үйлдвэрлэдэг бөгөөд CSS болон CSS-тэй хэрхэн ажиллахаа мэддэг.

Бусад програм хангамжийн программ (график дизайны хэрэгсэл, видео кодлох хэрэгсэл гэх мэт) бүхий студи хувилбар нь ойролцоогоор. 500 доллар. Нэг Expression лиценз 350 долларын үнэтэй. Та Frontpage-г сайжруулснаар Expression-г авч, мөнгөө хэмнэх боломжтой. 60 хоногийн туршилтын хувилбарыг үнэгүй татаж авах боломжтой боловч бүртгүүлэх шаардлагатай.

Анхаарна уу: Expression нь Frontpage-ийн залгамжлагч биш бөгөөд тэдгээр нь арай өөр хөгжүүлэлтийн хэрэгсэл юм. Microsoft Expression нь Microsoft SharePoint Designer-тай илүү төстэй бөгөөд энэ нь дизайнерын чиг баримжаатай бөгөөд ерөнхий вэб хөгжүүлэлтийг хангах зорилготой юм. Microsoft SharePoint Дизайнер нь SharePoint-д суурилсан сайтуудыг хөгжүүлэх, дасан зохицоход анхаарлаа төвлөрүүлдэг тул үүнийг Frontpage-ийн том ах гэж үзэж болно.



Microsoft Express-ийн зарим функцууд:
* ASP.NET 2.0 интеграцчилал
* Нарийвчилсан CSS дүрслэл
* XPath илэрхийлэл бүтээгч
* Салбарын стандартад нийцсэн XML өгөгдлийн харагдах байдлыг бий болгож, форматлах
* Үл хөдлөх хөрөнгийн сүлжээг шошго
* Хүртээмжийг шалгах
* Бодит цагийн стандартын баталгаажуулалт
* Бүрэн схемийн дэмжлэг

Энэхүү засварлагч нь тэргүүлэх бүтээгдэхүүнүүдийн жинхэнэ хувилбар байх ёстой: FrontPage болон Dreamweaver-тэй өрсөлдөхүйц Linux, Microsoft Windows болон Mac-д зориулсан WYSYWIG редактор. Мөн зарим талаараа Nvu нь бүрэн үнэгүй програм хангамжаас таны хүлээж байснаас илүү ихийг өгдөг.

Nvu ("шинэ харах" гэж нэрлэдэг) нь нэгдсэн FTP менежер, маягт, хүснэгт, загварт зориулсан хүчирхэг дэмжлэгийг санал болгодог бөгөөд ашиглахад үнэхээр хялбар юм. CaScadeS нь алдартай CSS засварлагч юм нэмэлт модуль Nvu-тай нэгтгэж, хэв маягийг бий болгох, удирдахад хялбар болгож, таны өөрчилж буй баримт бичигт хэв маягаа хэрхэн ашиглаж байгааг харах боломжтой.

Nvu нь нээлттэй эх сурвалж бөгөөд Mozilla Public License (MPL) дор гаргасан. Харамсалтай нь NVU-ийн хөгжил үргэлжилдэггүй Сүүлийн жилүүдэд. NVU-ийн сайжруулсан хувилбарыг эндээс олж болно - KompoZer.

NVU-ийн зарим онцлог:
* Сайтын менежер нь таны үүсгэсэн сайтуудыг үзэх боломжийг танд олгоно.
* XML дэмжлэг.
* Баригдсан баталгаажуулагч.

Хөгжмийн зохиолч
KompoZer (Win/Mac/Linux)

Энэ хэрэгсэл нь NVU-ийн цаашдын хөгжил удааширсны дараа боловсруулсан NVU-ийн салбар юм. KompoZer нь вэб файлын менежер болон WYSIWYG засварлагчийг хослуулсан вэб зохиох систем юм.

KompoZer нь хэрэглэхэд тун хялбар бөгөөд энэ нь техникийн мэдлэггүйгээр вэбсайт үүсгэхийг хүсдэг хэрэглэгчдэд тохиромжтой шийдэл юм. NVU-тай харьцуулахад Kompozer нь цэвэр тэмдэглэгээний код гаргадаг.

Хамгийн сүүлийн хувилбар нь 2007 оны 8-р сард гарсан. Kompozer нь жижиг төслүүд болон техникийн мэдлэггүй хэрэглэгчдэд зориулсан хувилбар гэж үзэж болно. Гэхдээ энэ нь мэргэжлийн вэб хөгжүүлэгчдийн хувьд хэтэрхий сул байх нь дамжиггүй.

Namo WebEditor 2006
Namo WebEditor 2006 (Ялалт)
Namo WebEditor нь энгийн бөгөөд ойлгомжтой интерфэйсээр вэбсайт үүсгэхэд шаардлагатай бараг бүх хэрэгслийг нэгтгэдэг. Интерфейсийн элементүүд нь маш ойлгомжтой, энгийн, хэрэглэхэд хялбар байдаг. Та дизайн засварлагч, HTML хөтч, зураг харагч хооронд шилжих боломжтой. Та мөн ажлын явцыг автоматжуулахын тулд хэд хэдэн шидтэнг ашиглаж болно. Namo хүчирхэг боловч WYSIWYG-ийн боломжууд хязгаарлагдмал. Редактор нь 2006 оноос хойш шинэчлэгдээгүй байгаа тул эх код үүсгэх нь заримдаа маш хачирхалтай байдаг. Namo Pro Web Editor нь Flash засварлагч болон график программуудтай хамт ирдэг. Туршилтын хувилбар боломжтой. Үнэ: $99.95.



Namo Webeditor-ийн зарим онцлог:
* Автоматаар хаагдах шошгонд зориулсан код туслагч
* Хурдан шошго засварлагч
* Шошго сонгогч
*HTML/CSS лавлагаа

Evrsoft-ийн анхны хуудас 2006
Evrsoft Эхний хуудас 2006 (Ялалт)
Үнэндээ энэ редакторыг маш дутуу үнэлдэг. Энэ нь тийм ч алдартай биш бөгөөд 2006 оноос хойш шинэчлэгдээгүй байгаа боловч орчин үеийн WYSIWYG редакторуудад багтах боломжтой маш олон ашигтай функцуудтай. Жишээлбэл, Auto History функц нь ашигласан бүх шинж чанар, утгыг санаж, "зөв" утгыг автоматаар санал болгодог.

Dual Preview Engine нь First Page 2006 ашиглан вэб баримт бичгийг олон хөтчөөс урьдчилан харах боломжийг танд олгоно. Internet Explorer, Mozilla эсвэл хоёр хөтөч дээр хуудсуудыг зэрэгцүүлэн үзэх (хэвтээ / босоо баар). Мөн бодит цаг хугацаанд кодыг харж, баримт бичгийг засварлана.

Эхний хуудас үнэгүй. Үүнтэй төстэй үнэгүй хувилбар (мөн 2005 оноос хойш шинэчлэгдээгүй): Selida HTML Editor.

Эхний хуудасны зарим онцлог:
* CSS ангиллын дэмжлэг ба автоматаар илрүүлэх
* Синтакс тодруулга
* Баримт бичгийг сонгох хэрэгсэл
* Автоматаар бөглөх шошго
* Цэвэр HTML цахилгаан хэрэгсэл
* Бичиж байхдаа IE дээр урьдчилан харах
* Зургийн зураглагч
* CSS загварын хуудасны дизайнер
* Сервер тал нь дэмжлэгийг агуулдаг
* Маш сайн тохируулах боломжтой Toolbars and Interface
* FTP үйлчлүүлэгч
* Нарийвчилсан хай, файлаас солих

Microsoft SharePoint дизайнер
Microsoft SharePoint Designer 2007 (Win)

Энэ нь Microsofts Frontpage-ийн залгамжлагч юм. SharePoint Designer бол стандарт WYSIWYG засварлагч юм. Интерактив ASP.NET хуудсуудыг дэмжихээс өөр ямар ч хувьсгалт зүйл санал болгодоггүй. Үнэгүй туршилтын хувилбар боломжтой. Internet Explorer болон маш их тэвчээр шаарддаг онлайн хувилбар байдаг.

Sharepoint-ийн зарим онцлогууд:
* интерактив ASP.NET хуудасны дэмжлэг
* RSS, XML, Office XML-ээс Data View үүсгэх
* суулгасан Ажлын урсгалын дизайнертай хамтран ажиллах
* CSS хэрэгслүүд
* тохируулсан хуудсуудыг хянах
* зөв бичгийн алдаа шалгагч
* SharePoint Server 2007 нэгтгэсэн

NetObjects Fusion
NetObjects Fusion
Энэ редактор нь хамгийн муу боловч маш алдартай WYSIWYG редактор байсан байж магадгүй юм. Энэ нь аймшигтай эх кодыг үүсгэсэн (зөвхөн MS Word үүнийг улам дордуулсан), гэхдээ вэб хостинг компаниуд болон үйлчилгээ үзүүлэгчид ихэвчлэн ашигладаг байсан. NetObjects Fusion нь танд ямар ч техникийн мэдлэггүйгээр вэбсайт үүсгэх боломжийг олгодог. Ялангуяа нэрийн хуудас бүтээхийг хүсвэл хэдхэн минутын дотор хийж болно. Гэхдээ хэрэв та мэргэжлийн вэбсайт үүсгэхийг хүсч байвал NetObjects нь авч үзэх сонголт биш юм.

NetObjects Fusion 10 хувилбар одоогоор бэлэн байна. Үүсгэсэн эх кодын чанар өөрчлөгдсөн байж болох ч энэ нь тийм ч чухал биш юм. Дэлгүүрт бүртгүүлэхийг шаарддаг туршилтын хувилбар байдаг. Тийм ч учраас бидэнд энэ бүтээгдэхүүний дэлгэцийн зураг байхгүй байна. Үнэ: ? 100.

Quanta Plus

Засварлагч нь гар кодчилол болон WYSIWYG интерфейсийг хоёуланг нь дэмждэг. Энэ нь дараах функцуудтай: харилцах цонхонд хаяг оруулах, засварлах үед шошгуудыг автоматаар бөглөх, төслийн менежмент, PHP кодыг дибаг хийх чадвар. Түүнд бас бий харааны редактор CSS, CSS дуусгах нь өндөр өргөтгөл болон урьдчилан харах боломжийг санал болгодог.

Редактор нь төслийн менежментийн сонирхолтой боломжуудтай бөгөөд үүнд орон нутгийн болон алсын (сүлжээгээр) төслүүдэд дэмжлэг үзүүлэх боломжтой. Төслийг өөр өөр серверээс өөр протокол ашиглан татаж авч болно. CVS дэмжлэг багтсан, Subversion дэмжлэгийг гадны залгаасуудаар дамжуулан авах боломжтой. Quanta нь KDE дээр суурилсан. GPL лицензийн дагуу гаргасан.

хурдны зам
Хурдны зам (Mac)

Freeway (анх Uniqorn) нь Freeway Pro болон Freeway Express гэсэн хоёр төрлөөр ирдэг. Freeway 5 Pro нь үнэмлэхүй байрлалыг ашиглан CSS байршлыг үүсгэхэд ашиглагдаж болно. Жишээлбэл, дэвшилтэт хувилбарт PHP гэх мэт скрипт хэл ашиглан MySQL мэдээллийн санд холбогдох нь "Actions" нэртэй залгаасуудыг ашиглан хийгддэг. Зарим үйлдлүүдийг хэд хэдэн вэб сайтаас үнэ төлбөргүй татаж авах боломжтой боловч гуравдагч этгээдийн үйлдлүүд гэх мэт арилжааны хувилбарууд бас байдаг.

Нэлээд урт вэб маягтыг бөглөх шаардлагатай туршилтын хувилбар байдаг. Freeway нь Macworld 2008 шагнал гардуулах ёслолын үеэр оны шилдэг бүтээлч вэб бүтээгдэхүүнд нэр дэвшсэн. Хэрэв та Mac ашиглаж байгаа бол RapidWeaver-тэй хамт Freeway бол анхаарах ёстой хамгийн эхний сонголт юм.

Хурдны замын зарим онцлог:
* Олон тооны мастер хуудас
* Байршлын хэрэгслүүд
* Газрын зургийн холбоос
* Холбоосын загварууд
* Нэгдсэн .Mac байршуулах
*Internet Explorer-ийн нийцтэй байдал
* Зүссэн дэвсгэр зургийг дэмжих
* Хурдны замд суурилуулсан урьдчилан үзэх (Safari/Webkit)
* Бүрэн EPS (Panther болон түүнээс хойшхи), Illustrator, Photoshop-ийн давхарга файл импортлох
* Хурдны замын дэлгүүр
* Blogger загвартай ажиллах

Seamonkey хөгжмийн зохиолч
SeaMonkey хөгжмийн зохиолч (Win/Mac/Linux)
Энэхүү засварлагч нь арилжааны томоохон програмуудын энгийн боловч маш хүчирхэг хувилбар юм. Netscape Composer-ийн залгамжлагч болох SeaMonkey Composer нь үүнтэй ямар ч холбоогүй юм.

Редактор нь хүчирхэг боловч энгийн бөгөөд динамик зураг, хүснэгтийн хэмжээг өөрчлөх, хүснэгтийн нүднүүдээс хурдан оруулах, устгах, CSS-ийн дэвшилтэт дэмжлэг, байрлалтай давхаргын дэмжлэг зэргийг санал болгодог. SeaMonkey-д суурилуулсан WYSIWYG редактор.

Үүсгэх
Үүсгэх (Mac)
Create нь Illustrator, InDesign, Pages, GoLive, Canvas, Dreamweaver, QuarkExpress зэрэг програмуудын үндсэн шинж чанаруудыг нэгтгэж, ашиглахад хялбар, хямд, OS X-д зориулагдсан. Бусад зүйлсийн дотор та текст болон графикийн холбоосыг нэмж болно. Drag-n-drop-ийн тусламжтайгаар навигаци болон индексийг автоматаар үүсгэдэг хэрэгсэл байдаг бөгөөд та нэг баримтаас PDF болон вэбсайт үүсгэх боломжтой.

WYSIWYG вэб бүтээгч
WYSIWYG вэб бүтээгч
Web Builder нь маш олон функц, скрипт, загвар бүхий маш сайн тохируулж, өргөтгөх боломжтой програм юм. Дизайны шинэ элементүүдийг drag"n"drop ашиглан нэмэх боломжтой бөгөөд олон скриптүүд байдаг. Програм хангамжийн хүрээнд зургийг засварлах боломжтой.

PayPal цахим худалдааны хэрэгслүүдийг нэгтгэсэн; RSS Feed объект, суурилуулсан RSS бүхий блог, Google-тэй нийцтэй SiteMap үүсгэгч байдаг. Засварлагч нь нууц үгийн хамгаалалт, RSS feed, RSS задлагч, зургийн цомог, гэрэлт хайрцаг зэрэг олон өргөтгөлтэй.

Хэрэв танд асуух зүйл байвал манайхыг ашиглана уу

NeonHTML- Үнэгүй засварлагчХарааны хэрэгслүүдтэй HTML болон CSS. Хэрэгслийн функциональ байдлаараа ялгаатай. XHTML дэмждэг. Энэ нь танд хурдан бөгөөд тохь тухтай засварлах боломжийг олгоно: синтаксийг тодруулах, харилцах цонхон дээрх шошго үүсгэх. Ихэнх хэрэгслүүд нь урьдчилан харах боломжтой байдаг бөгөөд параметрүүдийг өөрчлөх нь урьдчилж харах дэлгэцэнд шууд нөлөөлнө. Янз бүрийн нарийвчлал, масштабыг дуурайлган суурилуулсан хөтөч байдаг. Хайлтын систем (SEO) оновчлолын хэрэгсэл ба вэбсайтын зэрэглэл шалгагч. Текстийг өөрчлөх хэрэгсэл нь сурталчилгаанд тусална. Өнгөтэй маш сайн ажил - тусгайлан бүтээсэн палитр график редакторууд, сүүлийн үеийн өнгөний жагсаалт, хуудасны өнгөний жагсаалт, нэг товшилтоор хурдан өнгө засах, өнгө сонгогч, өнгөт докер ашиглан загварын сонголтуудыг шуурхай үүсгэх. Хэрэгслүүд нь хоорондоо харилцан үйлчилдэг бөгөөд энэ нь интерфэйс, тав тухтай байдал, өндөр хурдтай хурдан дасах боломжийг олгодог. Шаардлагагүй тохиолдолд гарыг солихгүй. Хэрэггүй цэс агуулаагүй.

___________________________ ______________________________ _______________________

Macromedia Dreamweaver-тэй төстэй, гэхдээ бүрэн үнэ төлбөргүй визуал HTML засварлагч. Вэбсайт хийх шинжлэх ухааныг дөнгөж эзэмшиж буй эхлэгчдэд зориулсан гайхалтай хэрэгсэл.

Тэр яагаад сайн юм бэ? Тийм ээ, вэб хуудас үүсгэхийн тулд вэб програмчлалын хэлийг судлахад санаа зовох шаардлагагүй болно. Та зүгээр л текст бичиж, зураг эсвэл хөдөлгөөнт дүрс оруулахад NVU энэ бүгдийг HTML дээр чимэглэх "бохир" ажлыг хариуцдаг.

Харамсалтай нь одоогоор NVU-ийн хөгжлийг түр зогсоосон боловч төсөл нь анхны тогтвортой хувилбарт хүрсэн бөгөөд энэ нь аль хэдийн маш их юм. Үүнийг илүү нарийвчлан авч үзье.

NVU-ийн боломжууд

• засварласан хуудасны янз бүрийн дэлгэцийн горимууд;
• текст дизайны өргөн боломж;
• зураг оруулах (арын дэвсгэрийг оруулаад);
• зөвхөн бие даасан хуудсууд дээр биш бүхэл бүтэн сайт дээр ажиллах чадвар;
• хүснэгт, маягт үүсгэх;
• засварласан сайтыг редактороос шууд нийтлэх;
• өөрийн каскадын загварын хуудас (CSS) засварлагч болон Java Script консолтой.

Энэ бүхэн болон бусад олон зүйл нь HTML-ийн чиглэлээр хамгийн бага (илүү зохимжтой) мэдлэгтэй (эсвэл бүрэн байхгүй :)) жижиг сайтыг эхнээс нь хийх боломжийг бидэнд олгодог.

Визуал засварлагчийг суулгаж байна

Татаж авч байна ... Суулгаж байна ... Ажиллаж байна, үзэж байна :) (энэ нь зөв - орос хэлээр шаардлагагүй дохио зангаа, нэмэлт мэдээлэл оруулах гэх мэт).

Бид ширээний компьютер дээр товчлол үүсгэж, NVU-г ажиллуулахыг зөвшөөрч байна.

NVU интерфейс

Эхлээд харахад NVU нь ямар нэгэн текст засварлагч шиг харагдаж байна. Энэ бол түүний гол гавьяа - харааны график интерфэйс юм.

Гэхдээ доош харвал ердийнхөөс гадна оруулсан мэдээллийг харуулах хэд хэдэн горим байгааг харах болно.

• HTML шошго;
• болон урьдчилан харах.

HTML шошго горим

"HTML хаягууд" нь өнгөт тэгш өнцөгт хэлбэрээр хийгдсэн текст болон шошгоны нэг төрлийн мозайк юм.

Энэхүү харах горим нь шинэхэн хэрэглэгчдэд хэрэгтэй, учир нь энэ нь ашигласан бүх үндсэн хаягуудыг харуулдаг бөгөөд нэгэн зэрэг олон тооны шошготой байхын зэрэгцээ ижил харааны засварлагч хэвээр үлддэг.

Түүнчлэн, энэ горимд шошгуудын нэрийг судлах нь тохиромжтой бөгөөд ингэснээр та тэдгээрийг код засварлах горимд хялбархан ашиглах боломжтой болно.

Горимын код

"Код" горим нь засварлаж буй хуудасны HTML кодтой бүх вэб хөгжүүлэгчдэд танил болсон цонх юм. Эндээс, энэ бүх doodle-ээс интернетийн бүх нөөц нэмэгдэж байна.

Кодын хэлийг эзэмшсэнийхээ дараа та бусад хүмүүсийн сайтууд дээр биширдэг байсан аливаа хяналт, скрипт болон бусад "сайн зүйлсийг" сайтдаа хялбархан нэмж болно :).

Урьдчилан үзэх

Эцэст нь хэлэхэд, "Урьдчилан харах" нь бидний хүчин чармайлтын үр дүнг үнэлэх боломжийг олгож, хуудсыг интернетээс олж авах хэлбэрээр харуулах боломжийг олгоно.

Дэлгэцийн агшинд энэ нь текстийн хамтрагчаас ялгаатай биш боловч навигацийн элемент эсвэл скриптийг нэмэх нь зүйтэй, учир нь ялгаа нь өөрөө илрэх болно.

Хэрэв та энэ хуудсыг хатуу програмист шиг Notepad дээр засварлаж байсан бол үзэхийн тулд ядаж хөтөч болон дотоод вэб сервер хэрэгтэй болно.

Энд тэдний хэлснээр аль хэдийн "бүгдийг багтаасан".

Одоо үзэх, засварлах сонголтууд бага зэрэг тодорхой болсон тул NVU-ийн чадавхийг илүү нарийвчлан авч үзье.

NVU-ийн Visual HTML засварлагчийн далд шинж чанарууд

Бүх үндсэн форматын сонголтуудыг дүрс хэлбэрээр авах боломжтой боловч зарим сонголтууд цэсний мөрөнд нуугдсан байдаг.

Жишээлбэл, "Файл" цэсэнд та дараах функцуудыг олох болно.

1. "Интернэтэд хаяг нээх." Mozilla-ийн хөдөлгүүрийн ачаар интернетээс шууд хуудсуудыг нээх, засварлах боломжийг танд олгоно.

Хэрэв та сайтын энэ эсвэл бусад функц хэрхэн хийгдсэнийг харахыг хүсвэл энэ нь маш хэрэгтэй байж болох юм. Нээх цонхонд хаягаа оруулаад үр дүнг нь биширээрэй.

2. "Текст формат руу экспортлох". Сайтыг биширсний дараа түүний эх кодыг .txt форматаар хатуу диск дээрээ хадгалах боломжтой.

"Засварлах" хэсэгт текстээс зөв үгийг хайж олох, зөв ​​бичгийн дүрмийг шалгах хэрэгслүүд байдаг.

"Insert" цэсэнд та PHP код болон гар дээр байхгүй тэмдэгтүүдийг оруулах чадварыг анхаарч үзэх боломжтой.

"Формат" нь текст, зураг болон бусад мэдээллийн дүр төрхийг өөрчлөх өргөн сонголттой.

Хамгийн сонирхолтой, хамгийн чухал нь энд хаана ч харагдахгүй онцлог нь "Хуудасны өнгө ба дэвсгэр" юм. Энэ сонголтыг ашигласнаар та ямар ч арын дэвсгэр зургийг хялбархан нэмэх эсвэл сайтын сайн дэвсгэр өнгө сонгох боломжтой.

Эцэст нь, "Хэрэгслүүд" цэс нь JavaScript консол, CSS засварлагч, HTML кодыг шалгах хэрэгсэл зэрэг сонголтуудыг өгдөг.

Мөн эндээс та програмын тохиргоо болон NVU сэдвийн тохиргоонд хандах боломжтой.

дүгнэлт

NVU-г ойлгоход хялбар байдаг, учир нь програмын бүх удирдлага нь зөвлөмж, тайлбараар хангагдсан бөгөөд Mozilla.ru багийн Оросын хөгжүүлэгчдийн ачаар орос хэл дээр маш сайн тусламж үзүүлдэг.

NVU-ийн цорын ганц дутагдалтай тал нь програмаар үүсгэгдсэн код нь маш нүсэр бөгөөд олон шаардлагагүй шошготой байдаг. Гэхдээ энэ нь танд HTML-г судалж, сайтаа оновчтой болгож, төгс төгөлдөр болгоход түлхэц болно.

Та бүхний хөгжил дэвшилд амжилт, бүх ажил үйлсэд тань амжилт хүсье!

P.S. Эх сурвалжийн нээлттэй идэвхтэй холбоосыг зааж, Руслан Тертышныйгийн зохиогчийн эрхийг хадгалсан тохиолдолд энэ өгүүллийг чөлөөтэй хуулж, иш татахыг зөвшөөрнө.