Html хуудас үүсгэх програм

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

Дэлгэцийн зургийн цомог

Төлбөртэй аналогитай харьцуулах

Үйл ажиллагааны хувьд RJ TextEd нь энгийн Notepad-ээс хамаагүй илүү бөгөөд бүрэн хэмжээний хөгжүүлэлтийн орчинд ойртдог.

Та програмыг MetaProducts Web Studio-ийн төлбөртэй HTML засварлагчтай харьцуулж болно.

Дээрх бүх зүйлээс гадна RJ TextEd нь хэд хэдэн давуу талтай:

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

Хөтөлбөрийг эхлүүлж байна

Анхдагч байдлаар, толь бичгийг зөвхөн англи хэлээр тохируулсан боловч залгаасын удирдлагын цонхонд та бусад олон хэлний (Орос, Украин гэх мэт) баталгаажуулах файлуудыг татаж авах боломжтой.

Төслүүдтэй ажиллах

RJ TextEd нь төслүүдтэй ажиллах функцтэй. Өөрөөр хэлбэл, та зөвхөн бие даасан файлуудыг нээхээс гадна бүх сайттай нэгэн зэрэг ажиллаж, янз бүрийн хуудсуудын хооронд хурдан шилжилт хийх боломжтой!

"Төслийн менежер" нь хажуугийн самбарын тав дахь таб дээр байна:

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

Төслийг үүсгэсний дараа бид түүнд зарим файл нэмэх хэрэгтэй.

Файлууд нь эхнээс нь "үүсгэх" ("Файл" цэс) эсвэл "Нэмэх" (төслийн контекст цэс) байж болно. Нэмж дурдахад та нэг баримт бичиг болон бүхэл хавтас хоёуланг нь нэг дор нэмж болно (хэрэв танд RJ TextEd орчинд үргэлжлүүлэн ажиллахыг хүссэн бэлэн сайт байгаа бол).

Төслүүдтэй ажиллахын давуу тал нь бүх файлууд байнга бэлэн байхаас гадна та үйл ажиллагаагаа төлөвлөх боломжтой байдаг. Жишээлбэл, та төсөлдөө юу хийх ёстойг зааж өгч болно. Үүнийг хийхийн тулд TODO тайлбарыг ашиглана уу:

Түүний ерөнхий синтакс нь: "//TODO: бидний текст...". Дээрх дэлгэцийн агшинд та HTML хэл дээрх TODO-г ашиглах жишээг харж болно, үүнд бид хийх ажлын жагсаалтын бүтцийг бидний кодлож буй хэлний тодорхойлолтын дагуу нэмэлт тайлбар хэлбэрээр нэмж оруулсан болно.

Та хийх ажлын жагсаалтыг "Code Explorer" таб (дэлгэцийн зураг дээр) болон өмнөх "Төслийн ангиудын тойм" таб дээрээс үзэх боломжтой.

Дашрамд хэлэхэд, "Code Explorer" нь зөвхөн төслүүдэд төдийгүй бие даасан файлуудад ашиглагдах боломжтой. Түүний шошго таб нь бидэнд баримт бичгийн бүтцийг хурдан шалгаж, зөв ​​газар руу шилжих боломжийг олгодог!

Суурилуулсан файлын менежер

Бид баримт бичгийг засварлах цонхны доорх табуудтай аль хэдийн танилцсан бөгөөд одоо тэдгээрийн хамгийн сүүлийн хувилбар болох "Файл менежер" -ийг харцгаая.

Үнэн хэрэгтээ энэ таб нь энэ төрлийн програмын үндсэн функцуудыг агуулсан хоёр самбар бүхий стандарт файлын командлагч юм. Эдгээр функцуудад:

• файл, хавтас үүсгэх/өөрчлөх/устгах;
• файл хуулах / зөөх;
• ZIP архивтай ажиллах;
• FTP серверүүдтэй ажиллах (өгөгдлийн синхрончлолыг оруулаад).

Нэмж дурдахад, байнга ашиглагддаг хавтсанд хавчуурга үүсгэх нэлээд хялбар функц байдаг. Үүнийг хийхийн тулд "Дээш" товчлуурын дараа сумыг товшоод "Хавтас нэмэх" -ийг сонгоно уу.

Одоогоор нээлттэй байгаа лавлахад хавчуурга үүсгэж, жагсаалтын хамгийн дээд хэсэгт байрлуулна. Мөн "Дуртай" фолдерууд жагсаалтад автоматаар орно (үндсэн самбар дээрх одтой товчлуур).

