Cara Membuat Menu Di Laman Web

Isi kandungan:

Cara Membuat Menu Di Laman Web
Cara Membuat Menu Di Laman Web

Video: Cara Membuat Menu Di Laman Web

Video: Cara Membuat Menu Di Laman Web
Video: Cara Membuat Menu Website di WordPress dengan Mudah 2024, Mungkin
Anonim

Teknologi maklumat berkembang setiap hari. Dan apa yang kelihatan seperti sesuatu yang tidak dapat dicapai sebelumnya, hari ini sudah tersedia untuk hampir setiap lelaki di jalan. Dan tidak semestinya mempunyai kemampuan dan pengetahuan ghaib untuk membuat laman web anda sendiri. Dan jika kita hanya bercakap tentang menambahkan menu ke sumber anda, maka anak sekolah pun boleh mengatasinya.

Cara membuat menu di laman web
Cara membuat menu di laman web

Ia perlu

Komputer dengan sambungan internet

Arahan

Langkah 1

Pergi ke laman web PureCSSMenu. Di sini anda akan melihat penyunting visual dengan mana anda dapat membuat menu untuk laman web dengan cepat dan mudah.

Langkah 2

Untuk pergi ke halaman di mana templat menu dibentangkan, klik pada butang "Templat", yang ada di sebelah kiri. Kemudian anda perlu memilih templat yang anda suka dan klik padanya. Di tetingkap "Pratonton", anda akan melihat menu yang benar-benar berfungsi, yang dibuat menggunakan lembaran gaya lata.

Langkah 3

Telusuri setiap templat yang dicadangkan untuk memilih templat yang paling sesuai dengan laman web anda. Sekiranya warna dan fon yang anda sukai dengan gaya menu tidak sesuai dengan skema warna laman web, maka anda boleh mengubah parameter ini dengan mengklik pada tab "Parametrs".

Langkah 4

Tukar warna dan fon menggunakan kod HTML atau pilih dari palet yang ditawarkan oleh sumber dengan mengklik pada bayangan yang anda suka.

Langkah 5

Sekarang buat struktur menu untuk laman web anda. Untuk melakukan ini, klik butang "Item". Pada tab yang terbuka, anda akan melihat butang dengan tanda tambah besar dan tulisan "Tambah Item". Klik pada butang ini dan item baru akan ditambahkan pada akhir menu. Untuk memasukkan item baru di tengah menu, pilih tab setelahnya harus ditambahkan dan klik butang berlabel "Tambah Item Selanjutnya".

Langkah 6

Untuk menambahkan sub-item ke menu drop-down, tekan butang berlabel "Add Subitem", setelah memilih item menu yang akan berisi tab baru. Sekiranya anda ingin membuang salah satu item, pilihlah dan klik butang "Buang Item".

Langkah 7

Di kawasan "Parameter Item" perlu mengisi semua medan agar menu baru berfungsi dengan betul. Di bidang "Teks", masukkan nama item menu, di bidang "Pautan", masukkan alamat halaman yang akan dilakukan peralihan setelah mengklik butang ini. Untuk memilih bagaimana halaman harus dibuka, di bidang "Target", tetapkan nilai "_self" atau "_blank". Dengan pilihan pertama, halaman akan dibuka di tetingkap yang sama, dengan fungsi "_blank" dipilih - dalam yang baru.

Langkah 8

Sekarang anda perlu menampal kod menu yang dibuat ke laman web anda. Untuk melakukan ini, klik pada butang "Muat turun", yang terletak di sudut kanan bawah, dan pilih folder di komputer anda di mana arkib purecssmenu-com.zip akan disimpan. Setelah menyimpan fail, bongkar arkib ini dan buka fail purecssmenu.html, yang mengandungi kod menu anda. Salin kod ini dan tempelkan ke dalam fail templat laman web anda.

Disyorkan: