Evolusi Desain WebSite

EVOLUSI DESIGN WEBSITE

Sejak website pertama kali dikembangkan pada awal 1990an, para designer telah bereksperimen dengan tampilan website. Website-website awal seluruhnya berbasis teks, dengan sedikit gambar dan tata letak yang buruk untuk memperlihatkan konten (isi). Namun industri terus berkembang, akhirnya membawa kita ke design table-based, kemudian flash dan akhirnya design CSS-based.

Halaman Web Pertama

Quote:

Pada bulan Agustus 1991, Tim Berners-Lee menerbitkan situs pertama, sederhana, berbasis teks halaman dengan beberapa link. Salinan dari tahun 1992 dari halaman asli masih ada secara online. Itu memiliki selusin atau lebih link, dan hanya berfungsi untuk memberitahu orang apa yang World Wide Web adalah semua tentang.

Halaman berikutnya adalah serupa, dalam arti bahwa mereka seluruhnya berbasis teks dan satu-kolom inline desain dengan link. Versi awal HTML (HyperText Markup Language) hanya diperbolehkan untuk struktur konten yang sangat mendasar: judul (, , dll), ayat (), dan link (). Versi berikutnya HTML diperbolehkan penambahan gambar () ke halaman, dan akhirnya dukungan untuk tabel () telah ditambahkan.

World Wide Web Consortium dibentuk

Quote:

Pada tahun 1994, World Wide Web Consortium (W3C) didirikan, dan mereka menetapkan HTML sebagai standar untuk menandai halaman web. Namun ada satu perusahaan yang membangun sebuah proprietary browser dan bahasa pemrograman, yang bisa memiliki efek merugikan pada web secara keseluruhan. Kemudian W3C menetapkan standar bagi web yang terbuka dan bahasa pemrograman markup (seperti JavaScript).

Quote:

Contoh :

Spoiler for the first web page (1991)

Spoiler for yahoo! (1992)

Spoiler for alta vista(1996)

Design Berbasis Table

Quote:

Tabel berbasis web designer layout memberikan lebih banyak pilihan untuk membuat website.”table” dalam HTML markup dimaksudkan untuk menampilkan tabel data, tapi desainer dengan cepat menyadari mereka dapat menggunakannya untuk memberikan struktur untuk desain mereka, dan membuat lebih rumit, multi-kolom layout.

Spoiler for spacer gif

Perkembangan pertama aplikasi desain web WYSIWYG, yang semuanya menggunakan layout berbasis tabel, meningkatkan penggunaan tabel.

Quote:

Contoh

Spoiler for W3C (1998)

Spoiler for Yahoo! (2002)

Spoiler for Alta Vista (2002)

Flash berbasis web desain
Flash (awalnya dikenal sebagai FutureSplash Animator, lalu Macromedia Flash, dan saat ini seperti Adobe Flash) dikembangkan pada tahun 1996. Ini dimulai dengan alat yang sangat dasar dengan kerangka waktu, dan berlanjut untuk memiliki alat yang sangat berguna untuk mengembangkan seluruh situs. Flash disajikan dengan sangat banyak pilihan di luar apa yang mungkin dengan HTML

Quote:

Macromedia Shockwave
Shockwave ini digunakan untuk membuat menu dan konten multimedia lainnya untuk CD-ROM. Shockwave file yang besar, dan sementara internet broadband telah memungkinkan untuk bermain Shockwave file secara online, ketika standar koneksi internet dial-up, Shockwave file yang tidak praktis. Sebaliknya, file Flash yang lebih kecil dan lebih praktis untuk menggunakan secara online

Keuntungan Flash
HTML situs yang sangat terbatas dalam pilihan desain mereka, terutama ketika dibangun dengan versi awal dari HTML. Untuk membuat desain yang kompleks, Anda sering harus membuat struktur tabel yang ribet dan / atau terpaksa untuk menggunakan spacer gambar (karena beberapa program desain web WYSIWYG itu).

Flash memungkinkan untuk menciptakan kompleks dan situs interaktif dengan fitur animasi.

Contoh

Quote:

Spoiler for One shoot

Spoiler for rW/2

Dynamic HTML (DHTML)

Quote:

Sekitar waktu yang sama sebagai pengantar Flash ke lokasi web desain (akhir 1990-an - awal tahun 2000's), yang popularisasi DHTML teknik, yang terdiri dari beberapa teknologi web seperti JavaScript dan kadang-kadang server-side scripting, untuk menciptakan interaktif / animasi elemen halaman

Selama waktu ini, dengan lahirnya Flash dan popularitas DHTML, konsep halaman web interaktif yang memungkinkan pengguna untuk tidak hanya membaca konten statis, tetapi juga untuk berinteraksi dengan konten web

Spoiler for rW/2

CSS-Based Design

Quote:

CSS berbasis desain mulai mendapatkan popularitas setelah boom dotcom pada awal 2000's. Sementara CSS sudah tersedia jauh sebelum itu, ada dukungan terbatas untuk itu di browser utama dan banyak desainer yang tidak terbiasa dengan hal itu (dan bahkan terintimidasi oleh itu).

CSS berbasis desain memiliki banyak keunggulan dibandingkan desain berbasis table atau flash. Yang pertama adalah memisahkan elemen desain dari konten, yang pada akhirnya berarti bahwa akan ada perbedaan yang lebih besar dari aspek visual web layout dan isinya.

CSS juga merupakan praktek terbaik untuk meletakkan suatu halaman web, di mana berdasarkan tata letak,desain berbasis table tidak baik. Markup ini juga mengurangi kekacauan dan dibuat untuk bersih dan semantik web layout. CSS juga membuat lebih mudah untuk mempertahankan situs, seperti konten dan elemen desain dipisahkan. Anda dapat mengubah seluruh tampilan dari sebuah situs berbasis CSS tanpa pernah menyentuh konten.

Ukuran dokumen desain CSS umumnya lebih kecil daripada desain berbasis table. Meskipun akan ada bandwidth awal yang besar ketika pertama kali men-download sebuah website stylesheet yang belum pernah Anda kunjungi sebelumnya, CSS di-cache oleh browser pengguna (secara default), sehingga tampilan halaman berikutnya akan menjadi lebih cepat-loading.

Contoh

Quote:

Spoiler for W3C (2003)