Salah satu aspek yang paling penting dalam pembangunan laman web dan perisian adalah pembuatan menu. Menu slaid yang indah tetap menjadi penanda aras bagi banyak pemilik dan pengaturcara laman web. Ini boleh dilakukan dengan menggunakan alat CSS dan Expression Web.
Arahan
Langkah 1
Buka Web Ekspresi dan pergi ke Urus Gaya untuk mula membuat menu gelangsar dan tekan kekunci Gaya Baru. Namakan pemilih gaya baru ul li. Pastikan fail yang dihasilkan mempunyai peluasan drop-down.css. Untuk membuat menu gelongsor, tentukan kedudukan yang sesuai di skrin. Tentukan lebar setiap item menu dan keluarkan titik yang tidak perlu yang mungkin ada di hadapannya.
Langkah 2
Jalankan pilihan Layout dan tetapkan atribut Display. Berikan nilai sebaris yang sesuai untuk diselaraskan di skrin. Tetapkan atribut Float ke Kiri dan tekan kekunci Terapkan. Tetapkan semua elemen senarai ke satu baris. Untuk memastikannya tetap kemas dan tidak bertindih, tetapkan atribut Lebar ke Kedudukan dalam bentuk 150 px. Pastikan semua item dalam senarai mempunyai ukuran yang sama. Keluarkan titik di hadapan setiap elemen dengan pergi ke atribut List dan tetapkan List Style-type to None. Klik "OK" untuk menerima perubahan dan berkuat kuasa.
Langkah 3
Sesuaikan gaya dan saiz fon untuk ul li. Pergi ke Urus Gaya dan klik kanan pada ul li, pilih Modify Style. Anda akan melihat menu dialog yang sudah biasa. Pergi ke Font, pilih Font-keluarga dan tetapkan atribut ini ke Helvetica, Arial, Sans-serif. Laraskan ukuran fon dan tetapkan ke 0, 9. Tetapkan atribut transform-Text ke Huruf Besar. Dalam atribut Ketinggian - Kedudukan, tentukan ketinggian tepat item menu dengan menetapkan nilainya kepada 30 px.
Langkah 4
Simpan fail sebagai menu.html apabila semua tindakan pembetulan selesai. Uji menu yang baru anda buat dalam pelbagai aplikasi dan penyemak imbas untuk melihat apakah ia berfungsi. Seperti yang anda lihat, tidak sukar untuk membuat menu seperti itu.
