Definisi

Desain Web adalah keterampilan membuat presentasi dari konten (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan cara browser Web atau Web-enabled software seperti klien televisi internet, microblogging klien dan pembaca RSS. Tujuan dari desain web [1] adalah untuk membuat situs web koleksi dokumen elektronik dan aplikasi yang berada pada web server / server dan konten hadir dan fitur interaktif / antarmuka kepada pengguna akhir dalam bentuk halaman Web sekali diminta. elemen tersebut sebagai teks, gambar-bit dipetakan (GIF, JPEG) dan bentuk dapat ditempatkan pada halaman dengan menggunakan HTML / XHTML / tag XML. Menampilkan media yang lebih kompleks (vektor grafis, animasi, video, suara) membutuhkan plug-in seperti Adobe Flash, QuickTime, Java run-time lingkungan, dll Plug-in juga dimasukkan ke dalam halaman web dengan menggunakan HTML / tag XHTML.

Perbaikan browser sesuai ‘dengan standar W3C diminta penerimaan luas dan penggunaan XHTML / XML bersama dengan Cascading Style Sheets (CSS) untuk posisi dan memanipulasi unsur-unsur halaman web dan objek. standar terbaru dan proposal bertujuan mengarah pada kemampuan browser untuk memberikan berbagai pilihan konten dan aksesibilitas kepada klien mungkin tanpa menggunakan plug-in.  Biasanya halaman web diklasifikasikan sebagai statis atau dinamis:  Halaman statis tidak mengubah isi dan tata letak dengan setiap permintaan kecuali seorang programmer (manusia / master web) secara manual update halaman. Halaman HTML sederhana adalah contoh dari konten statis.  halaman dinamis menyesuaikan konten dan / atau tampilan tergantung pada input end-user / interaksi atau perubahan dalam lingkungan komputasi (pengguna, waktu, database modifikasi, dll) Konten dapat diubah pada sisi client (komputer end-user) dengan menggunakan client-side scripting languages (JavaScript, JScript, Actionscript, dll) untuk mengubah elemen DOM (DHTML). Konten dinamis sering dikompilasi pada server menggunakan bahasa script sisi server (Perl, PHP, ASP, JSP, ColdFusion, dll). Kedua pendekatan ini biasanya digunakan dalam aplikasi yang kompleks.

Dengan spesialisasi yang tumbuh di bidang teknologi informasi ada kecenderungan kuat untuk menarik garis yang jelas antara desain web dan pengembangan web.  Desain Web adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan mereka dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.

Proses perancangan halaman web, situs web, aplikasi web atau multimedia untuk Web dapat memanfaatkan beberapa disiplin ilmu, seperti animasi, authoring, desain komunikasi, identitas korporat, desain grafis, interaksi manusia-komputer, arsitektur informasi, desain interaksi, pemasaran, fotografi, mesin pencari optimasi dan tipografi.

bahasa Markup (seperti HTML, XHTML dan XML)
Bahasa lembar gaya (seperti CSS dan XSL)
Client-side scripting (seperti JavaScript)
Server-side scripting (seperti PHP dan ASP)
Teknologi database (seperti MySQL dan PostgreSQL)
Multimedia teknologi (seperti Flash dan Silverlight)

Halaman Web dan situs web dapat halaman statis, atau dapat diprogram untuk halaman dinamis yang secara otomatis menyesuaikan tampilan konten atau visual tergantung pada berbagai faktor, seperti masukan dari pengguna-akhir, masukan dari Webmaster atau perubahan dalam perhitungan lingkungan (seperti database situs terkait yang telah dimodifikasi).  Dengan spesialisasi tumbuh dalam desain komunikasi dan bidang teknologi informasi, ada kecenderungan kuat untuk menarik garis yang jelas antara web desain khusus untuk halaman web dan pengembangan web untuk logistik keseluruhan dari semua layanan berbasis web.

Dapat diakses Web desain

Untuk dapat diakses, halaman web dan situs harus sesuai dengan prinsip aksesibilitas tertentu.Prinsip-prinsip aksesibilitas dikenal sebagai WCAG ketika berbicara tentang konten. Ini dapat dikelompokkan ke dalam area utama sebagai berikut. Gunakan markup semantik yang menyediakan struktur berarti bagi dokumen (halaman web yaitu) Semantic markup juga mengacu pada semantik mengorganisir struktur halaman web dan deskripsi layanan penerbitan web yang sesuai sehingga mereka dapat diakui oleh layanan Web lainnya pada halaman web yang berbeda. Standar untuk web semantik ditetapkan oleh IEEE, Gunakan bahasa markup yang valid yang sesuai untuk dipublikasikan DTD atau Schema, Menyediakan setara teks untuk setiap komponen non-teks (misalnya gambar, multimedia), Gunakan hyperlink yang masuk akal jika dibaca di luar konteks. (Misalnya menghindari “Klik disini”),  Jangan menggunakan frame,  Gunakan CSS bukan tabel HTML untuk layout,  Pengarang halaman sehingga ketika kode sumber read-line oleh-line oleh agen pengguna (seperti pembaca layar) itu tetap dimengerti. (Tabel Menggunakan untuk desain sering akan menghasilkan informasi yang tidak.)

Namun, W3C izin pengecualian di mana tabel untuk layout baik masuk akal ketika linierisasi atau versi alternatif (mungkin linierisasi) yang tersedia.  Website aksesibilitas juga berubah karena dipengaruhi oleh Sistem Manajemen Konten yang memungkinkan perubahan yang dibuat ke halaman Web tanpa perlu mendapatkan pengetahuan bahasa pemrograman.  Hal ini sangat penting bahwa beberapa komponen yang berbeda pembangunan Web dan interaksi dapat bekerja sama dalam rangka untuk Web yang akan diakses oleh para penyandang cacat. Komponen-komponen ini meliputi:  konten – informasi dalam halaman Web atau aplikasi Web, termasuk: alam informasi seperti teks, gambar, dan suara;  code atau markup yang mendefinisikan struktur, presentasi, dll;  browser web, pemutar media, dan lainnya “agen pengguna” ;  bantu teknologi, dalam beberapa kasus – pembaca layar, keyboard alternatif, switch, scanning software, dll; pengguna pengetahuan, pengalaman, dan dalam beberapa kasus, strategi adaptif menggunakan Web  pengembang – desainer, coders, penulis, dll, termasuk penyandang cacat pengembang dan pengguna yang berkontribusi konten  authoring tools – software yang menciptakan situs Web;  evaluasi alat – alat Web evaluasi aksesibilitas, validator HTML, CSS validator, dll


Sejarah

Tim Berners-Lee diterbitkan apa yang dianggap sebagai situs pertama pada bulan Agustus 1991 [4] Berners-Lee. Adalah orang pertama yang menggabungkan komunikasi internet (yang telah membawa email dan Usenet selama puluhan tahun) dengan hypertext (yang juga sudah ada selama beberapa dekade, tetapi terbatas untuk browsing informasi yang tersimpan di satu komputer, misalnya desain CD-ROM interaktif). Website ditulis dalam bahasa markup yang disebut HTML, dan versi awal HTML sangat dasar, hanya memberikan struktur dasar sebuah website (judul dan paragraf), dan kemampuan untuk menggunakan hypertext link. Ini masih baru dan berbeda dari bentuk komunikasi yang ada – pengguna dapat dengan mudah menavigasi ke halaman lain dengan mengikuti hyperlink dari halaman ke halaman.

Sebagai web desain Web dan berkembang, bahasa markup berubah menjadi lebih kompleks dan fleksibel, memberikan kemampuan untuk menambahkan objek seperti gambar dan tabel untuk halaman. Fitur seperti tabel, yang awalnya ditujukan untuk digunakan untuk menampilkan informasi tabular, segera digerogoti untuk digunakan sebagai perangkat layout terlihat. Dengan munculnya Cascading Style Sheets (CSS), tata letak meja berbasis umumnya dianggap sebagai ketinggalan jaman. Database integrasi teknologi seperti server-side scripting dan desain standar seperti W3C lebih berubah dan meningkatkan cara Web dibuat. Sebagai mengubah waktu, website sedang mengubah kode pada desain visual dalam dan di luar dengan pernah-berkembang program dan utilitas.

Dengan perkembangan Web, puluhan ribu perusahaan desain web telah didirikan di seluruh dunia untuk melayani permintaan tersebut untuk bekerja. Seperti halnya dengan banyak industri teknologi informasi, banyak perusahaan web desain telah dibentuk di taman teknologi di negara berkembang maupun perusahaan desain banyak Barat mendirikan kantor di negara-negara seperti India, Rumania, dan Rusia untuk mengambil keuntungan yang relatif rendah biaya tenaga kerja yang ditemukan di negara-negara tersebut.

Website perencanaan

Pemaknaan desain web yang kompleks, tapi kegiatan yang sedang berlangsung penting.Sebelum membuat dan meng-upload sebuah situs web, penting untuk meluangkan waktu untuk merencanakan dengan tepat apa yang dibutuhkan di situs web. Seksama mempertimbangkan penonton atau target pasar, serta menentukan tujuan dan memutuskan apa yang akan dikembangkan konten, sangat penting.

Konteks

Web desain mirip (dalam cara yang sangat sederhana) untuk menerbitkan cetak tradisional.Setiap situs web adalah wadah menampilkan informasi, seperti buku; dan setiap halaman Web seperti halaman dalam sebuah buku. Namun, desain web menggunakan kerangka kerja berdasarkan kode digital dan teknologi tampilan untuk membangun dan memelihara lingkungan untuk mendistribusikan informasi dalam berbagai format. Dibawa ke potensi maksimal, desain web adalah yang paling canggih diragukan lagi dan semakin kompleks metode untuk mendukung komunikasi di dunia saat ini.

Tujuan

Sangat penting untuk mendefinisikan tujuan website sebagai salah satu langkah pertama dalam proses perencanaan. Sebuah pernyataan tujuan harus menunjukkan fokus berdasarkan apa website akan capai dan apa pengguna akan mendapatkan dari itu. Tujuan jelas akan membantu seluruh proses perencanaan sebagai penonton diidentifikasi dan isi dari situs ini dikembangkan.Menetapkan tujuan jangka pendek dan jangka panjang untuk website yang akan membantu membuat tujuan yang jelas dan rencana untuk masa depan ketika perluasan, modifikasi, dan perbaikan akan berlangsung. Menetapkan tujuan praktek dan tujuan terukur harus diidentifikasi untuk melacak kemajuan situs dan menentukan keberhasilan.

Hadirin

Mendefinisikan penonton merupakan langkah penting dalam proses perencanaan situs web.Penonton adalah kelompok orang-orang yang diharapkan untuk mengunjungi situs Web – pasar yang ditargetkan. Orang-orang ini akan melihat website untuk alasan tertentu dan penting untuk tahu persis apa yang mereka cari ketika mereka mengunjungi situs. Tujuan jelas atau tujuan dari situs serta pemahaman tentang apa yang pengunjung ingin melakukan atau merasa ketika mereka datang ke situs Anda akan membantu mengidentifikasi target.

Setelah mengingat yang paling mungkin membutuhkan atau menggunakan konten, daftar karakteristik umum untuk para pengguna seperti:

  1. Karakteristik Pemirsa
  2. Informasi Preferensi
  3. Spesifikasi Komputer
  4. Web Pengalaman

Dengan mempertimbangkan karakteristik penonton akan memungkinkan sebuah situs web yang efektif harus diciptakan yang akan memberikan konten yang diinginkan kepada audiens sasaran.

Kadar

Evaluasi Konten dan organisasi membutuhkan bahwa tujuan dari situs web didefinisikan dengan jelas. Mengumpulkan daftar isi yang diperlukan kemudian mengaturnya sesuai dengan kebutuhan penonton adalah langkah kunci dalam perencanaan situs web. Dalam proses pengumpulan konten yang ditawarkan, setiap item yang tidak mendukung tujuan pasti atau mencapai tujuan target pemirsa harus dihapus. Ini adalah ide yang baik untuk menguji konten dan tujuan pada kelompok fokus dan membandingkan persembahan kepada penonton kebutuhan. Langkah berikutnya adalah untuk mengatur struktur informasi dasar dengan mengelompokkan konten dan mengaturnya sesuai dengan kebutuhan pengguna. Setiap kategori harus dinamai dengan judul yang singkat dan deskriptif yang akan menjadi link di situs Web. Perencanaan untuk konten situs memastikan bahwa keinginan atau kebutuhan kelompok sasaran dan tujuan dari situs akan terpenuhi.

Kompatibilitas dan pembatasan

Karena pangsa pasar browser modern (tergantung pada target pasar Anda), kompatibilitas situs Anda dengan pemirsa dibatasi. Sebagai contoh, sebuah situs web yang dirancang untuk sebagian besar websurfers akan terbatas pada penggunaan valid XHTML Strict 1,0 atau lebih, Cascading Style Sheets Level 1, dan resolusi layar 1024×768. Hal ini disebabkan karena Internet Explorer tidak sepenuhnya standar W3C kompatibel dengan modularitas XHTML 1.1 dan CSS mayoritas di luar 1. Sebuah target pasar browser alternatif yang lebih (misalnya Firefox, Safari dan Opera) memungkinkan pengguna untuk kepatuhan W3C lebih banyak dan lebih besar sehingga berbagai pilihan untuk desainer web.

Pembatasan lain desain halaman Web adalah penggunaan format file gambar yang berbeda.Sebagian besar pengguna dapat mendukung GIF, JPEG, dan PNG (dengan pembatasan).Sekali lagi Internet Explorer adalah pembatasan utama di sini, tidak sepenuhnya mendukung fitur-fitur canggih PNG’s transparansi, sehingga dalam format GIF masih format file grafis yang paling banyak digunakan untuk gambar transparan. Banyak situs yang tidak kompatibel tidak diketahui oleh para perancang dan tidak dilaporkan oleh pengguna. Satu-satunya cara untuk memastikan situs web akan bekerja pada platform tertentu adalah dengan mengujinya pada platform tersebut.+

Perencanaan dokumentasi

Dokumentasi digunakan untuk visual site plan saat mengambil mempertimbangkan tujuan, audiens dan konten, untuk merancang struktur situs, konten, dan interaksi yang paling sesuai untuk website. Dokumentasi dapat dianggap sebagai prototipe untuk website – model yang memungkinkan tata letak situs web untuk ditinjau, menghasilkan perubahan yang disarankan, perbaikan dan / atau perangkat tambahan. Proses peninjauan ini meningkatkan kemungkinan keberhasilan situs web.

Langkah pertama mungkin melibatkan arsitektur informasi di mana konten dikategorikan dan struktur informasi dirumuskan. Struktur informasi yang digunakan untuk mengembangkan sebuah dokumen atau diagram visual disebut peta situs. Ini menciptakan visual bagaimana halaman web atau konten akan saling berhubungan, dan dapat membantu dalam menentukan apa konten akan ditempatkan pada halaman apa.

Selain perencanaan struktur, tata letak dan antarmuka halaman individual dapat direncanakan menggunakan storyboard. Dalam proses storyboard, catatan terbuat dari deskripsi, tujuan dan judul dari setiap halaman di situs tersebut, dan mereka dihubungkan bersama sesuai dengan jenis diagram yang paling efektif dan logis. Tergantung pada jumlah halaman yang diperlukan untuk situs web, metode dokumentasi dapat mencakup menggunakan potongan-potongan kertas dan garis gambar untuk menghubungkan mereka, atau menciptakan storyboard menggunakan perangkat lunak komputer.

Beberapa atau semua halaman individu dapat dirancang secara lebih rinci sebagai situs gambar rangka, model sampai melecehkan atau tata letak halaman yang komprehensif tentang apa yang sebenarnya akan terlihat seperti. Hal ini sering dilakukan dalam program grafis, atau desain tata letak program. gambar rangka tidak memiliki fungsi kerja, hanya perencanaan, meskipun dapat digunakan untuk menjual ide-ide untuk perusahaan desain web lain.

Desain website

Web desain mirip (dalam cara yang sangat sederhana) untuk penerbitan cetak tradisional. Setiap situs web adalah wadah menampilkan informasi, sama seperti sebuah buku adalah wadah dan segala halaman web seperti halaman dalam sebuah buku. Namun, desain web menggunakan kerangka kerja berdasarkan kode digital dan teknologi tampilan untuk membangun dan memelihara lingkungan untuk mendistribusikan informasi dalam berbagai format. Dibawa ke potensi maksimal, desain web adalah yang paling canggih diragukan lagi dan semakin kompleks metode untuk mendukung komunikasi di dunia saat ini.

Untuk situs web yang khas, aspek-aspek dasar desain adalah:

  1. Isi: substansi, dan informasi di situs ini harus relevan dengan situs dan harus menargetkan wilayah publik bahwa website ini terkait dengan.
  2. Kegunaan: situs harus user-friendly, dengan antarmuka dan navigasi yang sederhana dan dapat diandalkan.
  3. Tampilan: grafis dan teks harus mencakup satu gaya yang mengalir sepanjang, untuk menunjukkan konsistensi. gaya harus profesional, menarik dan relevan.
  4. Visibilitas: situs juga harus mudah ditemukan melalui sebagian besar, jika tidak semua, mesin pencari utama dan media iklan.
  5. Sebuah situs web biasanya terdiri dari teks dan gambar. Halaman pertama dari sebuah situs web dikenal sebagai halaman Home atau Index. Beberapa situs web menggunakan apa yang sering disebut Page Splash. Splash halaman mungkin termasuk pesan selamat datang, bahasa atau pemilihan daerah, atau disclaimer. Setiap halaman web dalam situs web adalah file HTML yang memiliki URL sendiri. Setelah setiap halaman Web dibuat, mereka biasanya dihubungkan bersama menggunakan menu navigasi terdiri dari hyperlink. kecepatan browsing lebih cepat menyebabkan rentang perhatian pendek dan lebih menuntut pengunjung online dan ini telah menghasilkan lebih sedikit menggunakan Splash Artikel, khususnya di mana situs web komersial prihatin.
  6. Setelah situs web selesai, maka harus dipublikasikan atau di-upload untuk dapat dilihat kepada publik melalui internet. Hal ini dapat dilakukan dengan menggunakan klien FTP. Setelah diterbitkan, master web mungkin menggunakan berbagai teknik untuk meningkatkan lalu lintas, atau hits, bahwa situs web menerima. Ini mungkin termasuk mengirimkan situs web ke mesin pencari seperti Google, Yahoo atau Bing, bertukar link dengan situs web lainnya, membuat afiliasi dengan situs web yang sama, dll

Multidisiplin persyaratan

Desain situs Web melintasi beberapa disiplin beberapa sistem informasi, teknologi informasi dan desain komunikasi. Situs web adalah sebuah sistem informasi yang komponen kadang-kadang diklasifikasikan sebagai front-end dan back-end. Isi diamati (misalnya tata letak halaman, user interface, grafik, teks, audio) dikenal sebagai ujung-depan. The back-end yang terdiri dari organisasi dan efisiensi dari kode sumber, fungsi scripted tak terlihat, dan komponen sisi server bahwa proses output dari ujung-depan. Tergantung pada ukuran proyek pengembangan Web, dapat dilakukan oleh individu yang multi-terampil (kadang-kadang disebut master web), atau seorang manajer dapat mengawasi desain proyek kolaboratif antara anggota kelompok dengan keterampilan khusus.

Isu

Sifatnya, desain web adalah konflik, melibatkan kesesuaian teknis kaku dan keseimbangan kreatif pribadi. Perubahan yang cepat teknologi merumitkan mendapatkan dan menggunakan sumber daya yang sesuai untuk menjaga keberadaan web.

Lingkungan

Layout adalah pedang bermata dua: di satu sisi, itu adalah ekspresi dari sebuah kerangka kerja yang secara aktif membentuk desainer web. Di sisi lain, sebagai desainer yang mengadaptasi kerangka kerja untuk proyek-proyek, tata letak adalah sarana pengiriman konten. Penerbitan web melibatkan komunikasi seluruh proses produksi serta dalam produk yang dibuat. Publikasi berarti adaptasi budaya dan standar isi. Web desain mencakup beberapa persimpangan antara banyak lapisan pemahaman teknis dan sosial, menuntut kreatif arah, struktur elemen desain, dan beberapa bentuk organisasi sosial. Berbeda tujuan dan metode efektif dalam mengatasi penyebaran yang sukses pendidikan, perangkat lunak dan manajemen tim selama proses desain. Namun, banyak yang bersaing dan berkembang platform dan penerimaan tantangan lingkungan, penyelesaian dan kesinambungan dari setiap produk desain.

Kolaborasi

Web desain awal kurang terintegrasi dengan kampanye iklan perusahaan, transaksi nasabah, extranet, intranet dan jaringan sosial. situs Web terlihat sebagian besar sebagai brosur online statis atau titik koneksi database, terputus dari lingkup yang lebih luas dari suatu bisnis atau proyek. Banyak situs Web masih terputus dari proyek ruang lingkup yang lebih luas. Akibatnya, banyak situs Web tidak perlu sulit untuk digunakan, tidak langsung dalam cara mereka berkomunikasi, dan menderita ‘terputus’ atau arsitektur informasi tidak efektif birokrasi.

Formulir versus fungsi

Seorang pengembang web mungkin lebih memperhatikan bagaimana halaman terlihat sementara mengabaikan copywriting dan fungsi mesin pencari optimasi seperti pembacaan teks, navigasi kemudahan situs, atau seberapa mudah para pengunjung akan menemukan situs. Akibatnya, para desainer mungkin berakhir dalam perselisihan di mana beberapa ingin lebih grafis dekoratif dengan mengorbankan teks kata kunci-kaya, daftar peluru, dan link teks.Dengan asumsi dikotomi palsu yang bentuk dan fungsi yang saling eksklusif mengabaikan kemungkinan untuk mengintegrasikan berbagai disiplin ilmu untuk solusi kolaborasi dan sinergis. Dalam banyak kasus formulir berikut fungsi. Karena beberapa grafis melayani kebutuhan komunikasi di samping estetika, seberapa baik sebuah karya situs dapat bergantung pada ide-ide desain grafis serta pertimbangan penulisan profesional.

Bila menggunakan banyak grafik, halaman web dapat beban perlahan-lahan, sering menjengkelkan pengguna. Hal ini menjadi kurang dari masalah seperti internet telah berkembang dengan kecepatan tinggi internet dan penggunaan grafis vektor. Namun masih ada tantangan teknik yang berkelanjutan untuk meningkatkan bandwidth dan tantangan artistik untuk meminimalkan jumlah grafis dan Ukuran file mereka. Tantangan ini diperparah sejak mendorong peningkatan bandwidth lebih grafis dengan ukuran file yang lebih besar.

Ketika berhadapan dengan database yang besar dan banyak persyaratan, kelompok desain dapat membuang jauh informasi terlalu banyak untuk mengelola server. Alternatif teknologi atau struktur tambahan (bahkan server atau situs lain) mungkin dibutuhkan sesuai permintaan.

Layout jenis

Layout mengacu pada dimensi dari konten di layar perangkat, dan pengiriman media dalam aliran terkait konten. Web desain layout menghasilkan konten visual kerangka: kerangka kerja ini bisa diperbaiki, mereka dapat menggunakan unit ukuran yang relatif, atau mereka dapat memberikan layout fluida dengan dimensi proporsional. Oleh diagram penyebaran (alat yang berguna pada setiap proyek desain) harus membahas tata letak isi. Banyak unit ukuran ada, tapi di sini adalah beberapa format dimensi populer:  Pixel mengukur hasil dalam konten tetap atau statis,  Em mengukur hasil dalam konten proporsional yang relatif terhadap font-size, Persen mengukur hasil dalam isi cairan yang menyusut dan tumbuh untuk “cocok” menampilkan jendela.

Proporsional, tata letak cair dan hibrida juga disebut sebagai desain dinamis. layout Hybrid menggabungkan kombinasi tetap, elemen proporsional atau cairan dalam (atau menunjuk ke) satu halaman. Kerangka web desain hibrida dimungkinkan oleh konvensi internet digital umumnya ditentukan oleh W3C. Jika layout apapun tidak muncul sebagaimana mestinya, sangat mungkin bahwa hal itu tidak sesuai dengan prinsip-prinsip desain standar, atau bahwa standar-standar konflik dengan unsur-unsur tata letak standar. Pengetahuan saat standar adalah penting untuk desain hibrida efektif.

Halaman Web yang paling awal digunakan tetap layout tanpa kecuali. Dalam banyak halaman bisnis tetap tata letak yang lebih disukai saat ini karena mereka mudah berisi informasi diajukan statis. Tetap memaksa konvensi tata letak layar perangkat, sebagai pemirsa harus mengatur tampilan mereka untuk setidaknya lebar tertentu untuk dengan mudah melihat konten. lebar ini dapat termasuk tampilan logo perusahaan, memperingatkan, iklan dan konten apapun target lainnya. Desain kerangka kerja untuk layout tetap perlu mengikutsertakan kode untuk perangkat layar ganda.

Desain Hybrid mempertahankan kontrol konten yang paling statis, tetapi disesuaikan dengan penerbitan tekstual, dan bagi pembaca, untuk konvensional (cetak) ditampilkan. Tampilan hibrid umumnya mudah di mata dan ditemukan pada sebagian besar situs yang mendistribusikan gambar tradisional dan teks ke pembaca. Untuk beberapa situs, desain hibrid membuat kolom teks dinyatakan dingin tampil hangat dan seimbang. Sebuah contoh yang baik dari tata letak hibrida WordPress, dimana desain cair sekarang opsional, dan film dan media auditori adalah peregangan amplop.

Fluida desain berguna dimana isinya adalah dikirimkan ke sebuah ‘perangkat yang tidak dikenal’ penduduk. Cair yang sesuai kode menampilkan gambar, teks dan ruang proporsional untuk menampilkan ukuran. Seseorang dengan genggam dapat melihat melihat dan berinteraksi dengan konten yang sama seperti seseorang dengan menggunakan monitor desktop yang besar. Akan tetapi, skala isi untuk berbagai perangkat memiliki lebih baru-baru ini berkembang dengan web browser modern, memungkinkan pengguna untuk melihat tata letak yang sama di semua perangkat.

Sebagai W3C konvensi berkembang, penggunaan desain “ruang” menjadi kurang statis dan lebih cair dalam potensinya. Hasilnya adalah bahwa tata letak lama terlihat … tua. Dalam berurusan dengan tata letak font, bahkan dinyatakan sebagai ems, inti statis tidak dapat melarikan diri dan sering jangkar konten yang paling halaman. Namun, sebagai standar baru yang diadopsi oleh produsen perangkat, pemirsa melihat spektrum yang lebih luas dari konten dan interaksi lebih besar antara dan melalui konten. Untuk menggambar World Wide Web Consortium sampai hari esok konvensi tata letak, jenis media baru dan metode yang semakin dalam campuran. Ini adalah aksioma ganda benar bahwa ‘tata letak semua konten tentang’, dan ‘tata letak adalah semua tentang konten’. Kita dapat mengatakan bahwa tata letak yang desainer menyelip ke teknologi yang tersedia – isi adalah budaya yang diwujudkan dalam tata letak. “Ruang” adalah tata letak amplop holding dan konten bersama Space berkomunikasi. Gaya (penampilan tata letak) ke populasi sasaran Memahami bagaimana beradaptasi ruang untuk hubungan ini layout-konten. Sangat penting untuk web desain. Survivabilitas Setiap desain tergantung pada sensitivitas untuk muncul teknologi (dalam kerangka budaya yang adalah servis), dan penerimaan langsung tergantung pada layout atau presentasi dari konten. Pada setiap halaman, tidak ada konten lebih rentan terhadap perubahan dan variasi dalam standar, dari ruang. Sementara desainer profesional dengan santai mengakui bahwa 90% dari kode desain digunakan untuk beradaptasi ruang, sebagian besar menyebarkan yang sekarang bekerja manipulasi spasial digunakan untuk membentuk kembali aktif komunikasi internet.

Hambatan konseptual untuk tata letak yang cukup berlimpah ruah! Saat layout ditantang oleh konvensi bertentangan yang tidak memungkinkan untuk menyesuaikan tata letak cair dan hibrida ke sudut bawah menampilkan. Secara sederhana, perangkat menampilkan memproduksi menggunakan bagian kanan atas dan / atau sudut kiri untuk menampilkan konten. Untuk peralatan yang tidak standar, pengaturan tata letak kustom tetap ke perangkat mereka masih dilihat oleh beberapa perusahaan sebagai sarana peningkatan pendapatan, karena mereka dapat menjual ‘unik’ ditampilkan. Pendekatan bisnis, domainating pasar digital pada akhir abad terakhir, tidak begitu berguna hari ini. Namun, beberapa akan mengklaim satu dekade di belakang jadwal, CSS3 dan HTML5 akhirnya mengambil empat titik referensi kedua dari belakang layar serius. Hanya dalam waktu selama 3 dimensi tata letak vektor untuk desainer kusut ‘template dalam teka-teki!

Kesalahpahaman umum di antara perancang adalah untuk menganggap tata letak mereka adalah cair karena ruang awal dan lebar kontainer teks dalam persen. Namun, ‘cair mereka’ kerangka kerja, sedangkan mengikuti konvensi fokus, gagal untuk mengelola konten grafis.Sebuah sunting berikutnya menempatkan gambar besar di halaman, merusak penampilan halaman. Ketika mengelola suatu kerangka desain, penting bahwa tata letak isi alamat, konvensi dan interaksi pengguna.

Alat

Di web desainer tidak memiliki kontrol atas beberapa faktor, termasuk ukuran jendela browser, web browser yang digunakan, perangkat input yang digunakan (sistem operasi, mouse, layar sentuh, perintah suara, teks, teletype, telepon seluler, atau lainnya genggam), dan ukuran, desain, dan karakteristik lain dari font yang pengguna telah tersedia (terinstall) dan diaktifkan (preferensi) pada perangkat mereka. Unik memproduksi dan perselisihan perangkat yang bertentangan semakin dipersulit dengan berbagai penafsiran browser konten yang sama, dan beberapa konten dapat secara otomatis memicu perubahan browser. Web desainer baik untuk belajar dan menjadi ahli dalam menghapus perangkat lunak yang kompetitif dan markup sehingga tampilan halaman web seperti yang dikodekan untuk ditampilkan. Eric Meyers, seorang pendidik terkenal dan pengembang, merupakan salah satu sumber daya banyak orang yang telah mereset tombak berkepala HTML coding. Sementara mereka belum bisa meninggalkan satu lingkungan setempat untuk mengendalikan lain, web designer dapat menyesuaikan target lingkungan untuk membuang banyak markup umum yang mengubah atau merusak isi web mereka. Karena produsen perangkat sangat protektif dari markup paten mereka, Meyers dan lain-lain mengingatkan bahwa ulang masih eksperimental.

Tableless Web desain

Ketika Netscape Navigator 4 mendominasi pasar browser, solusi populer yang tersedia untuk desainer untuk meletakkan sebuah halaman Web adalah dengan menggunakan tabel.Seringkali bahkan desain sederhana untuk halaman akan memerlukan puluhan tabel bersarang di satu sama lain. Banyak template web dalam Dreamweaver dan editor WYSIWYG lain masih menggunakan teknik ini hari ini. Navigator 4 tidak mendukung CSS untuk gelar berguna, sehingga hanya itu tidak digunakan.

Setelah perang mereda browser, dan dominan browser seperti Internet Explorer menjadi lebih W3C compliant, desainer mulai berputar ke arah CSS sebagai sarana alternatif letak halaman mereka. CSS pendukung mengatakan bahwa tabel harus digunakan hanya untuk data tabular, bukan untuk layout. Menggunakan CSS bukan juga kembali tabel HTML ke markup semantik, yang membantu bots dan mesin pencari mengerti apa yang terjadi di suatu halaman web.Semua web browser modern dukungan CSS dengan derajat yang berbeda keterbatasan.

Namun, salah satu poin utama terhadap CSS adalah bahwa dengan mengandalkan itu eksklusif, kontrol pada dasarnya dilepaskan sebagai browser masing-masing memiliki kebiasaan sendiri yang menghasilkan tampilan halaman yang sedikit berbeda. Hal ini terutama masalah karena tidak semua browser mendukung subset sama aturan CSS. Ada cara untuk menerapkan gaya yang berbeda tergantung pada browser dan versi yang digunakan tetapi menggabungkan pengecualian ini membuat style sheet mempertahankan lebih sulit karena ada gaya di lebih dari satu tempat untuk memperbarui.

Untuk desainer yang digunakan untuk layout meja-berbasis, mengembangkan situs Web di CSS sering menjadi masalah mencoba untuk meniru apa yang dapat dilakukan dengan tabel, memimpin beberapa untuk menemukan CSS desain bukan karena kurangnya keakraban rumit.Misalnya, pada suatu saat itu agak sulit untuk menghasilkan elemen desain tertentu, seperti posisi vertikal, dan penuh-panjang footers dalam desain dengan menggunakan posisi absolut.Dengan kekayaan sumber daya CSS online tersedia saat ini, meskipun, merancang dengan kepatuhan yang wajar untuk standar melibatkan sedikit lebih dari menerapkan CSS 2.1 atau CSS 3 sampai benar markup terstruktur.

Hari-hari ini sebagian besar browser modern telah memecahkan sebagian besar dalam CSS rendering quirks dan ini telah membuat berbagai CSS layout mungkin. Namun, beberapa orang tetap menggunakan browser lama, dan desainer perlu mengingat hal ini, dan memungkinkan untuk merendahkan anggun halaman di browser lama. Paling penting di antara browser tua adalah Internet Explorer 6, yang dipandang dalam komunitas desain web seperti menjadi Netscape Navigator 4 baru – sebuah blok yang memegang World Wide Web kembali dari konversi untuk desain CSS. Namun, Konsorsium W3 telah membuat CSS XHTML dikombinasikan dengan standar untuk desain web.

Sumberhttp://en.wikipedia.org