DASAR-DASAR WEB DESAIN

DASAR-DASAR WEB

               

Assalamualaikum Wr. Wb.

            Selamat pagi semuanya, bagaimana kabar sobat semuanya,,,?? Saya harap anda tetap dalam keadaan baik. Ok, pada kesempatan kali ini, saya ingin memberikan penjelasan tentang Dasar - Dasar WEB. Sebelum kita mengetahui lebih jauh tentang web, kita harus mengenal tentang apa itu desain web, fungsi desain web, Prinsip-prinsip membuat desain web yang baik, criteria situs web yang baik, pengertian dari HTML, dsb. Nah, kali ini saya akan menjelaskan beberapa dasar-dasar web, langsung saja di disimak.

   1.    PENGERTIAN DESAIN WEB

Desain Web adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan 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.

                                                              Sumber : http://ewawan.com/

    2.   FUNGSI DESAIN WEB

penjualan Terbaik pitch

Sebuah website adalah salah satu penjualan terbaik pitches bisnis dapat memiliki di pasar saat ini, dan URL dikenali akan menempel di benak orang-orang lama dari sekilas lewat di etalase sebuah. Banyak situs telah menjadi identik dengan bisnis mereka wakili, dan bisnis bata-dan-mortir semakin banyak mulai menjual produk mereka di Internet.

Informatif

Desain web pelanggan Kualitas memberikan akses cepat ke informasi bisnis penting. Mampu mengetahui sekilas apa produk dan layanan bisnis menawarkan sesuai dengan gaya hidup yang sibuk konsumen saat ini. Sebuah situs sangat baik adalah lebih baik dari toko bata-dan-mortir dalam kemampuannya untuk menangkap dan mempertahankan perhatian pelanggan. Setelah dekat informasi di tangan untuk mendukung nama perusahaan atau logo menambah kredibilitas bisnis. Situs lebih merupakan dapat memberitahu seseorang dalam waktu singkat, lebih baik.

Daya Tarik atau mencari perhatian

Tata letak situs yang menarik menggunakan blok baik ditempatkan gambar teks dan cepat-loading dapat membantu menangkap calon pelanggan’ perhatian dan membuat mereka browsing cukup lama untuk menjadi tertarik pada apa bisnis yang ditawarkan. Jika produk dan jasa yang ditawarkan pada website itu sendiri, sangat penting bahwa pelanggan dapat menemukan apa yang mereka inginkan tanpa harus mencari terlalu lama. Semakin lama seseorang untuk melihat, semakin sedikit kemungkinan mereka untuk tinggal di situs.

                                          Sumber: http://www.ire-s.com/id/576/usefulness-of-web-design                3.    PRINSIP-PRINSIP MEMBUAT DESAIN WEB YANG BAIK

A.     Inovatif
Inovasi dalam dunia desain itu tidak terbatas. Perkembangan teknologi selalu memberikan peluang untuk desain baru yang lebih inovatif.

B.  Membuat produk berguna
Sebuah produk tentunya dibeli untuk digunakan. Tidak hanya fungsional, tapi juga memperhatikan aspek psikologis dan estetika yang baik. Desain yang baik menekankan pada kegunaan produk, dan disisi lain mengabaikan apapun yang mungkin bisa mengurangi fungsi dari produk tersebut.

C.     Memiliki estetika yang baik
Kualitas estetika dari suatu produk merupakan bagian yang tak terpisahkan dari kegunaannya, karena produk juga mempengaruhi kepribadian dan kenyamanan penggunanya.

D.     Membuat produk mudah dimengerti
Struktur maupun fungsi produk seharusnya mudah dimengerti oleh penggunanya. Bahkan akan lebih baik lagi jika produk tersebut langsung bisa dimengerti tanpa harus menjelaskannya panjang lebar.

E.     Simpel
Sebuah produk diciptakan untuk memenuhi tujuan tertentu seperti peralatan pada umumnya. Sehingga desain produk seharusnya simpel dan dan mudah digunakan.

F.     Jujur
Produk harus mencerminkan fungsi yang sebenarnya, produk juga tidak boleh memanipulasi penggunanya dengan janji-janji yang tidak dapat dipenuhi.

G.     Bertahan selama mungkin
Desain yang baik tidak pernah ketinggalan jaman meskipun sudah berlangsung selama bertahun-tahun.

H.    Teliti
Proses desain tidak bisa seenaknya, ketelitian adalah bentuk penghargaan terhadap pengguna desain itu sendiri.

I.       Ramah Lingkungan
Desain membuat kontribusi penting dalam pelestarian lingkungan. Menghemat sumber daya, meminimalkan polusi fisik dan visual dalam siklus hidup produk tersebut.

J.     Sederhana itu mungkin lebih baik
Less is more, karena desain yang baik itu berkonsentrasi pada aspek-aspek penting dan meninggalkan aspek-aspek yang kurang penting suatu produk.

Sumber : http://www.dailystasion.com/startup/sepuluh-prinsip-desain-yang-baik/497/         

4. KRITERIA SITUS WEB YANG BAIK

   1. Page Design

•    Waktu tampil kurang dari 5 detik
•    Ukuran halaman 32kb, dan menampilkan grafik yang unik
•    Ukuran halaman konsisten

