-
Bagaimana kita bisa membuat situs web lebih baik, lebih sesuai dengan standar W3C dan memiliki pengalaman pengguna yang baik? Ini adalah masalah yang dihadapi oleh banyak produsen halaman web, dan ini juga merupakan sesuatu yang ingin diketahui semua orang oleh webmaster Netgather dalam kerja praktek jangka panjang, semoga dapat bermanfaat bagi semuanya. Mohon kritik dan koreksi apabila ada kekurangan.
1. Memahami tema website, memperjelas konten yang ditampilkan di website dan mayoritas grup browsing
Jika Anda ingin membangun website yang bermanfaat bagi pengguna, sebaiknya pertimbangkan terlebih dahulu konten dan fungsi website. Apa yang dibutuhkan pengguna? Bagaimana mereka bisa menemukan apa yang mereka inginkan dengan cepat dan mudah? Segalanya harus dilakukan berdasarkan aspek ini. Jika pengguna tidak bisa mendapatkan apa yang mereka inginkan dengan cepat, atau situs Anda tidak mudah digunakan, maka situs tersebut gagal. Pengguna akan kecewa dan mungkin tidak akan pernah login lagi ke website Anda. Contoh kecilnya: Jika Anda ingin membuat website saham, namun ukuran font websitenya 12px, coba pikirkan, jumlah orang tua yang pensiun di rumah dan berspekulasi di saham bukanlah jumlah yang sedikit, sekalipun website Anda konten Tidak peduli seberapa bagus atau tajamnya, tidak mungkin mereka mendekatkan kaca pembesar ke monitor dan melihat situs web Anda.
2. Pencocokan warna yang masuk akal
Bagi seorang desainer web, proses desainnya menyakitkan sekaligus menyenangkan. Setelah mengetahui jenis situs web apa yang ingin Anda buat, Anda harus melalui proses pemilihan warna dan tata letak untuk mencerminkan tema dengan lebih masuk akal. Secara pribadi, menurut saya jika Anda tidak membuat situs web yang sangat dipersonalisasi, maka pencocokan warna bukanlah tugas yang sulit. Pertama, kenali warna utama. Padahal, karakteristik industri dari warna tidak terlalu penting, hanya persepsi masyarakat terhadap suatu industri yang menciptakan hubungan antara industri dan pencocokan warna. Misalnya, jika Anda sedang membangun website hotel, tentu saja tidak bisa berwarna merah ? Sebenarnya, itu tergantung pada persepsi masyarakat, karena Kami berdua mengira merah adalah warna yang meriah dan karenanya tidak cocok untuk rumah duka. Misalnya, warna biru umumnya lebih baik untuk situs web teknologi atau berbasis teknologi, warna merah muda lebih baik untuk situs web feminin, dll. Kedua, warna pembantu dan warna finishing. Untuk menegaskan warna utama sebuah website, diperlukan juga warna pembantu dan warna finishing. Warna pembantu sebagian besar menggunakan kombinasi warna yang sama dan kombinasi warna yang berdekatan. Pencocokan warna yang sama diperoleh dengan mengubah transparansi, saturasi, kecerahan atau penggelapan warna utama. Pencocokan warna yang berdekatan didasarkan pada warna utama dengan mengambil warna yang berdekatan pada roda warna, seperti merah dan oranye. Warna finishing umumnya sangat berbeda dengan warna utama. Biasanya digunakan pada konten atau tombol yang lebih penting pada halaman web. Fungsinya untuk menarik perhatian pengguna dan menghilangkan kelelahan visual pada halaman web wajar untuk menghindari terlalu banyak penampilan, jika tidak maka akan Kontraproduktif.
3. Tata letak web yang bagus
Elemen yang harus dipahami dalam tata letak halaman web adalah prioritas yang jelas, koordinasi dan kerapian, penghormatan terhadap kebiasaan visual pengguna, dan pengaturan konten yang wajar. Tampilkan apa yang diinginkan pengguna terlebih dahulu sebanyak mungkin, dan perhatikan potensi panduan perilaku pengguna. Seperti kata pepatah: Memori yang baik tidak sebaik pena yang buruk. Saat mendesain antarmuka situs web, pertama-tama kita harus menggunakan pensil untuk membuat sketsa tata letak situs web, lalu menggunakan perangkat lunak menggambar untuk membuat dan memodifikasinya setelah mencapai tujuannya. efek yang diinginkan. Detail menentukan keberhasilan atau kegagalan. Dalam rendering desain, gunakan blok warna besar sesedikit mungkin, sorot navigasi, dan miliki bagian yang jelas untuk mencapai efek yang bersih, ringkas, rapi, dan terkoordinasi. Misalnya, bilah navigasi harus ditambahkan dengan tepat dengan efek mouse; garis-garis pada halaman web harus menghindari terlalu banyak perbedaan warna; garis luar dan bayangan tidak boleh terlalu jelas, jika ada atau tidak, itu yang terbaik; gambar dan teks; jarak antar bagian halaman web harus masuk akal dan seragam; gaya teks pada tingkat yang sama harus disatukan; dan karakteristik fisik kehidupan sehari-hari harus dihormati satu sisi dan lebih terang di sisi lain, atau seperti pita yang membungkus suatu objek, titik baliknya harus sedikit menonjol dan memiliki bayangan bulat yang halus)...
Setelah produksi rendering halaman web dikonfirmasi, kami akan memulai produksi halaman html.
4.Judul halaman web dan meta
Judul dan meta halaman web harus didasarkan pada kolom dasar dan halaman konten. Jangan gunakan format yang sama untuk keseluruhan situs. Anda tidak perlu menambahkan kata kunci, yang berdampak kecil pada mesin pencari penumpukan kata kunci.
5.Penggunaan tag h1-h6
Tag h1 halaman web hanya dapat digunakan satu kali. Pada halaman beranda, halaman saluran, dan halaman daftar suatu situs web, tag h1 dapat digunakan masing-masing untuk nama situs web, nama saluran, dan nama daftar kolom. Namun, pada halaman detail artikel suatu situs web, tag h1 harus digunakan digunakan pada judul artikel. Tag h2-h6 dapat digunakan berulang kali pada suatu halaman, sesuai dengan hierarki situs web.
6.file CSS
Cobalah untuk mengimpor file css dari luar menggunakan link, dan tulis reset.css yang sering Anda gunakan untuk mereset style css. Hindari menggunakan *{}. Tulis satu gaya dalam satu baris untuk mengurangi ukuran file. Cobalah untuk menggunakan definisi kelas dan kurangi definisi id. Cobalah untuk menghindari teknik hack css untuk browser yang berbeda.
7.Optimasi gambar latar belakang
Selain konten situs web yang sebenarnya, gambar yang digunakan dalam bingkai harus didefinisikan dalam file css sebanyak mungkin. Sesuai dengan situasi aktual, gambar latar belakang harus digabungkan sebanyak mungkin untuk meningkatkan kecepatan pemuatan. Sebaiknya jangan menyusun gambar yang sangat kecil di area yang lebih luas.
8.tata letak div+css untuk mengurangi penumpukan halaman
Tujuan penggunaan tata letak div+css adalah untuk mengurangi kode halaman, membuat struktur situs web menjadi hierarki, dan memisahkan konten dan presentasi. Mengurangi penumpukan tidak hanya ramah terhadap mesin pencari, tetapi juga membantu mengurangi ukuran halaman dan mempermudah pemeliharaan dan modifikasi selanjutnya.
9. Optimalkan halaman js
File JS yang dapat digabungkan digabungkan menjadi satu, mengurangi loop skala besar dan referensi hierarki yang berlebihan, serta meningkatkan kecepatan pemuatan dan pengoperasian.
10. Hindari link mati dan koneksi kosong
Betapa frustasinya pengguna jika mengklik artikel yang mereka inginkan hanya membuka tulisan "Halaman ini tidak dapat ditampilkan".
11. Teks dan grafik yang sesuai
Jangan sengaja mengisi website Anda dengan gambar. Mesin pencari tidak mengenali gambar kecuali atribut alt. Menambahkan gambar di lokasi yang tepat dapat membantu menarik pengunjung dan menghilangkan kepenatan membaca teks yang panjang.
12. Persyaratan gambar halaman web
Tambahkan atribut alt dan atribut lebar dan tinggi pada gambar halaman web. Jangan mengompres gambar dengan sengaja untuk memastikan tampilan gambar tidak berubah bentuk.
13. Uji situs web Anda di browser yang berbeda.
Agar lebih banyak orang dapat menelusuri situs web Anda secara normal, harap uji halaman Anda dengan browser utama yang berbeda untuk memastikan bahwa situs web Anda dapat berjalan normal.
14. Lulus verifikasi W3C.
http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri
Ruang pribadi penulis tomat