Плагинуудтай ажиллах

RJ TextEd олон жилийн турш түүнд зориулж нэлээд олон тооны төрөл бүрийн залгаасууд бичигдсэн байдаг.

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

Энд бид таван табтай бөгөөд дөрөв нь нэмэлт програмуудыг татаж авах үүрэгтэй бөгөөд сүүлийнх нь прокси серверээр дамжуулан интернет холболтыг тохируулах явдал юм. Тодорхой нэмэлтийг суулгахын тулд бид үүнийг жагсаалтаас сонгоод "Суулгах" товчийг дарна уу.

Хэрэв шаардлагатай залгаас байхгүй бол та "Татаж авах" товчийг дарж интернетээс татаж авахыг оролдож болно.

Үүний зэрэгцээ, үнэндээ бид зөвхөн нэмэлт "Сэдэв" болон "Толь толь бичгүүдийг" татаж авах боломжтой, учир нь бусад хэсгүүдэд жагсаалтад байгаа хэсгээс ялгаатай нэмэлтүүд байдаггүй :).

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

Тохиргооны талаар бага зэрэг

Зууш идэхийн тулд тэдний хэлснээр програмын тохиргоог харцгаая. Та ижил нэртэй цэсний "Тохиргоо" гэсэн зүйлийг дарж үүнийг хийж болно.

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

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

Яагаад? Гэхдээ попап цонхнууд нь заримдаа засварласан кодыг хаадаг тул :(.

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

Гэсэн хэдий ч бодит байдал дээр энэ нь хангалтгүй бөгөөд шошгоны жагсаалт бүхий цонх үргэлж бидний өмнө гарч ирдэг. Бүх зөвлөмжийг бүрэн унтраахын тулд бид "Автоматаар гүйцээх саатал" утгыг "-1" болгож тохируулах хэрэгтэй (дээрх дэлгэцийн зургийг үзнэ үү).

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

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

Жишээлбэл, бид PHP эсвэл SSI дээр байгаа сайттай ажиллахыг хүсч байгаа боловч анхдагч байдлаар, PHP кодыг тайлбарлахад идэвхтэй вэб сервер шаардлагатай байдаг тул суулгасан хөтчийн хөдөлгүүрүүд нь засварлаж буй хуудасны HTML хэсгүүдийг л боловсруулах болно.

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

Үүнийг хийхийн тулд програмын тохиргоо руу очоод "Сонголтууд" хэсэгт бид "Урьдчилан үзэх (хөтөч)" дэд хэсгийг олох болно.

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

Ингээд л боллоо :) Одоо та өөрийн заасан хавтсаас ямар нэгэн чухал файлыг (тодорхой хуудсыг хариуцдаг) нээхэд таны сайтын бүрэн харагдах байдал урьдчилан харах цонхонд нээгдэнэ!

Хөтөлбөрийн давуу болон сул талууд

Alt="(!LANG: RJ TextEd-ийн давуу тал 12.20">Плюсы:!}

• харьцангуй жижиг хэмжээтэй;
• олон хэлний синтаксийг тодруулахад дэмжлэг үзүүлэх;
• үсгийн алдаа шалгах (орос хэлийг оруулаад);
• төслүүдтэй ажиллах;
• хөгжлийг хөнгөвчлөх, хурдасгах олон ашигтай хэрэгслүүд.

Alt="(!LANG:RJ TextEd-ийн сул тал 12.20">Минусы:!}

• үргэлж автоматаар залруулдаггүй;
• ямар ч жижиг ашиг тус байхгүй (жишээлбэл, сонгосон фрагмент дахь нэмэлт мөрийг арилгах).

дүгнэлт

Нэгэн удаа Руслан Богданов бид хоёр UTF-8-ийг дэмждэг, баялаг функцтэй текст засварлагчийг олохын тулд интернетээс дэлхийн хэмжээнд хайлт хийсэн.

Тохиромжтой үнэгүй редакторХарамсалтай нь бид үүнийг хэзээ ч олсонгүй, гэхдээ олдсон бүх зүйлээс хамгийн тохиромжтой нь RJ TextEd байв.

Үүний зарим функцууд тийм ч тодорхой бус хэрэгждэг боловч энэ нь түүний ач тусыг бууруулдаггүй! Тиймээс, хэрэв та өөртөө зориулж HTML засварлагч олох талаар санаа зовж байгаа бол RJ TextEd-ээс илүү сайныг олох магадлал багатай юм. Ядаж л бид олсонгүй... ;)

