TUGAS

PRODUKTIF
“WEB DESIGN”

Disusun Oleh :
Rahmat Ramdani

XI Multimedia

SMK HIKMAH BANJAR

2016
 Web Design

Desain web adalah istilah yang luas yang mencakup berbagai keterampilan dan disiplin
ilmu yang digunakan dalam produksi dan pemeliharaan website berbagai bidang desain
web meliputi; Web desain grafis, desain interface, authoring, termasuk kode standar dan
perangkat lunak berpemilik, pengalaman pengguna desain dan optimasi mesin pencari.
Seringkali banyak orang akan bekerja dalam tim yang mencakup berbagai aspek dari
proses desain, meskipun beberapa desainer akan meliputi mereka semua. Desain web
Istilah ini biasanya digunakan untuk menggambarkan proses desain yang berkaitan
dengan front end-(sisi client) desain website termasuk menulis mark up, tapi ini adalah
wilayah abu-abu karena hal ini juga dibahas oleh pengembangan web. Web desainer
diharapkan memiliki kesadaran akan kegunaan dan jika peran mereka melibatkan
menciptakan mark up maka mereka juga diharapkan untuk memperoleh informasi
dengan pedoman aksesibilitas web.
Sejarah (1988-2000)

Meskipun desain web memiliki sejarah yang lumayan baru, dapat dikaitkan
dengan daerah lain seperti desain grafis. Namun desain web juga dipandang sebagai
sudut pandang teknologi. Hal ini telah menjadi bagian besar dari kehidupan sehari-hari
masyarakat. Sulit untuk membayangkan internet tanpa grafis animasi, gaya yang
berbeda dari tipografi, latar belakang dan musik.

Awal web dan desain web

Pada tahun 1989, sementara bekerja di CERN Tim Berners-Lee mengusulkan

untuk membuat hypertext proyek global, yang kemudian menjadi dikenal sebagai World
Wide Web. Sepanjang 1991-1993 World Wide Web lahir. Teks halaman hanya dapat
dilihat dengan menggunakan browser line-mode sederhana. Pada tahun 1993 Marc
Andreessen dan Eric Bina, menciptakan browser Mosaic. Pada saat itu ada beberapa
browser namun mayoritas mereka adalah berbasis Unix dan secara alami teks berat.
Tidak ada pendekatan terpadu untuk elemen desain grafis seperti gambar atau suara.
Browser Mosaic pecah cetakan ini. W3C dibentuk pada Oktober 1994, untuk
"memimpin World Wide Web secara maksimal dengan mengembangkan protokol
umum yang mempromosikan evolusi dan memastikan interoperabilitas."Hal ini
dianjurkan salah satu perusahaan dari memonopoli browser kepatutan dan bahasa
pemrograman, yang bisa mengubah efek dari World Wide Web secara keseluruhan.
W3C terus menetapkan standar, yang hari ini dapat dilihat dengan JavaScript. Pada
tahun 1994 Andreessen dibentuk Mosaic Communications corp. Yang kemudian
dikenal sebagai Netscape Communications Netscape 0.9 browser. Netscape
menciptakan tag sendiri HTML tanpa berkaitan dengan proses standar tradisional.
Misalnya Netscape 1.1 menyertakan tag untuk mengubah warna latar belakang dan
format teks dengan tabel pada halaman web. Sepanjang 1996 hingga 1999 perang
browser dimulai. Perang browser melihat Microsoft dan Netscape pertempuran itu
keluar untuk dominasi browser yang tertinggi. Selama ini ada banyak teknologi baru di
lapangan, terutama Cascading Style Sheets, JavaScript, dan HTML Dinamis. Pada
keseluruhan kompetisi browser yang tidak mengarah pada kreasi positif dan membantu
desain web berkembang dengan pesat.
 Evolusi desain web

