Saran desain halaman web
Warna, tipografi, ilustrasi dan interaksi
Halaman web biasanya mencakup informasi mengenai warna teks dan latar belakang dan sangat sering juga mengandung link ke gambar dan kadang-kadang media lain untuk dimasukkan dalam pandangan akhir.
Layout, tipografi dan warna-skema Informasi ini disediakan oleh Cascading Style Sheet (CSS) petunjuk, yang dapat dimasukkan dalam HTML atau dapat diberikan oleh file terpisah, yang direferensikan dari dalam HTML. Kasus terakhir adalah sangat relevan di mana salah satu stylesheet panjang relevan dengan keseluruhan situs web: karena cara kerja HTTP, browser hanya akan men-download sekali dari web server dan menggunakan salinan cache untuk seluruh situs.
Gambar akan disimpan di web server sebagai file terpisah, tapi sekali lagi HTTP memungkinkan untuk fakta bahwa sekali halaman web di-download ke browser, sangat mungkin bahwa file terkait seperti foto dan stylesheet yang akan diminta sebagai diproses. Pagina Web Sebuah HTTP 1.1 web server akan tetap tersambung dengan browser sampai semua sumber daya yang terkait telah diminta dan disediakan. Browser biasanya membuat gambar bersama dengan teks dan materi lain yang ditampilkan di halaman web.
Perilaku dinamis
Client-side kode komputer seperti kode JavaScript atau Ajax menerapkan teknik dapat disediakan baik tertanam dalam HTML halaman web atau, seperti CSS stylesheet, secara terpisah, yang terhubung download ditentukan dalam HTML. Script ini dapat berjalan di komputer klien, jika pengguna memungkinkan mereka untuk, dan dapat menyediakan fungsionalitas tambahan bagi pengguna setelah halaman download.
Browser
Sebuah web browser dapat memiliki Graphical User Interface, seperti Internet Explorer, Mozilla Firefox dan Opera, atau dapat berbasis teks, seperti Lynx.
Cacat pengguna web sering menggunakan teknologi bantu dan strategi adaptif untuk mengakses paginas web. Pengguna dapat buta warna, mungkin atau mungkin tidak ingin menggunakan mouse mungkin karena cedera atau stres berulang-neuron motorik masalah, mungkin tuli dan membutuhkan audio untuk captioned, mungkin buta dan menggunakan screen reader atau Braile layar, mungkin perlu layar pembesaran, dll
Cacat dan berbadan sehat pengguna dapat menonaktifkan download dan penampilan gambar dan media lain, untuk menghemat waktu, bandwidth jaringan atau hanya untuk menyederhanakan pengalaman browsing. Pengguna perangkat mobile seringkali telah membatasi menampilkan dan bandwidth. Siapapun dapat memilih untuk tidak menggunakan font, ukuran font, gaya dan skema warna yang dipilih oleh perancang halaman web dan mungkin berlaku CSS styling mereka sendiri ke halaman.
World Wide Web Consortium (W3C) dan Web Accessibility Initiative (WAI) merekomendasikan bahwa semua halaman web harus dirancang dengan semua pilihan ini dalam pikiran.
Rendering
Halaman web akan sering memerlukan lebih banyak ruang layar daripada yang tersedia untuk resolusi layar tertentu. Sebagian besar browser modern akan menempatkan scrollbars (bar di samping layar yang memungkinkan Anda untuk berpindah ke bawah) di jendela untuk memungkinkan pemakai untuk melihat semua konten diseño paginas web. Scrolling horizontal kurang lazim dari vertikal bergulir, bukan hanya karena halaman tersebut tidak mencetak dengan benar, tetapi karena ketidaknyamanan pengguna lebih dari vertikal bergulir akan (karena garis horizontal; bergulir bolak-balik untuk setiap baris ini jauh lebih nyaman daripada bergulir setelah membaca seluruh layar; juga kebanyakan keyboard komputer memiliki keatas dan kebawah kunci, dan banyak tikus komputer memiliki roda gulir vertikal, tapi horizontal scrolling setara jarang).
Ketika halaman web disimpan dalam direktori yang umum dari sebuah server web, mereka menjadi sebuah website. Sebuah situs web biasanya berisi sekelompok halaman web yang terhubung bersama-sama, atau memiliki beberapa metode yang koheren lain navigasi. Yang paling penting untuk memiliki halaman web pada website adalah halaman indeks. Tergantung pada pengaturan server web, halaman indeks ini dapat memiliki banyak nama yang berbeda, tetapi yang paling umum adalah index.html. Ketika browser mengunjungi homepage untuk situs Web, atau URL yang menunjuk ke sebuah direktori, bukan file tertentu, web server akan melayani halaman indeks ke browser yang meminta. Jika tidak ada halaman indeks didefinisikan dalam konfigurasi, atau tidak ada file tersebut ada di server, baik kesalahan atau daftar direktori akan disajikan ke browser.
Sebuah halaman web dapat menjadi satu file HTML, atau terdiri dari beberapa file HTML menggunakan bingkai atau Server Side Includes (SSIS). Frame telah diketahui menyebabkan masalah dengan web aksesibilitas, hak cipta, navigasi, pencetakan dan peringkat mesin pencari, dan sekarang lebih sering digunakan daripada mereka di tahun 1990-an. Kedua bingkai dan SSIS mengizinkan konten tertentu yang muncul pada banyak halaman, seperti halaman navigasi atau halaman header, yang akan diulang tanpa duplikasi HTML di banyak file. Bingkai dan direkomendasikan W3C alternatif 2000, <object> tag, juga memungkinkan beberapa konten untuk tetap di satu tempat sementara konten lainnya dapat menggulir menggunakan scrollbars konvensional. Modern CSS dan JavaScript sisi klien teknik juga dapat mencapai semua tujuan ini dan banyak lagi.
Ketika membuat halaman web, penting untuk memastikan itu sesuai dengan World Wide Web Consortium (W3C) standar untuk HTML, CSS, XML dan standar lainnya. W3C standar di tempat untuk memastikan semua browser yang sesuai dengan standar mereka dapat menampilkan konten yang identik tanpa pertimbangan khusus untuk teknik rendering berpemilik. Sebuah halaman web dikodekan dengan benar akan dapat diakses oleh banyak browser yang berbeda sama lama dan baru, resolusi layar, dan juga para pengguna dengan audio atau visual kerusakan.
Melihat halaman web
Untuk grafis menampilkan halaman web, sebuah web browser diperlukan. Ini adalah jenis perangkat lunak yang dapat mengambil halaman web dari Internet. Sebagian besar browser web saat ini mencakup kemampuan untuk melihat kode sumber. Melihat halaman web dalam editor teks juga akan menampilkan kode sumber, bukan produk visual.
Related posts:
- Merancang Sebuah Web Site Untuk Sebuah Resolusi Layar tertentu adalah Over
- Menggunakan CSS Daripada HTML Tabel
- Dasar-dasar pembuatan website
- Affordable website design
- Cara Hapus Adware GameVance
Tags: Adaptive Strategi, Assistive Technologies, Cached Salin, Cascading Style Sheet, Client Komputer, Color Scheme, Komputer Kode, Dynamic Behavior, Graphical User Interface, Interaksi Web, Internet Explorer, Latter Case, Motor neuron, Mozilla Firefox, Repetitive Stress Cidera, Situs Gambar, stylesheet, User Dengan Cacat, Web Page Design, Web User