Дараах үг

Хэрхэн програмчлахыг сурахыг хүссэн хүн бүр "Ямар программ дээр код бичих вэ?" гэсэн ижил асуултыг байнга асуудаг. Хариулт нь энгийн: энгийн, форматгүй тексттэй ажиллахыг дэмждэг ямар ч Notepad дээр.

Өөрөөр хэлбэл, танд энгийн баримт бичгийг хэвлэхэд дассан бүрэн хэмжээний текст процессор хэрэггүй, гэхдээ хамгийн энгийн. текст засварлагчСистем нь TXT файлуудыг нээхэд ашигладаг бүх төрлийн товчлуур, хонх, шүгэлгүй!

Мэдээжийн хэрэг, энэ бол хамгийн бага хөтөлбөр юм. Ноцтой програмуудыг бичихийн тулд танд бүх төрлийн хөрвүүлэгч, баталгаажуулагч болон кодлож буй хэлэндээ тохирсон бусад тусгай хэрэгслүүд хэрэгтэй болно.

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

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

1. Код засварлагч гэж юу вэ?

2. Код засварлагчийн төрлүүд.

3. Аль төрлийг хэрэглэх нь дээр.

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

Яагаад танд код засварлагч хэрэгтэй байна вэ?

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

Тохиромжтой болгох үүднээс та:

1. Заримдаа код нь маш том хэмжээтэй байж болох тул кодыг өөрөө удирдахад ихээхэн хөнгөвчлөх кодыг тодруулах.

2. Тусгай товчлууруудыг дарахад зарим функц автоматаар хуваарилагдах, эсвэл HTML-ийн хувьд шошго оруулдаг.

Гэсэн хэдий ч, хэрэв би бүх тохь тухыг ерөнхийд нь хүртэл жагсааж эхэлбэл үр дүн нь "Дайн ба энх"-ээс дутахгүй ном болно. Тэд маш олон байж магадгүй юм.

Төрөлүүдийн талаар дэлгэрэнгүй

Одоо хоёр дахь асуулт руугаа орж, ямар төрлийн код засварлагчдыг хуваадаг болохыг олж мэдье. Тэдгээрийн зөвхөн хоёр нь байдаг - энэ бол ердийн код засварлагч ба визуал юм. Энэ хоёр төрөл юугаараа ялгаатай вэ? Тэдгээрийн ялгаа нь энгийн код засварлагч дээр та кодыг өөрөө оруулснаар бүх өөрчлөлтийг хийдэг бөгөөд зөвхөн засварласан файлаа ажиллуулснаар эдгээр өөрчлөлтийн үр дагаврыг харж болно. Визуал код засварлагчийн хувьд хүн HTML болон CSS-ийг огт мэдэхгүй байж магадгүй бөгөөд тэр үед сайтад зориулж үзэсгэлэнтэй хуудас үүсгэдэг.

Код засварлагч тийм чухал уу?

Энэ нь илүү дээр байж болох юм шиг санагдаж байна уу? Та CSS эсвэл HTML-ийн аль нэгийг мэдэх шаардлагагүй, та Microsoft Word програм шиг ажилладаг, өөрөө текст бичдэг, зураг, хүснэгт, линк оруулдаг - програм нь тэдгээрийг HTML формат руу автоматаар кодлож, сайтын ажлын хуудсыг үүсгэдэг гэж хэлж болно. , үүнээс гадна та нэг товчлуур дээр дарснаар таны сайт ямар харагдахыг шууд харах боломжтой.

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

Одоо бид энэ нийтлэлийн гурав дахь асуулт руу шилжиж байна: ямар төрлийн код засварлагч ашиглах нь дээр вэ?

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

Редакторуудын сул тал

Эхний ийм сул тал- Энэ бол төлбөр юм. Ийм редакторууд хэдэн зуун алагдсан элбэнх үнэ цэнэтэй юм (c.u.). Зөвшөөрч байна - хүн бүр үүнийг төлж чадахгүй! Гэхдээ энэ хасах нь хурдан давуу тал болж хувирдаг, учир нь та манай интернетээс ямар ч програм олж, татаж аваад үнэгүй (хууль бус) ашиглах боломжтой. Хамгийн гол нь юу хайхаа мэдэх явдал юм. Гэхдээ энэ бол мөнгөний хасах зүйл бөгөөд үүнийг амархан шийддэг - тэд зардлаа багасгаж, худалдаж авдаг.

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

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

