Аливаа сайтын дизайн нь суурийн байшин шиг дэвсгэр зураг, өнгө дээр суурилдаг. Хэрэв танд интернетийн нөөцийн ердийн суурийг илүү хувийн зүйлээр солих хүсэлтэй байгаа бол дизайныг боловсруулж эхлэх хэрэгтэй. Бэлэн болсны дараа цэвэр техникийн хэсэг хэвээр үлдэх болно, өөрөөр хэлбэл хуудасны эх кодод заасан сайтын дэвсгэрийн хуучин дизайныг шинээр солих болно. Үүнийг практикт хэрэгжүүлэх хэд хэдэн арга байдаг.
Зааварчилгаа
1-р алхам
Эхлээд та сайтын одоогийн хувилбарт аль аргын аль нь тохируулагдсан болохыг олж мэдэх хэрэгтэй. Үүнийг хийхийн тулд хуудасны HTML кодыг нээнэ үү. Та файлыг урьдчилж серверээс татаж аваад энгийн текст засварлагчаар хийж болно. Эсвэл агуулгын менежментийн системийн хуудасны редакторыг ашиглаж болно. Хуудасны редактор нь файлыг татаж авах шаардлагагүй бөгөөд хөтөчийг интерфейс болгон шууд сервер дээрээ өөрчилдөг. Таны нээсэн хуудасны HTML код (HyperText Markup Language) нь хөтөчийн зааврын мөрөөс бүрдэнэ. Эдгээр нь вэб хуудасны элемент бүрийн төрлүүд, гадаад төрх байдал, байршлыг тодорхойлдог. Эдгээр зааврыг ихэвчлэн "шошго" гэж нэрлэдэг. Хуудасны код дээрх хаягуудын дараалал нь HTML хэлний дүрмийг дагаж мөрддөг - тэдгээрийг блокуудад хуваадаг бөгөөд эхнийх нь шошгоос эхлээд төгсгөл болох гарчгийн блок байх ёстой. Үүний дараа танд илүү сонирхолтой блокыг дагаж мөрдөх ёстой - баримт бичгийн хэсэг. Энэ нь хаягууд болон. Энэ блокийн нээх шошго () дээр та хуудасны арын талаар мэдээлэл оруулах боломжтой. Шошго доторх ийм мэдээллийг "шинж чанар" гэж нэрлэдэг. Арын өнгийг тохируулдаг үндсэн шошгоны шинж чанарыг bgcolor гэж тэмдэглэсэн бөгөөд кодонд дараах байдалтай байж болно: Энд бид хуудасны дэвсгэр өнгийг мөнгөлөг болгож тохируулав. Хөтөч нь зарим өнгийг нэрээр нь таних боломжтой боловч андуурахгүйн тулд арван зургаатын кодоо зааж өгөх нь дээр. Арван зургаатын илэрхийлэлтэй мөнгөн өнгө бүхий энэ хувилбар дараах байдалтай байна: Тэгэхээр хуудасны код дээр <body »гэсэн тэмдэглэгээг олж, дэвсгэр өнгө байгаа эсэхийг шалгах хэрэгтэй. Хэрэв тийм бол өнгөний заалтыг шинэ хувилбараар сольж, өөрчлөлтийг хуудсанд хадгална уу.
Алхам 2
Таны сайтын одоогийн дизайны дэвсгэр дэвсгэрийг өнгөөр биш, харин зургаар тохируулж болно. Биеийн шошгын харгалзах атрибутыг арын дэвсгэр гэж нэрлэдэг бөгөөд кодонд дараах байдалтай байж болно: Энд дэвсгэр нь таны серверийн img хавтаснаас bg.jpg
Алхам 3
Харьцангуй төвөгтэй дизайнтай хуудсын дүр төрхийг тайлбарлахдаа "cascading style sheet" - CSS (Cascading Style Sheets) -ийг ашиглана уу. CSS кодын блокуудыг хуудасны кодонд шууд оруулах эсвэл "css" өргөтгөлтэй гадаад файлд агуулагдах боломжтой. Та хуудасны кодын толгой хэсэгт <хэв маягаас эхэлж хэв маягийн тодорхойлолтын шошгыг хайх хэрэгтэй (ба шошгоны хооронд). Хэрэв энэ нь гадны файлын холбоосыг агуулсан бол иймэрхүү харагдах болно: @import "style.css"; Энд style.css нэртэй загварын хүснэгтийн холбоос байна. Та засахын тулд заасан файлыг нээх хэрэгтэй. Хэрэв холбоос байхгүй бол <style tag-ийг нээсний дараа загварын заавар байгаа бол та тэдгээрийг энд засах хэрэгтэй. Хоёр хувилбарын аль алинд нь хэв маягийн тодорхойлолтуудын дунд та баримт бичгийн (биетэй) их биетэй холбоотой зүйлийг хайх хэрэгтэй. Энэхүү тодорхойлолтын хэсэг дараах байдалтай байж магадгүй: body {
дэвсгэр өнгө: Мөнгө;
өнгө: Хар;
} Энд та арын өнгөний параметрийн утгыг шинэ өнгөөрөө сольж, ижил арван зургаатын утгаар солих хэрэгтэй. CSS зааврын арын зургийн сонголт дараах байдалтай байх ёстой: body {
дэвсгэр: # C0C0C0 url (img / bg.jpg) давтах-y;
өнгө: Хар;
} Энд зургийн холбоос нь дээр дурдсан линктэй төстэй бөгөөд холбоосын өмнөх # C0C0C0 нь дэвсгэр зураг эзэлдэггүй хуудасны зай мөнгөн дэвсгэртэй болно гэсэн үг юм. "Repeat-y" нь арын зургийг Y (босоо) тэнхлэгийн дагуу үржүүлэх шаардлагатайг харуулж байна."Repeat-y" -ийг "давтах-x" (хэвтээ хуулбарлах) эсвэл "давтахгүй" (давтахгүй) -ээр сольж болно. Хэрэв та давтахыг огт заагаагүй бол арын дэвсгэр зургийг бүх чиглэлд хуудасны арын зайд хавтанцар болгоно.
