Cara Melukis Menu Laman Web

Isi kandungan:

Cara Melukis Menu Laman Web
Cara Melukis Menu Laman Web

Video: Cara Melukis Menu Laman Web

Video: Cara Melukis Menu Laman Web
Video: Aplikasi menggambar di browser, ngga perlu install, langsung GAMBAR! 2024, Disember
Anonim

Terdapat banyak susun atur laman web yang boleh didapati dalam talian. Mereka mudah digunakan apabila tidak ada masa untuk menulis semua kod dari awal. Adalah lebih mudah untuk mengedit templat yang ada dengan mengubah reka bentuknya. Jadi, untuk melukis menu laman web anda sendiri, anda perlu melakukan beberapa langkah.

Cara melukis menu laman web
Cara melukis menu laman web

Arahan

Langkah 1

Sebagai contoh, kerja dalam sistem ucoz dipertimbangkan. Reka bentuk pelbagai elemen laman web sering ditentukan menggunakan helaian gaya (CSS). Untuk mengaksesnya, log masuk ke panel kawalan menggunakan akaun pentadbir. Di halaman utama panel, pilih bahagian "Pengurusan Reka Bentuk".

Langkah 2

Dalam senarai drop-down halaman yang dapat diedit, pilih Style Sheet (CSS) dari kategori Templat Umum. Lihatlah maklumat yang ditulis dalam baris yang berkaitan dengan reka bentuk umum (blok Gaya Umum) dan khusus untuk menu (blok dengan kata nama dalam nama mereka). Anda perlu mengetahui parameter apa yang ditetapkan untuk bar menu: lebar, tinggi, latar belakang panel dan butang, gambar, dan sebagainya.

Langkah 3

Sekiranya parameter tidak sesuai dengan anda, gantilah dengan yang anda perlukan dan simpan templat. Selepas itu, anda sudah boleh memulakan penyunting grafik dan, menggunakan maklumat yang diperoleh, lukis butang anda sendiri. Simpan mereka dan kembali ke laman web. Dalam menu "Alat", pilih item "Pengurus Fail" atau klik pautan dengan nama yang sama yang terletak di bawah blok dengan kod.

Langkah 4

Muat naik butang baru ke laman web (anak panah arah atau elemen grafik lain yang akan anda gunakan dalam menu). Tuliskan nilai untuk butang dalam kod (sebagai contoh, latar belakang: url ('https:// pautan ke gambar dari pengurus fail') XXpx XXPx tidak berulang), tetapkan parameter untuk penjajaran, kedudukan di halaman. Tuliskan gaya dan ukuran font untuk bahagian menu (font-family dan font-size) dan buat perubahan lain yang anda perlukan.

Langkah 5

Klik pada butang "Simpan", tunggu pemberitahuan bahawa templat telah berjaya disimpan dan buka halaman laman web untuk menilai hasil kerja yang dilakukan. Sekiranya anda tidak berpuas hati dengan sesuatu, anda boleh mengurungkan tindakan anda di tetingkap penyuntingan CSS menggunakan butang anak panah kiri pada bar alat.

Disyorkan: