Сайтуудын дизайн гаргахдаа та үндсэн асуултыг шийдэх хэрэгтэй болно: өөр өөр дэлгэцийн нарийвчлалтайгаар нээгдэх үед хуудасны үйл ажиллагаа ямар байх вэ? Энд "резинэн" (сунах) сайтын хуудас эсвэл статик гэсэн хоёр сонголт байна. Эхний хувилбарыг авч үзэх болно. Та зохион байгуулалтыг илүүд үзсэн хамаагүй, суналтын дизайны үндсэн зарчим нь харьцангуй өргөтгөх боломжтой юм.
Энэ нь зайлшгүй шаардлагатай
- - HTML мэдлэг;
- - html-кодыг засах програм.
Зааварчилгаа
1-р алхам
Өөрийн сайтын загварт зориулж үндсэн тэмдэглэгээг тусгах үндсэн файлыг сонгоно уу. Энэ нь index.html эсвэл index.php файл байж болно. Сайтуудын загварыг засах шилдэг програмуудын нэг бол Macromedia Dreamweawer юм. Шаардлагатай засварыг энэ програмын үндсэн дээр хийх болно.
"Файл" - "Шинэ", категори - "Үндсэн хуудас" - "HTML" эсвэл "Динамик хуудас" - "PHP" гэсэн командын дагуу загвар файлыг нээх эсвэл шинээр үүсгэх боломжтой. Сайтын бүтэц яг хоёр файлын аль нэгэнд нь бичигдсэн ерөнхий тохиолдлыг энд авч үзье.
Алхам 2
Ширээнүүд, див-блокууд болон хосолсон (хүснэгтүүд ба блокууд нэгэн зэрэг) янз бүрийн хэлбэртэй байдаг нь удаан хугацааны туршид нууц биш байсан. Html хаяг нь хүснэгтийн зохион байгуулалтыг хариуцдаг
Үл хөдлөх хөрөнгө бүрийн хувь хэмжээг (100%) тодорхойлно уу. Энэ нь хүснэгтийн нүднүүдийг ямар ч геометр бүхий дэлгэцэн дээр автоматаар сунгах үр дүнд хүрэх болно. Энэ нь 19 инчийн дэлгэц эсвэл ухаалаг гар утас байж болно - тус бүр нь агуулгыг зөв хуулбарлах болно.
Алхам 3
Хэрэв та хүснэгтийн нүднүүдийн хоорондох захидал харилцааг яг нарийн зааж өгөх шаардлагатай бол дараах жишээг ашиглана уу.
| … … 1-р нүдний агуулга. … | … … 2-р нүдний агуулга. … |
Энд нүднүүдийн аль нэгийг хүснэгтэд зориулж тодорхойлсон бүх зүйлийн 30% -ийн өргөнөөр зааж өгөх болно. Энгийн тооцооллоос харахад 100% -30% = 70% нь хоёр дахь нүдэнд үлдэнэ. Энэ тохиолдолд хүснэгтийн нүдний аль нэгэнд өргөний шинж чанарыг тохируулах ёсгүй гэдгийг санаарай. Хөтөч нь бүх тооцоог дангаараа хийх бөгөөд хүснэгтийг нүдээр зөв сунгана. Хүснэгт доторх агуулга нь янз бүрийн дэлгэцэн дээр зөв сунаж, багасах болно.
Алхам 4
Div байршилтай нөхцөлд tag блокууд нь анхдагчаар дэлгэцийн бүх өргөн хүртэл сунаж, зүүнээс баруун тийш, дээрээс доошоо ар араасаа дагана. Тэдний геометрийг сайжруулахын тулд CCS анги эсвэл таних тэмдэг (ID) үүсгэж, үүнд, жишээлбэл, шинж чанарууд ба / эсвэл хайрцагны хэмжээ, байршлын ангиллыг тодорхойлно уу (Шигтгээ). Тодорхойлсон хэв маягийг сайтын тэмдэглэгээний файлтай холбож, анги (ID) -г хүссэн шошготой холбохоо бүү мартаарай. Ихэнхдээ энэ нь ирээдүйн сайтын бүх геометрийг тодорхойлсон скриптийн эхэнд байрладаг.
… … сайтын агуулга. …
Эсвэл үүнтэй адил:
… … сайтын агуулга. …
CSS дүрмийн код дараах байдалтай байна.
… Миний анги {
өргөн: 30%;
өндөр: 50%;
}
# миний ID {
өргөн: 30%;
өндөр: 50%;
}