Энэ асуудлыг хоёр аргаар шийддэг - эсвэл та кодыг багасгахын тулд хуудсыг оновчтой болгох хэрэгтэй, гэхдээ үүний тулд та кодыг ойлгох хэрэгтэй - CSS болон HTML-г мэддэг. Эсвэл хөдөлмөрлөж олсон мөнгөө төлнө.

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

Би код засварлагчтай вэбсайт үүсгэж болох уу?

Орчин үеийн сайтуудыг бий болгохын тулд танд зориулж бүх зүйлийг 5 минутын дотор бэлэн болгох тусгай шийдлүүд байдаг бөгөөд та програмчлалын хэлний бэлэн хувилбаруудыг огт ойлгохгүйгээр аюулгүй ашиглаж болно. Эдгээр шийдлүүдийг агуулгын удирдлагын систем гэж нэрлэдэг - CMS.

Гэхдээ энэ нь бас нэг чухал сул талыг илэрхийлдэг бөгөөд энэ нь CMS бүр нь сайтын хэд хэдэн стандарт загвартай, өөрөөр хэлбэл таны сайтын дизайнтай хамт ирдэг. Мөн эдгээр загварууд нь муухай, өвөрмөц биш бөгөөд зөвхөн зочдыг айлгадаг. Мөн визуал засварлагч нь CMS-д зориулж загвар үүсгэх боломжгүй болно! Учир нь энэ нь өөрийн гэсэн загвар, сонголтуудыг ашигладаг. Та ийм загваруудыг гараар засах хэрэгтэй бөгөөд энэ нь дахин CSS болон HTML-ийн мэдлэгийг шаарддаг.

Эндээс дүгнэлт - Хэрэв та орчин үеийн үзэсгэлэнтэй вэбсайттай болохыг хүсч байвал- Танд хоёр сонголт байна - энэ сайтыг мэргэжлийн хүмүүсээс захиалж, зуу ба түүнээс дээш долларын үнэтэй эсвэл агуулгын удирдлагын системийн загварыг өөрөө хий. Үүний тулд та CSS болон HTML-ийг ойлгох хэрэгтэй - урьдчилсан нөхцөл! За, PHP бага зэрэг мэдлэгтэй, гэхдээ та үүнийг хийхгүйгээр хийж чадна!

HTML болон CSS-ийг сурахын тулд та зааварчилгаа авч, тэдгээрийг визуал засварлагч дээр биш харин практик дээр туршиж үзэх хэрэгтэй, учир нь товчлуур дээр дарахад л та юу ч санахгүй байх болно, гэхдээ ердийн аргаар функц бүрийг дээр нь оруулна. гар.

HTML болон CSS засварлагчийг хаанаас үнэгүй татаж авах вэ

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

хаалт засварлагчЭхлэгчдэд хамгийн сайн, ойлгомжтой орос хувилбар:

SublimeText 3 засварлагч, хурдан бөгөөд найдвартай, олон мэргэжилтнүүд ашигладаг (зөвхөн англи хэлтэй ч):

Таны бодол?

Гарсан он: 2010 он

Үйлдвэрлэгч: Мэргэжилтэн

Тараах материалын төрөл: Видео заавар

Орос хэл

Тодорхойлолт:

HTML болон CSS курсын талаарх вебинар. Түвшин 1. W3C стандартын дагуу сайтуудыг бий болгох - видео, лаборатори, танилцуулга гэх мэт.

* Модуль 1. Удиртгал ба үндсэн ойлголтууд*

Тэмдэглэгээний хэлний талаархи үндсэн мэдээлэл: HTML, XML, XHTML. Тэмдэглэгээний хэлний хувьсал. HTML хэлний зорилго, зорилтууд.

WEB сервер, вэбсайт, вэб хуудас гэж юу вэ, тэдгээр нь юугаараа ялгаатай вэ

HTML баримт бичгийн бүтэц. Элемент ба шинж чанаруудыг ойлгох

Яагаад бидэнд заавар хэрэгтэй байна вэ! DOCTYPE

Таг гэж юу вэ? Шошгоны төрлүүд. HTML баримтыг форматлах дүрэм

Текст форматлах үндсэн элементүүд. Блок (блок) ба текст (дотор) тэмдэглэгээний элементүүд

Сэтгэгдэл ашиглах.