Pada tahun 1996, Microsoft merilis browser pertama yang kompetitif, yang
lengkap dengan fitur sendiri dan tag. Ini juga merupakan browser pertama yang
mendukung style sheet, yang pada saat itu dilihat sebagai teknik authoring jelas. CSS
diperkenalkan pada Desember 1996 oleh W3C untuk meningkatkan aksesibilitas web
dan untuk membuat HTML semantik kode daripada penyajian. Tabel berbasis layout
menjadi sangat populer karena mereka memberikan web designer lebih banyak pilihan
untuk membuat website. Markup HTML untuk tabel pada awalnya untuk menampilkan
data tabular. Namun desainer dengan cepat menyadari potensi dari apa elemen struktur
mereka bisa menambah desain mereka. Mereka segera dibuat lebih rumit, multi-kolom
layout dari HTML awalnya mampu. Namun kali ini memang melihat sedikit perhatian
telah terbukti menuju ke semantik dan aksesibilitas web. Sebagai desain dan estetika
yang baik tampaknya lebih diutamakan daripada yang baik mark-up struktur. Periode ini
juga melihat spacer. GIF menjadi sangat populer untuk mengendalikan dimensi layout
web. Situs HTML terbatas dalam pilihan desain mereka, terlebih lagi dengan versi
sebelumnya dari HTML. Untuk membuat desain yang kompleks, banyak web designer
harus menggunakan struktur tabel yang rumit atau bahkan menggunakan gambar
kosong untuk spasi. Namun pada tahun 1996 Flash (awalnya dikenal sebagai
FutureSplash) dikembangkan. Pada saat itu adalah sebuah alat tata letak yang sangat
sederhana dasar dan garis waktu tetapi memungkinkan desainer web untuk melampaui
titik HTML pada saat itu. Kini berkembang menjadi sangat kuat, memungkinkan untuk
mengembangkan seluruh situs.

 Akhir dari perang browser pertama

Selama tahun 1998 Netscape merilis kode Netscape Communicator di bawah

lisensi open source, memungkinkan ribuan pengembang untuk berpartisipasi dalam
meningkatkan perangkat lunak. Namun mereka memutuskan untuk berhenti dan
memulai dari awal, yang dipandu pengembangan browser open source dan segera
diperluas untuk platform aplikasi lengkap 2000. Merupakan tahun besar bagi Microsoft.
Internet Explorer telah dirilis untuk Mac, ini adalah signifikan karena merupakan
browser pertama yang sepenuhnya didukung HTML 4.01 dan CSS 1, meningkatkan
kemampuan dalam hal kepatuhan standar. Ini juga merupakan browser pertama untuk
sepenuhnya mendukung format gambar PNG. Selama waktu Netscape telah dijual
kepada AOL dan ini dilihat sebagai kerugian resmi Netscape untuk Microsoft dalam
perang browser.

Peralatan dan teknologi

Desainer Web menggunakan berbagai alat yang berbeda tergantung pada apa
bagian dari proses produksi mereka terlibat masuk Alat ini diperbarui dari waktu ke
waktu oleh standar yang lebih baru dan perangkat lunak tetapi prinsip-prinsip di
belakang mereka tetap sama. Web desainer grafis menggunakan vektor dan raster paket
grafis untuk menciptakan citra web yang diformat atau prototipe desain. Teknologi
digunakan untuk membuat website berisi hingga tanda standar yang dapat tangan kode
atau dihasilkan oleh perangkat lunak editing WYSIWYG. Ada juga perangkat lunak
berpemilik berdasarkan plug-in yang bypasses versi browser klien, ini sering
WYSIWYG tetapi dengan pilihan untuk menggunakan bahasa scripting perangkat
lunak. Alat mesin pencari optimasi dapat digunakan untuk memeriksa peringkat mesin
pencari dan menyarankan perbaikan.

Alat-alat lain web designer mungkin menggunakan termasuk mark up validator

dan alat pengujian lain untuk kegunaan dan aksesibilitas untuk memastikan situs web
mereka memenuhi pedoman aksesibilitas web.

Keterampilan dan teknik Tipografi

