Вэбсайт болон програм хангамжийн хөгжлийн нэг чухал асуудал бол цэс үүсгэх явдал юм. Сайхан гүйдэг цэс нь олон вэбсайт эзэмшигчид болон програмистуудын жишиг хэвээр байна. Үүнийг CSS болон Expression Web хэрэгслийг ашиглан хийж болно.
Зааварчилгаа
1-р алхам
Expression Web-ийг нээгээд Manage Style руу ороод гулсах цэс үүсгээд New Style товчийг дарна уу. Шинэ хэв маягийг сонгоно уу ul li. Үүсгэсэн файл нь drop-down.css өргөтгөлтэй эсэхийг шалгаарай. Гулсах цэс үүсгэхийн тулд дэлгэцэн дээр тохирох байрлалыг зааж өгнө үү. Цэсийн зүйл бүрийн өргөнийг тодорхойлж, тэдгээрийн урд байрлах шаардлагагүй цэгүүдийг арилгана уу.
Алхам 2
Layout сонголтыг ажиллуулж Display шинж чанарыг тохируулна уу. Дэлгэц дээр зэрэгцүүлэхийн тулд тохирох Inline утгыг өгнө үү. Float атрибутыг Left гэж тохируулаад Apply товчийг дарна уу. Жагсаалтын бүх элементүүдийг нэг мөрөнд тохируулна уу. Тэдгээрийг цэгцтэй байлгаж, давхцахгүй байхын тулд Width атрибутыг Position руу 150 px хэлбэрээр тохируулна уу. Жагсаалтын бүх зүйл ижил хэмжээтэй байгаа эсэхийг шалгаарай. List шинж чанар руу ороод List Style төрлийг None гэж тохируулж элемент бүрийн урд цэгүүдийг арилгана. "OK" дээр дарж өөрчлөлтийг хүлээн авч хүчин төгөлдөр болно.
Алхам 3
Ul li-ийн хэв маяг, үсгийн хэмжээг тохируулна уу. Styles Manage руу ороод ul li дээр хулганы баруун товчийг дарж Modify Style командыг сонгоно уу. Та аль хэдийн танил болсон харилцах цонхыг харах болно. Фонт руу ороод Font-family-г сонгоод Helvetica, Arial, Sans-serif-д энэ шинж чанарыг тохируулна уу. Фонтын хэмжээг тохируулаад 0, 9 гэж тохируулна уу. Text-transform атрибутыг Uppercase болгож тохируулна уу. Height - Position атрибут дээр цэсийн өндрийг яг тохируулан 30 px болгож тохируулна уу.
Алхам 4
Бүх залруулга хийж дуусахад файлыг menu.html гэж хадгална уу. Дөнгөж үүсгэсэн цэсээ янз бүрийн програмууд болон хөтөч дээр туршиж үзээд тохирох эсэхийг нь шалгаарай. Таны харж байгаагаар ийм цэсийг бий болгох нь тийм ч хэцүү биш юм.