Notepad дээр HTML документ үүсгэх

Интернет дэх нөөцийг шийдвэрлэх механизмууд. Механизмыг HTML дээр хэрэгжүүлэх

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

Вэб хуудсан дээр зураг зурах. Зургийн файлын төрлүүд. IMG элемент ба түүний шинж чанарууд

Сайтын хуудсан дээрх зургуудыг тараах: заль мэх, зөвлөмжүүд

Модуль 3

Жагсаалтыг ашиглан вэб хуудасны мэдээллийг бүтэцжүүлэх. Жагсаалтын төрлүүд

HTML 4 дэх хүснэгтийн загварын онцлог, HTML 3.2 дахь загвараас ялгаатай. Хүснэгт ба түүний элементүүд

Хүснэгт болон түүний нүднүүдийн хэмжээг тохируулах дүрэм. Нүднүүдийг нэгтгэх. Хүснэгттэй ажиллахад гаргадаг нийтлэг алдаа

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

Оруулсан хүснэгтүүдийг ашиглах

Вэб хуудсан дээрх хүснэгтүүдийг ашиглах арга техник

Модуль 4

Маягт яагаад хэрэгтэй вэ? Маягтын элементүүд

Маягтын талбараас мэдээлэл илгээх аргууд

Санал асуулгын жишээн дээр маягт үүсгэхдээ хүснэгтийн функцуудыг ашиглах

Хөтөчийн цонхыг хүрээ болгон хуваах. HTML хэл дээрх хүрээний тайлбар. Хүрээний харилцан үйлчлэлийн логикийг тохируулах

Хүрээтэй холбоотой сайтын нийтлэг асуудлууд

Модуль 5: Загварын каскадын хүснэгтүүд (CSS)

CSS-ийн үндсэн зорилго, зорилтууд. Вэб хуудсанд хэв маяг нэмэх арга замууд. CSS 1-р түвшин ба 2-р түвшний үзүүлэлтүүд: Онцлогууд, хөтчийн дэмжлэг

CSS: үндсэн ойлголт, тодорхойлолт. Загварын хэлний дүрэм

Загвар, ангиудыг бий болгох. Каскадын зарчим ба бүлэглэх зарчим

HTML баримтын элементүүдэд хэв маяг, ангиудыг ашиглах

Загварыг засахын тулд TopStyle ашиглах

CSS-ийн гоёл чимэглэлийн онцлогууд: Хил болон дэвсгэр

Псевдо анги ба псевдо элементүүдийг ашиглах

CSS-тэй хуудсан дээрх элементүүдийг байрлуулах

Элемент загварын хяналт (дэлгэцийн шинж чанар)

Модуль 6

Гадаад загварын файл үүсгэх, ашиглах. Холбох, импортлох замаар сайтын хуудсуудтай холбогдох

Мэдээллийн танилцуулгын загварыг харгалзан хэв маягийн дизайныг боловсруулах (медиа төрөл)

CSS-тэй орчин үеийн вэбсайтын зохион байгуулалт. CSS-ийн чадавхийг хамгийн их ашигладаг сайтуудын жишээн дээрх аргуудын тойм

Загвар ашиглах вэб хуудасны зохион байгуулалтын арга

CSS-ийн 2-р түвшний шинэ боломжууд ба тэдгээрийн хөтөчийн дэмжлэг.

Модуль 7: HTML болон CSS-ийн дэвшилтэт онцлогууд XML технологи ба тэдгээрийн хэрэглээ

CSS 2-р түвшний шинэ боломжууд ба тэдгээрийн хөтөчийн дэмжлэг. Хөтөчийн чадавхийг харгалзан загварын дизайн

Вэб хуудсан дээр аудио болон видео материалыг байрлуулах: жишээ

Тусгай HTML хаягууд. Захиалгат CSS функцууд (шүүлтүүр)

XML технологи ба тэдгээрийн хэрэглээ

Модуль 8

META элементийг ашиглан сайтын мета мэдээллийг тайлбарлах

Хостинг хийх асуултууд

FTP клиентийг тохируулж байна. Компьютерийн сургалтын төвөөс үнэ төлбөргүй олгодог сервер дээр сайт байршуулах

Сайтын дэмжлэг үзүүлэх асуултууд

Сайтыг "сурталчлах" арга замууд Мэргэжилтний вэбсайт дээрх дэлгэрэнгүй тайлбар

Жишээ файлууд: одоо байна