Вэбсайт үүсгэхийн тулд вэб програмчлалын үндсийг мэддэг байх хэрэгтэй. Үүний тулд HTML, CSS, JavaScript-ийг сурах шаардлагатай. Эхний дурдсан хоёр хэлийг сурахад хялбар байдаг. JavaScript нь илүү төвөгтэй байдаг. Ажлаа хөнгөвчлөхийн тулд та янз бүрийн HTML болон CSS код засварлагч ашиглаж болно.
HTML
HTML - вэб хуудсуудыг бичдэг хэл нь сайтын ноён нуруу юм. Энэ хэлтэй ажиллахын тулд танд "Notepad" текст засварлагч, хөтөч хэрэгтэй. Энгийн хуудас үүсгэхийн тулд та "Тэмдэглэлийн дэвтэр" файлыг үүсгээд дараа нь нээгээд "хадгалах" функцийг сонгох хэрэгтэй. Та дурын нэрийг ".html" өргөтгөлийн дараа бичиж болно. Баримт бичгийн төрлийг "бүх файлууд" гэж сонгох ёстой. Notepad-ийн хажууд таны хөтөч дээр нээх боломжтой файл гарч ирнэ. Дараагийн шаардагдах алхам бол doctype ба хаягуудаас бүрдэх энгийн вэб хуудасны тэмдэглэгээ юм. Энэ нь иймэрхүү харагдах болно:
Та вэб кодыг Notepad програмаар нээж энэ кодыг буулгаж болно. Opera хөтөч нь вэб нөөцийг шууд засах боломжийг олгодог. Үүнийг хийхийн тулд контекст цэс рүү залгаж "эх код" -ыг сонгоно уу.
Doctype нь хуудасны агуулгыг хэрхэн яаж харуулах ёстойг хөтөчдөө зарлах явдал юм. Хэд хэдэн төрлийн тунхаглал байдаг боловч HTML-ийн тав дахь хувилбар гарснаар нэг төрлийн хэв загварыг батлав
Таг гэдэг нь html хэлний нэгж юм. Сайт дээрх шошгоны тусламжтайгаар зургийг харуулах, дэвсгэрийг тохируулах, текстийг форматлах гэх мэт. Ихэнхдээ элементийг харуулахад хоёр таг ашигладаг: нээх ба хаах. Тэд хоёулаа " гэж эхэлдэг. Цорын ганц ялгаа нь хаалтын шошгонд "<" тэмдэгийн дараа налуу зураас бичнэ. Жишээлбэл, сайтын нэр. Холбоосыг вэб хуудсанд харуулах болно.
Шошгоны жагсаалтыг интернетэд чөлөөтэй авах боломжтой лавлах номноос олж болно.
CSS
CSS загварын хэв маягийн параметрүүд, үүний ачаар та сайтын бүх хуудсын дизайныг хянах боломжтой болно. CSS үүсгэхийн тулд текст засварлагч файл үүсгэж нээгээд "хадгалах" сонголтыг сонгов. Аливаа нэрийг оруулсан бөгөөд дараа нь ".css" өргөтгөл оруулна. Үүнийг ows гэж нэрлэдэг гэж үзье. Энэ файлыг хуудсуудтай холбохын тулд та шошгоны хооронд кодыг оруулах хэрэгтэй. Энэ нь CSS болон вэб хуудсууд нэг хавтсанд байгаа тохиолдолд л ажиллана. Хэрэв өөр хавтсанд байгаа бол href = "ows.css" кодын хэсэгт та файлын байршлын замыг зааж өгөх ёстой.
Та CSS файлын хэв маягийг өөрөө тохируулж болно. Кодыг тодорхой дүрмийн дагуу бичсэн болно:
Жишээ:
body {background-image: url (img / tree.jpg);}
a: холбоос {өнгө: улаан;}.
Эхний код нь хуудасны арын дэвсгэрийг дүрс болгон тохируулдаг. Хоёрдахь код нь холбоосын өнгийг тохируулдаг. Бие нь хэв маягийг ашигладаг аливаа элемент байж болно. Бүх CSS шинж чанаруудыг лавлагаанаас олж болно.
JavaScript
JavaScript бол вэб хуудасны скрипт хэл юм. Энэ нь динамик сайт үүсгэхэд ашиглагддаг. JavaScript-ийн тусламжтайгаар хуудасны агуулгыг ямар ч үзэмжээр уян хатан өөрчлөх боломжтой. Хэлний кодыг HTML-тэй ижил газарт оруулсан болно.
Скрипт нь тэмдэглэгээнээс эхлээд төгсгөл болно. Тодорхойлогдсон функцууд нь тэдгээрийн хооронд бичигдсэн байдаг. Тэдгээр нь олон тонн бөгөөд та тэдгээрийг JavaScript ном, лавлах номноос олж болно. Энэ хэл дээр объектын шатлал байдаг гэдгийг та мэдэх хэрэгтэй. Тодорхой элементэд функцийг хуваарилахдаа эхлээд өндөр объектоос бүх замыг зааж өгнө.
Интернет дээр сайт байрлуулах
Хэрэв сайт аль хэдийн бүтээгдсэн бол интернетэд байрлуулах цаг болжээ. Үүнийг хийхийн тулд та домэйн болон хостинг худалдаж авах хэрэгтэй. Хэрэв тэдгээрийг нэг газар худалдаж авбал илүү тохиромжтой байх болно.
Домэйн - Интернет дээрх вэбсайтын өөрийн өвөрмөц нэр. Гурван түвшин байдаг. Эхний түвшний домэйн нэрийг зарахгүй. Жишээлбэл, ru, net, com, org. Та домайнуудын хоёр ба гурав дахь түвшинг сонгож болно.
Хостинг нь тухайн сайтын агуулгыг байршуулах, тухайлбал зураг, хөгжим, текст гэх мэт сервер дээрх зай юм.