Энгийн бөгөөд тохиромжтой html засварлагч. Visual HTML редактор

Хүүхдэд зориулсан antipyretics нь хүүхдийн эмчийн зааж өгсөн байдаг. Гэхдээ хүүхдэд яаралтай эм өгөх шаардлагатай үед халуурсан онцгой нөхцөл байдал байдаг. Дараа нь эцэг эх нь хариуцлага хүлээж, antipyretic эм хэрэглэдэг. Нярайд юу өгөхийг зөвшөөрдөг вэ? Том хүүхдүүдэд температурыг хэрхэн бууруулах вэ? Ямар эм хамгийн аюулгүй вэ?

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

Тэр яагаад сайн юм бэ? Тийм ээ, вэб хуудас үүсгэхийн тулд вэб програмчлалын хэлийг судлахад санаа зовох шаардлагагүй болно. Та зүгээр л текст бичиж, зураг эсвэл хөдөлгөөнт дүрс оруулахад 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. Эх сурвалжийн нээлттэй идэвхтэй холбоосыг зааж, Руслан Тертышныйгийн зохиогчийн эрхийг хадгалсан тохиолдолд энэ өгүүллийг чөлөөтэй хуулж, иш татахыг зөвшөөрнө.

Влад Мержевич

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

  • Текст засварлагч.
  • Үр дүнг харах хөтөч.
  • Validator нь HTML синтаксийг шалгах, кодын алдааг илрүүлэх програм юм.
  • График засварлагч.
  • HTML хаягуудын лавлагаа.

Текст засварлагч

HTML баримтыг аль ч хэлбэрээр үүсгэж болно текст засварлагч, хэдийгээр Notepad боловч програм бүр энэ зорилгод тохирохгүй. Танд дараах функцуудыг дэмждэг нэг нь хэрэгтэй:

  • синтакс тодруулах - шошго, текст, түлхүүр үг, параметрүүдийг өөр өөр өнгөөр ​​тодруулах. Энэ нь хүссэн элементийг олоход хялбар болгож, хөгжүүлэгчийн ажлыг хурдасгаж, алдаа гарахыг багасгадаг;
  • хавтастай ажил. Сайт нь тусад нь засварлах шаардлагатай файлуудын багц бөгөөд хэд хэдэн баримт бичигтэй зэрэг ажиллах боломжтой редактор шаарддаг. Үүний зэрэгцээ хүссэн баримт бичиг рүү хурдан шилжихийн тулд файлуудыг тусдаа цонхонд нээх нь тохиромжтой;
  • одоогийн баримт бичигт алдаа байгаа эсэхийг шалгах.

PSPad

HtmlReader

Notepad++

Засварлах Plus

Хөтөч

Хөтөч нь вэб хуудсыг үзэх зориулалттай програм юм. Эхлээд ямар ч хөтөч үүнийг хийх болно, гэхдээ туршлага, мэдлэг нэмэгдэхийн хэрээр та янз бүрийн хөтөч дээр сайтын зөв дэлгэцийг шалгахын тулд бүхэл бүтэн "менажери" эхлүүлэх хэрэгтэй болно. Баримт нь хөтөч бүр өөрийн гэсэн онцлог шинж чанартай байдаг тул кодын түгээмэл байдлыг шалгахын тулд тэдгээрийг анхаарч үзэхийн тулд кодыг хянаж, тохируулах хэрэгтэй. Өнөөдөр хамгийн алдартай гурван хөтөч бол Firefox, Internet Explorerболон Opera.

Mozilla Firefox

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

Microsoft Internet Explorer (IE)

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

Дуурь

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

сафари

Apple-ийн боловсруулсан энэхүү хөтөч нь iPhone болон үйлдлийн систем Apple компьютер дээрх MacOS. Windows-д зориулсан хувилбар бас бий.

Гүүгл Кром

2008 оны сүүлээр зах зээл дээр гарч ирсэн хөтөч. Google-ээс боловсруулсан.

Баталгаажуулагч

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

HTML файлын хүчинтэй эсэхийг хэрхэн шалгах вэ

Хэрэв танд интернет холболт байгаа бол http://validator.w3.org хаягаар орж, тусгай маягтаар шалгах бичиг баримт эсвэл сайт руу орох замыг оруулна уу. Баталгаажуулсны дараа алдаа гарч болзошгүй эсвэл баримт бичиг амжилттай баталгаажсан гэсэн бичээс гарч ирнэ.

Эмх цэгцтэй

Орон нутгийн HTML файлыг шалгах эсвэл интернет холболт байхгүй үед Tidy програмыг боловсруулсан болно. PSPad зэрэг зарим засварлагч нь аль хэдийн суулгасан Tidy-г агуулдаг бөгөөд баримт бичгийн баталгаажуулалтыг нэмэлт хэрэгсэлгүйгээр хийх боломжтой.

График засварлагч

Зургийг боловсруулж, вэб хуудсанд хэвлэхэд бэлтгэхийн тулд график засварлагч шаардлагатай. Энэ төрлийн хамгийн алдартай програм бол Photoshop бөгөөд энэ нь зураг боловсруулах, вэбсайтад график үүсгэх стандарт болсон. Гэхдээ ихэнх тохиолдолд Photoshop-ийн хүч хэт их байдаг тул илүү энгийн, илүү уян хатан зүйл ашиглах нь дээр. Ялангуяа Paint.Net програм нь зурагтай шаардлагатай бүх залруулга хийх боломжийг олгодог бөгөөд үүнээс гадна ашиглахад үнэ төлбөргүй байдаг.

HTML шошгоны лавлагаа

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

Онлайн лавлахууд

HTML хаягуудын тайлбар (англи хэл дээр)
http://www.w3.org/TR/html4/index/elements.html

Энэ сайтаас та Runet дээрх шошготой холбоотой шилдэг гарын авлагуудын нэгийг олох болно.



Төслийг дэмжээрэй - холбоосыг хуваалцаарай, баярлалаа!
Мөн уншина уу
тахиа зодооны тоглоомын дүрэм тахиа зодооны тоглоомын дүрэм Minecraft 1.7-д зориулсан 10 цагны жор.  Minecraft дээр гар урлалын зүйл хийх жор.  Minecraft дахь зэвсэг Minecraft 1.7-д зориулсан 10 цагны жор. Minecraft дээр гар урлалын зүйл хийх жор. Minecraft дахь зэвсэг Шиллинг ба стерлинг - үгсийн гарал үүсэл Шиллинг ба стерлинг - үгсийн гарал үүсэл