Seorang pembuat kode HTML harus tahu: tanda profesionalisme adalah tampilan dan fungsi yang sama dari halaman situs di browser apa pun, setidaknya di "tiga besar", yang meliputi browser Internet Explorer, Opera, Mozilla Firefox. Proses verifikasi kebenaran tampilan situs terdiri dari tiga tahap utama.
Itu perlu
- • Beberapa browser diinstal pada komputer.
- • Perhatian.
instruksi
Langkah 1
Tahap satu, persiapan
Proses persiapan terdiri dari mengunduh kit distribusi browser dan menginstalnya di komputer. Setiap proses instalasi diakhiri dengan pertanyaan: "jadikan browser ini disertakan secara default?". Jadi, yang utama, atau disertakan secara default, Anda perlu membuat yang menempati posisi perantara dalam hal ukuran "kusen" yang mungkin. Menurut pengalaman banyak generasi desainer tata letak, ini adalah browser Opera.
Setelah menginstal beberapa browser di komputer Anda, lanjutkan langsung ke proses perbandingan. Untuk melakukan ini, arahkan kursor ke file dengan ekstensi.html, yang akan menjadi dasar halaman situs web atau seluruh template, dan klik dengan tombol kanan mouse. Di tab yang terbuka, pilih "buka dengan", lalu pilih jenis browser yang Anda inginkan. File dapat dibuka di beberapa browser sekaligus, membiarkannya diminimalkan di bilah tugas desktop, dan dibuka sesuai kebutuhan.
Langkah 2
Tahap dua - perbandingan visual
Secara visual, halaman situs di browser mungkin berbeda dalam tiga parameter utama:
1. Dengan jumlah indentasi dan margin antara elemen halaman. IE sangat canggih dalam menghitung nilai sebenarnya dari properti padding dan margin.
2. Browser yang berbeda menampilkan font yang berbeda, bahkan font standar seperti Arial dan Times New Roman. Ini adalah pukulan terberat untuk baris item menu, yang dapat ditampilkan dalam dua baris atau sepenuhnya dibungkus ke baris kedua.
3. Kebenaran menampilkan gambar. Dalam kasus yang paling sederhana, beberapa browser, seperti Opera, tidak membaca properti vspace dan hspase yang ditentukan dalam atribut tag
… Terkadang gambar tidak dipusatkan di sel tabel jika atributnya
kondisi ini tidak disebutkan. Tetapi masalah utama bagi perancang tata letak adalah menyiapkan format gambar.png. Saluran transparan dalam kode file ini dibaca oleh semua browser dengan caranya sendiri, terutama IE yang berhasil dalam hal ini. Oleh karena itu, bintik-bintik abu-abu jelek sering diamati di tempat gambar tembus pandang yang indah.
Tahap tiga - pemeriksaan fungsional
Pada tahap ini, Anda perlu memeriksa item menu "drop-down". Dalam pekerjaan mereka, seharusnya tidak ada sentakan, perlambatan, dan yang paling penting, lompatan konten umum halaman saat membuka item menu individual. Hal yang sama berlaku untuk elemen teks halaman, yang sepenuhnya diperluas ketika Anda mengklik tombol atau tulisan "lebih detail".
Sebagai kesimpulan, saya ingin mengatakan bahwa perjuangan untuk "kompatibilitas lintas-browser" - ini adalah nama properti halaman yang akan ditampilkan di mana-mana dengan cara yang sama, prosesnya rumit dan mengasyikkan, membutuhkan banyak praktik pengalaman.
Langkah 3
Tahap tiga - pemeriksaan fungsional
Pada tahap ini, Anda perlu memeriksa item menu "drop-down". Dalam pekerjaan mereka, seharusnya tidak ada sentakan, perlambatan, dan yang paling penting, lompatan konten umum halaman saat membuka item menu individual. Hal yang sama berlaku untuk elemen teks halaman, yang sepenuhnya diperluas ketika Anda mengklik tombol atau tulisan "lebih detail".
Sebagai kesimpulan, saya ingin mengatakan bahwa perjuangan untuk "kompatibilitas lintas-browser" - ini adalah nama properti halaman yang akan ditampilkan di mana-mana dengan cara yang sama, prosesnya rumit dan mengasyikkan, membutuhkan banyak praktik pengalaman.