•    Grafik yang digunakan kecil, dan konsisten pada tiap-tiap halaman
•    Tanggap terhadap variasi ( versi ), platform hardware, dan bandwith yang  
       pengunjung pakai

   2.Content Design
•    Buat situs yang ringkas tetapi sesuai dengan tujuan yang ingin dibuat 
•    Ciptakan kejelasan secara visual, gunakan headlines, kata yang dibold dan  
underline, bulleted list, table dan stuktur visual lainnya ( istilah istilah harus mudah difahami )
•    Buat web secara profesional, style website harus mencerminkan jenis usaha
•    Gunakan bahasa yang sederhana yang mudah dimengerti
•    Kemudahan bagi pengunjung untuk mendapatkan apa yang mereka inginkan
•    Judul halaman mengandung makna
•    Fokus pada kemudahan pengunjung untuk menatap situs lebih daripada tulisan

   3.Site Design
•    Halaman situs harus jelas dan konsisten
•    Homepage harus termasuk dalam bagian direktori dari situs yang paling penting
•    Semua halaman harus ada fasilitas search
•    Homepage merupakan tempat yang baik untuk pemberitahuan dan menampilkan news, diperbahurui 1 bulan sekali
•    Hindari homepage yang heboh
•    Sediakan keterangan apabila ada perubahan pada website

   Kesimpulan dari website yang baik adalah : 
1.    Kecepatan download
2.    isi mudah dibaca
3.    letak desain yang konsisten
4.    user friendly 

Sumber: http://jinggasuci.blogspot.com/2011/07/kriteria-website-yang-bagus-baik-adalah.html

5.   JENIS-JENIS RANCANGAN WEBSITE

Web site atau situs web di bedakan menjadi dua type yang berbeda , dibedakan berdasarkan fugsional dan cara kerja website tersebut, diklarifikasikan sebagai web statis dan web dinamis dimana web statis merupakan web dengan Halaman statis yang isi dan tata letak dengan setiap permintaan tidak dapat dirubah oleh masyarakat umum kecuali seorang programmer (manusia / master web) secara manual update halaman. Halaman HTML sederhana adalah contoh dari konten statis. 

Web dinamis atau Dynamic web halaman beradaptasi konten mereka 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 pengguna akhir) dengan menggunakan bahasa script sisi klien (JavaScript, JScript, Actionscript, dll) untuk mengubah elemen DOM (DHTML). Konten dinamis sering dikompilasi pada server menggunakan bahasa server-side scripting (Perl, PHP, ASP, JSP, ColdFusion, dll). Kedua pendekatan ini biasanya digunakan dalam aplikasi yang kompleks.

                        Sumber: http://www.ninewebdesign.com/blog/jenis_web_site-1.html

6.   MACAM-MACAM PROGRAM WEB DESIGN

1) SeaMonkey

SeaMonkey dikembangkan oleh Mozilla Foundation. SeaMonkey merupakan “all-in-one” web browser yang sederhana namun canggih untuk editor HTML.

2) KompoZer.

KompoZer adalah fully-featured web authoring system yang terpadu klien FTP yang intuitif dan support untuk semua sistem operasi.

3) NOTEPAD++.

NotePad ++ merupakan aplikasi open source yang sangat popupler sebagai editor teks untuk Windows. Walaupun tidak hanya semata-mata untuk web designer tetapi aplikasi ini memiliki “source code editor” yang mendukung editor HTML, XML, CSS, dan JavaScript.

4) Bluefish Editor.

Bluefish Editor adalah aplikasi yang ringan dan cepat untuk proses editor yang ditujukan untuk perancang dan programer web. Mempunyai fasiltas Wizards yang berguna untuk pembuatan dokumen HTML.

5) Quanta Plus.

Quanta Plus adalah pengembangan Web IDE. Quanta Plus sangat extensible dan dapat menjalankan skrip kustom.

Aplikasi ini sangat baik untuk editor css karena memiliki kode hints dan auto komplet sintaks.

6) Amaya.

Amaya adalah aplikasi gratis, open source web editor dan browser web yang dikembangkan oleh World Wide Web Consortium (W3C). Amaya dimulai sebagai HTML / CSS editor dan telah berkembang menjadi sebuah editor untuk berbagai sistem berbasis XML seperti MathML dan SVG.
7) OPEN BEXI HTML Builder.

OPEN BEXI HTML Builder adalah browser berbasis open source untuk menciptakan aplikasi HTML halaman web. OPEN BEXI HTML Builder memiliki CSS color picker built.

8) jEdit.

jEdit adalah sebuah editor teks untuk programmers. jEdit dapat berjalan di Mac, Windows, dan Linux dan mempunyai fasilitas “syntax highlighting” untuk HTML, XML, CSS, JavaScript dan bahasa pemrograma lainnya.

Sumber: http://lookupmens.blogspot.com/2011/01/berbagai-macam-aplikasi-desain-web.html

    7.   PENGERTIAN HTML

HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

1. Hypertext

Link  hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

2. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

3. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen
            Sumber: http://wwwmyori.blogspot.com/

Ok, sobat, mungkin ini dulu, postingan saya kali ini, semoga bisa berm,anfaat buat sobat semuanya.

Wassalamualaikum Wr. Wb.

BACA JUGA : - TEMA SONY ERICCSON
                        - GAME ALIEN SHOOTER 3D
                        - Trik Internet Gratis Telkomsel SOCNET

Posted in: TUTORIAL