Spesifikasi pengeluaran seni halaman web_CSS/HTML

1. Untuk halaman yang membenarkan perolehan teks penuh, untuk membolehkan enjin carian di Internet mendapatkannya dengan berkesan, tag meta Kata Kunci dan Perihalan harus ditambah antara

dalam html halaman utama saluran 'Jangan lupa untuk menambah tapak web pelanggan semasa membuat kata kunci. Terutama untuk halaman dengan URL umum, pastikan anda menambah kata kunci~! Ini memudahkan promosi!
Contoh:



2. Apabila membuat tapak web, halaman tersebut mempunyai fail pengepala dan fail ekor bersatu. Pastikan anda membuat satu fail pengepala atas dan fail ekor bawah, kemudian sarangkannya dalam halaman. Ini mudah diubah suai. Kod bersarang:
1. (disyorkan)
2. (hanya ubah suai bahagian biru apabila menggunakannya)

3 Meja~! Kod berkaitan:
Sila ambil perhatian bahawa susunan a:link a:visited a:hover a:actived mestilah konsisten dengan yang asal.
Takrifkan semula pertama, kelas pseudo kedua dan terakhir penyesuaian.
Untuk memastikan saiz fon konsisten pada penyemak imbas yang berbeza, adalah disyorkan untuk menggunakan titik pt dan piksel px untuk menentukan saiz fon pt secara amnya menggunakan 9pt dan 11pt Dinasti Lagu Cina, dan px secara amnya menggunakan Lagu Cina Dynasty 12px dan 14.7px Ini ialah saiz fon yang dioptimumkan Apabila fon tebal atau fon Lagu, saiz fon 11pt dan 14.7px biasanya lebih sesuai.

4． Halaman web harus cuba mengelak daripada menggunakan keseluruhan jadual besar
Semua kandungan bersarang dalam jadual besar ini, kerana apabila penyemak imbas mentafsir elemen halaman, ia memaparkannya satu demi satu dalam unit jadual Jika halaman web adalah terbenam Jika ia diletakkan dalam jadual besar, kemungkinan akibatnya ialah apabila pelawat menaip dalam URL, dia akan mula-mula menghadapi ruang kosong untuk masa yang lama, dan kemudian semua kandungan web akan muncul pada masa yang sama. Jika anda mesti melakukan ini, gunakan teg untuk membolehkan jadual besar dipaparkan dalam ketulan.
Cuba kawal sarang jadual dalam tiga peringkat
5. Terdapat juga spesifikasi bersatu untuk cara menulis Lebar dan ketinggian Secara amnya, untuk jadual dengan hanya satu lajur, lebar ditulis dalam teg Untuk jadual dengan hanya satu baris, ketinggian ditulis dalam teg . Untuk jadual dengan berbilang baris dan lajur, Lebar dan tinggi ditulis dalam teg

dalam baris atau lajur pertama. Ringkasnya, ikuti satu prinsip: tidak boleh ada lebih daripada satu ketinggian dan lebar yang mengawal saiz sel yang sama kod, ia sepatutnya dalam Perubahan dilihat dalam penyemak imbas. Bukan mudah untuk melakukan ini, ia memerlukan latihan dan pemikiran yang panjang.

◆Reka letak:
1 Jangan mudah memusatkan teks dan gunakan aksara tebal atau condong. Selain kekacauan visual, banyak penyemak imbas tidak memaparkan italik dengan baik dan tidak mengimbangi perubahan ruang putih yang disebabkan oleh huruf senget.
2. Jangan gunakan ikon dengan gaya berbeza pada setiap halaman.
3. Tambahkan tag alt pada baris img. Ini akan membolehkan pembaca yang menggunakan penyemak imbas berasaskan teks untuk melihat sesuatu selain daripada [IMAGE], dan pembaca yang menggunakan penyemak imbas grafik juga akan melihat sesuatu jika imej gagal dimuatkan dengan jayanya, dan anda juga boleh membuat fail html anda cukup kemas.
4. Jangan biarkan sesuatu kelihatan seperti butang tetapi tidak berfungsi sebagai butang.

◆Teknik padanan warna web
1. Ini merujuk kepada memilih warna terlebih dahulu, dan kemudian melaraskan ketelusan atau ketepuan (untuk menjadikannya lebih mudah, ia bermakna menjadikan warna lebih terang atau lebih gelap) untuk menjana warna baharu untuk digunakan pada halaman web. Halaman sedemikian kelihatan seragam dalam warna dan mempunyai rasa hierarki.
2. Gunakan dua warna. Mula-mula pilih warna, kemudian pilih warna kontrasnya (tekan ctrl+shift+I dalam photoshop). Beginilah cara halaman utama saya diputuskan dengan biru dan kuning. Seluruh halaman berwarna-warni tetapi tidak terlalu berwarna-warni.
3. Gunakan sistem warna. Secara ringkasnya, gunakan warna yang terasa seperti biru muda, kuning muda, hijau muda atau kuning bumi, kelabu bumi, biru bumi. Kaedah menentukan warna adalah berbeza untuk semua orang Saya klik pada kotak warna latar depan dalam Photoshop, pilih "Custom" dalam tetingkap pemilih warna yang muncul, dan kemudian pilih dalam "Color Library" :)
4 .Guna hitam dan satu warna. Sebagai contoh, fon merah terang dengan sempadan hitam terasa sangat "popular".
Dalam padanan warna web, pantang larangnya ialah:
1 Jangan gunakan semua warna, cuba hadkan kepada tiga warna.
2. Der Kontrast zwischen dem Hintergrund und dem vorherigen Text sollte so groß wie möglich sein (verwenden Sie niemals komplizierte Muster als Hintergrund), um den Haupttextinhalt hervorzuheben
◆ Blinken bereitet den Leuten Kopfschmerzen
Von Durch die Verwendung von Logos können Sie zwar Besucher in den Spezialbereich Ihrer Homepage locken, aber es bereitet Ihren Besuchern auch Kopfzerbrechen. Wenn Sie möchten, dass Besucher weiterhin auf Ihre Website zurückkehren, gehen Sie mit dieser Methode sparsam um.
◆ Animationsverschönerung
Verwenden Sie höchstens eine Animation
„Es lebe das Leerzeichen“
Achten Sie darauf, eine Leerstelle zu lassen. Überladen Sie Ihre Webseite nicht mit Bildern, Text und unnötigen animierten GIFs. Auch wenn genügend Platz vorhanden ist, sollten Sie diese beim Entwerfen vermeiden.