Biasanya website yang sukses hanya memiliki beberapa tipografi yang dari gaya
yang sama, daripada menggunakan berbagai tipografi. Sebaiknya sebuah website harus
menggunakan sans serif atau serif tipografi, bukan kombinasi dari keduanya. Tipografi
dalam website juga harus berhati-hati jumlah tipografi yang digunakan, desain yang
baik akan menggabungkan tipografi yang sama beberapa daripada berbagai tipe wajah.
Kebanyakan browser mengenali sejumlah tertentu font aman, yang terutama
menggunakan desainer untuk menghindari komplikasi. Sebagian besar layout di situs
memasukkan spasi putih untuk memecah teks menjadi paragraf dan juga menghindari
teks selaras pusat.

Tata letak halaman

Halaman Web harus ditata dengan baik untuk meningkatkan navigasi bagi
pengguna. Juga untuk tujuan navigasi, tata letak halaman situs juga harus tetap
konsisten pada halaman yang berbeda. Ketika membangun situs, penting untuk
mempertimbangkan lebar halaman karena hal ini sangat penting untuk menyelaraskan
obyek dan dalam desain tata letak. Situs paling populer umumnya memiliki lebar dekat
dengan 1024 piksel. Sebagian besar halaman juga center aligned, untuk membuat objek
terlihat lebih estetis pada layar yang lebih besar.

Cairan layout dikembangkan sekitar tahun 2000, meskipun sangat lambat untuk
diadopsi, sebagai penolakan terhadap desain grid berbasis baik sebagai prinsip desain,
dan sebagai teknik pengkodean. Asumsi aksiomatik adalah bahwa pembaca akan
memiliki perangkat layar, atau jendela atasnya, dengan ukuran yang berbeda dan bahwa
tidak ada halaman desainer dapat lakukan untuk mengubah hal ini. Dengan demikian,
desain harus dipecah menjadi unit (sidebars, blok konten, daerah iklan, navigasi daerah)
yang dikirim ke browser dan yang akan dipasang ke dalam jendela tampilan oleh
browser, sebaik mungkin. Sebagai browser tidak tahu rincian layar pembaca (ukuran
jendela, ukuran font relatif terhadap jendela dll) browser melakukan pekerjaan yang
lebih baik dari ini dari seorang desainer dugaan. Meskipun seperti tampilan mungkin
sering mengubah posisi relatif dari unit konten utama, sidebar dapat mengungsi di
bawah body text bukan ke sisi itu, ini biasanya tampilan yang lebih baik dan terutama
lebih bermanfaat daripada upaya kompromi untuk menampilkan-keras kode grid yang
jelas tidak sesuai dengan jendela perangkat. Secara khusus, posisi relatif blok konten
dapat berubah, tetapi setiap blok terlalu terpengaruh. Usability juga lebih baik, terutama
dengan menghindari horisontal bergulir.
 Web Desain responsif adalah pendekatan baru, berdasarkan CSS3, dan tingkat
yang lebih dalam per-spesifikas dalam stylesheet halaman, melalui penggunaan
disempurnakan CSS @ media pseudo-pemilih.

Kualitas kode

Ketika membuat situs itu adalah praktik yang baik agar sesuai dengan standar.
Ini termasuk kesalahan dalam kode, tata letak yang lebih baik untuk kode serta
memastikan ID dan kelas diidentifikasi dengan benar. Hal ini biasanya dilakukan
melalui deskripsi menentukan apa elemen lakukan. Tidak sesuai dengan standar tidak
dapat membuat sebuah situs web tidak dapat digunakan atau rawan kesalahan, standar
dapat berhubungan dengan tata letak yang benar dari halaman untuk dibaca juga
memastikan elemen kode ditutup tepat. Memvalidasi melalui W3C hanya dapat
dilakukan ketika sebuah deklarasi DOCTYPE yang benar dibuat, yang digunakan untuk
menyoroti kesalahan dalam kode. Sistem ini mengidentifikasi kesalahan dan daerah
yang belum sesuai dengan standar desain web. Informasi ini kemudian dapat diperbaiki
oleh pengguna.

Visual desain

Desain visual yang baik pada sebuah situs web mengidentifikasi dan bekerja
untuk target pasar itu. Ini bisa menjadi kelompok usia tertentu atau untai budaya
sehingga desainer harus memahami tren dari para penonton. Desainer juga harus
memahami jenis situs web mereka merancang, berarti sebuah website bisnis tidak harus
dirancang sama dengan situs media sosial misalnya. Desainer juga harus mengerti
pemilik atau bisnis situs ini mewakili, untuk memastikan mereka digambarkan baik.
Estetika atau desain keseluruhan situs tidak harus berbenturan dengan konten, sehingga
memudahkan pengguna untuk menavigasi dan dapat menemukan informasi yang
diinginkan atau produk dll.

Pengguna pengalaman desain

Untuk pengguna untuk memahami sebuah situs web mereka harus dapat
memahami bagaimana situs web bekerja. Hal ini mempengaruhi pengalaman mereka.
Pengalaman pengguna berhubungan dengan tata letak, instruksi yang jelas dan
pelabelan di situs Web. Pengguna harus memahami bagaimana mereka dapat
berinteraksi di situs. Sehubungan dengan terus menggunakan, pengguna harus
merasakan kegunaan dari situs yang jika mereka ingin terus menggunakannya. Dengan
pengguna yang terampil dan berpengalaman dengan penggunaan situs web, pengaruh
ini berhubungan langsung dengan bagaimana mereka memandang website, yang
mendorong lebih lanjut penggunaan. Oleh karena itu pengguna dengan pengalaman
kurang cenderung melihat keuntungan atau kegunaan dari situs web. Hal ini pada
gilirannya harus fokus, di desain untuk penggunaan yang lebih universal dan
kemudahan akses untuk mengakomodasi pengguna sebanyak mungkin terlepas dari
keahlian pengguna.

Pekerjaan
 Ada dua pekerjaan utama yang terlibat dalam menciptakan sebuah situs web:
web designer dan web developer, yang sering bekerja sama pada sebuah situs web web
designer bertanggung jawab untuk aspek visual, yang meliputi tata letak, warna dan
tipografi dari. halaman web. Seorang perancang web juga akan memiliki pengetahuan
dasar tentang menggunakan berbagai bahasa seperti HTML, CSS, JavaScript, PHP dan
Flash untuk membuat situs, meskipun tingkat pengetahuan mereka akan berbeda dari
satu desainer web yang lain. Terutama di organisasi kecil satu orang akan membutuhkan
keterampilan yang diperlukan untuk merancang dan pemrograman halaman web penuh,
sementara organisasi yang lebih besar mungkin memiliki web designer bertanggung
jawab untuk aspek visual saja.

Pekerjaan lebih lanjut, yang dalam keadaan tertentu mungkin terlibat dalam
proses pembuatan website meliputi:

a.    Desainer grafis, untuk menciptakan visual untuk situs seperti logo, layout dan tombol
b.    Spesialis Internet Marketing, untuk membantu menjaga keberadaan web melalui solusi
strategis pada penargetan pemirsa ke situs, dengan menggunakan teknik pemasaran dan
promosi di internet.
c.    Penulis SEO, untuk penelitian dan merekomendasikan kata-kata yang tepat untuk
dimasukkan ke situs web tertentu dan membuat situs web lebih mudah diakses dan
ditemukan di search engine banyak.
d.    Internet Copywriter, untuk menciptakan konten yang ditulis halaman untuk menarik
pemirsa yang ditargetkan dari situs.
e.    Pengalaman Pengguna (UX) desainer, menggabungkan aspek pertimbangan desain user
terfokus yang meliputi arsitektur informasi, desain user berpusat, pengujian pengguna,
desain interaksi, dan desain visual yang kadang-kadang.