Desain Grafis dan Model Grafis

Nama              : Adi Kristianto

NPM                : 50413185

Kelas               : 3IA22

Mata Kuliah    : Softskill

Nama Dosen   : Syefani Rahma Deski

BAB 1

Desain Grafis dan Model Grafis

1. Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata "desain" bisa digunakan, baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, "desain" memiliki arti "proses untuk membuat dan menciptakan obyek baru". Sebagai kata benda, "desain" digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk benda nyata.
   Dalam KBBI (Kamus Besar Bahasa Indonesia):
   de.sain [n] (1) kerangka bentuk; rancangan: -- mesin pertanian itu dibuat oleh mahasiswa fakultas teknik; (2) motif; pola; corak: -- batik Indonesia banyak ditiru di luar negeri
   
   
   
   
   Model adalah rencana, representasi, atau deskripsi yang menjelaskan suatu objek, sistem, atau konsep, yang seringkali berupa penyederhanaan atau idealisasi. Bentuknya dapat berupa model fisik (maket, bentuk prototipe), model citra (gambar rancangan, citra komputer), atau rumusan matematis.
   Dalam KBBI (Kamus Besar Bahasa Indonesia):
   mo.del [n] (1) pola (contoh, acuan, ragam, dsb) dr sesuatu yg akan dibuat atau dihasilkan: rumahnya dibuat spt -- rumah adat; (2) orang yg dipakai sbg contoh untuk dilukis (difoto): pernah aku menjadi -- lukisan; (3) orang yg (pekerjaannya) memperagakan contoh pakaian yg akan dipasarkan: gadis -- yg cantik-cantik itu memperagakan pakaian dr bahan batik; (4) barang tiruan yg kecil dng bentuk (rupa) persis spt yg ditiru: -- pesawat terbang; -- dasar pola utama: ia menggunakan jenis tari bedaya sbg -- dasar ciptaannya.
   
   
   
   
   Grafika (dari bahasa Inggris "Graphic") adalah presentasi visual pada sebuah permukaan seperti dinding, kanvas, layar komputer, kertas, atau batu bertujuan untuk memberi tanda, informasi, ilustrasi, atau untuk hiburan. Contohnya adalah: foto, gambar, Line Art, grafik, diagram, tipografi, angka, simbol, desain geometris, peta, gambar teknik, dan lain-lain. Seringkali dalam bentuk kombinasi teks, ilustrasi, dan warna.
   Dalam KBBI (Kamus Besar Bahasa Indonesia):
    gra.fis [a] (1) bersifat graf; bersifat huruf; dilambangkan dng huruf; (2) bersifat matematika, statistika, dsb dl wujud titik-titik, garis-garis, atau bidang-bidang yg secara visual dapat menjelaskan hubungan yg ingin disajikan secara terbaik tt penyajian hasil penghitungan; bersifat grafik.
2. Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain).
   Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.
   
   
   
   
3. PRINSIP DESAIN GRAFIS 
   Desain grafis juga memiliki prinsip seperti halnya manusia, seseorang dikenal karena prinsipnya, prinsip utama harus ditampilkan dalam sebuah desain grafis sehingga karya tersebut komunikatif, sedangkan unsur yang lainnya ditampilkan sekedar dan tidak mengalahkan unsur utama. Semuanya itu tergantung selera desainer grafis, klien dan khalayak yang menjadi sasaran pesan.
   
   
   1. Kesederhanaan 
   
   
   Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul (headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur aksesoris. Seperlunya saja.
   
   
   2. Keseimbangan
   Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan informal.
   
   
   Keseimbangan formal memberikan kesan sempurna, resmi, kokoh, yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi dalam penggunaan berbagai elemen desain. Semisal wana logo. Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media desain yang berbeda Anda membuat logo tersebut dengan warna duotone. Nah, pada kondisi ini, gagasan variasi desain sebaiknya tidak diperlukan. Apa jadinya kalau logo tersebut adalah logo sebuah produk barang. Konsistensi juga sangat diperlukan sebagai kesan identitas yang melekat pada sebuah merek produk. Kita tidak mau konsumen sampai lupa pada produk yang dijual. Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.
   Untuk menciptakan keseimbangan:
   ·     Ulangi bentuk tertentu secara berkala, baik secara vertikal maupun horizontal.
         ·     Pusat elemen pada halaman.
         ·     Menempatkan beberapa visuals kecil di satu daerah untuk menyeimbangkan satu blok besar gambar atau teks.
         ·     Gunakan satu atau dua bentuk aneh dan membuat bentuk biasa.
         ·     Keringanan teks potong-berat dengan terang, berwarna-warni visual.
         ·     Meninggalkan banyak spasi besar sekitar blok teks atau foto gelap. 
         ·     Offset besar, gelap foto atau ilustrasi dengan beberapa lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.
   
   
   3. Kesatuan
   Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.
   Untuk membuat persatuan:
   ·     Gunakan hanya satu atau dua typestyles dan berbeda ukuran atau berat untuk kontras seluruh publikasi, presentasi, atau situs web.
   ·     Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subheads, keterangan, headers, footers, dll di seluruh publikasi, presentasi, atau situs web.
   ·     Menggunakan palet warna yang sama di seluruh.
   ·     Mengulang warna, bentuk, atau tekstur yang berbeda di seluruh wilayah.
   ·     Pilih visuals yang berbagi serupa warna, tema, atau bentuk.
           ·     Memperderetkan foto dan teks yang sama dengan grid baris.
   
   
   4. Penekanan (aksentuasi)
   Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang, bentuk atau motif.
   Untuk membuat penekanan:
   ·     Gunakan rangkaian merata spaced, persegi di samping foto yang digariskan foto dengan bentuk yang tidak biasa.
   ·     Letakkan bagian yang penting dari teks pada sudut melengkung atau sekaligus menjaga semua jenis yang lainnya di kolom lurus.
   ·     Gunakan huruf tebal, hitam untuk judul dan jenis subheads ringan teks dan banyak lainnya untuk semua teks.
   ·     Tempat yang besar di sebelah gambar kecil sedikit teks.
   ·     Reverse (gunakan jenis putih) yang utama dari sebuah kotak hitam atau berwarna.
   ·     Gunakan warna yang tidak biasa atau jenis font yang paling penting untuk informasi.
   ·     Letakkan daftar yang ingin Anda sorot di sidebar dalam kotak berbayang.
   
   
   
   
   5. Irama (repetisi)
   Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan interval waktu antara dua nada musik beruntun yang sama. Desain grafis mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di dalam satu halaman dan lain sebagainya.
   
   
   Untuk membuat rhythm:
   ·  Ulangi sejumlah elemen berbentuk mirip, bahkan dengan spasi putih di antara masing-masing, untuk menciptakan sebuah ritme biasa.
   ·     Ulangi rangkaian semakin besar elemen yang lebih besar dengan spasi putih di antara setiap ritme yang progresif.
   ·     Alternatif gelap, huruf tebal dan ringan, tipis jenis.
   ·   Alternatif gelap halaman (dengan banyak jenis grafik atau gelap) dengan cahaya halaman (dengan jenis lebih sedikit dan berwarna muda grafis).
   ·     Mengulang bentuk yang sama di berbagai bidang sebuah layout.
   · Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang dicetak penerbitan seperti newsletter.
   
   
   6. Proporsi (Proportion)
   Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan – perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.
   
   
   
   
   
   
   UNSUR DESAIN GRAFIS
   
   
   Agar desain yang kita hasilkan menarik mata ada beberapa unsur yang harus dipelajari yaitu unsur dalam desain grafis. Semua unsur tersebut tidak harus dimasukkan sekaligus dalam sebuah karya desain karena ada sebagian desain yang menuntut salah satu dari unsur tersebut harus diprioritaskan jadi ada penekanan-penekanan dalam setiap unsur.
   
   
   1. Garis (Line)
   Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung (curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain. Di dalam duni a komunikasi visual seringkali kita menggunakan dotted line, solid line, dan garis putus-putus.
   
   
   2. Bentuk (Shape)
   Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle).
   
   
   3. Tekstur (Texture)
   Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, cat dinding, cat canvas, dan lain sebagainya.
   
   
   4. Ruang (Space)
   Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika desain grafis. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).
   
   
   5. Ukuran (Size)
   Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.
   
   
   6. Warna (Color)
   Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas

Prinsip dan Unsur Desain Grafis dalam bidang:

A. Kesenian
Prinsip dalam bidang kesenian sendiri yaitu desain memiiliki ruang kosong agar tampilan dari seni tersebut tidak terlalu terlihat padat sehingga dapat memiliki nilai keindahan yang enak untuk di nikmati serat memiliki kesederhanaan namun tidak mengurangi nilai keindahan di dalamnya. Unsur dalam bidang kesenian memiliki warna yang sesuai agar indah di lihat terutama. Unsur dari bentuk, apabila terlihat abstrak pun masih bisa terlihat nilai dari kesenian tersebut. Memiliki tekstur yang sesuai dengan kesenian yang dibuat.

B. Arsitektur
Dalam bidang arsitektur, dsain grafis ini memiliki prinsip  Emphasis atau disebut juga pusat perhatian, merupakan pengembangan dominasi yang bertujuan untuk menonjolkan salah satu unsur sebagai pusat perhatian sehingga mencapai nilai artistic. Unsur dari bidang arsitektur adalah Ruang yang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika desain grafis. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latarbelakang (background).

 4.  Desain Grafis dalam Karikatur

Karikatur materinya selalu membuat setiap orang yang melihatnya tersenyum,       setidaknya tersenyum simpul Mengapa demikian, sebab karikatur lebih banyak mengekspresikan kritikkan secara jenaka Kejenakaan dalam kritik membuat pesan lebih mudah diterima atau dicerna audience
         Sayangnya aplikasi karikatur selama ini sangat terbatas। Karikatur seolah hanya menghiasi majalah, koran, tabloid sebagai ilustrasi berita, bahkan sebelumnya terdapat majalah yang khusus menampilkan karya karikatur sosial–politik pun telah tenggelam
         Banyak sebab yang melatarbelakangi stagnasi perkembangan konsep karikatur, sehingga karikatur belum menemukan moment terbaiknya Salah satunya adalah terlalu sempit pemahaman konsep karikatur dalam tujuannya, sehingga terbatas pula aplikasi media yang digunakan Pemahaman konsep karikatur secara sederhana adalah media kritik melalui gambar (ilustrasi) dalam lingkup sosial – politik dan cenderung satire Pemahaman tujuan demikian membuat konsep karikatur tidak mudah diterima audience
        Padahal terdapat kelebihan konsep karikatur yaitu sangat fleksibel dalam mengeksplorasi obyek visual। Obyek dapat di visualisaikan dengan bebas। Obyek karikatur juga sangat beragam mulai binatang, benda atau manusia, dan pesan yang disampaikan relatif luas yaitu terkait kehidupan sosial – politik masyarakat.  Namun terlepas dari itu semua konsep karikatur mempunyai peluang untuk dikembangkan menjadi konsep desain grafis। Dengan karakter jenaka/lucu dan unik sebuah konsep desain grafis dapat mempunyai ruh karikatur। Harus diakui bahwa pakem desain grafis dengan konsep karikatur mempunyai perbedaan, tetapi juga mempunyai persamaan। Dengan adanya persamaan antara karakter desain grafis dan konsep karikatur, maka tidak menutup kemungkinan konsep karikatur dapat dikembangkan ke arah desain grafis, yaitu dapat di sebut menjadi। Konsep Desain (Grafis) Karikatur.
       Konsep desain (grafis) karikatur Q Gallery memposisikan diri sebagai konsep desain yang dibuat sebagaimana mainframe desain dengan gaya (style) visualisasi karikatur Orientasi konsepnya adalah sebagai media promosi dan informasi Tujuannya adalah mengembangkan pakem karikatur yang kritik – satire menjadi menginspirasi. Jadi konsep desain (grafis) karikatur di sini merupakan pengkolaborasian karakter karikatur dengan konsep desain yang bertujuan promosi dan informasi Yang dipertahankan dari konsep karikatur adalah kejenakaan, unik dan ungkapan pesan yang disampaikan, sedangkan konsep desain adalah arah dan tujuan dari konsep yang dibuat yaitu mempengaruhi audience, dan desain grafis adalah proses serta aplikasi dari desain.

Desain Grafis dalam Kesenian

Dalam bidang kesenian, desain sendiri meupakan sebuah seni tersendiri yang di hasilkan melalui karya-karya para pendesain. kesenian dan desain sangat berkaitan karena di setiap aspek desain selalu di kaitkan dengan seni ataupun kesenian.

     Desain Grafis dalam Arsitektur

Dalam bidang arsitektur, desain juga sangat berkaitan. misalkan dalam pembuatan karoserie sebuah kendaraan dimana desain ersebut di kelola dengan menggunakan teknologi yang akan membentuk sebuah model atau bentuk dari sebuah bodi, rangka dan mesin kendaraan atau juga dapat di mislkan dalam pembuatan sebuah bangunan.

Desain Grafis dalam Sistem Teknologi

Dalam bidang teknologi, desain juga sangat berkaitan. misalkan dalam pembuatan desain sebuah jaringan komputer atau jaringan internet yang memerlukan kreatifitas untuk membentuk sebuah desain jaringan tersebut agar dapat berfungsi dengan semsetinya.

5. Contoh pemodelan Grafis pada :

     Karitkatur

Untuk memperkenalkan Konsep Desain Karikatur agar mudah diterima masyarakat maka dipilih media kaos (t-shirt) sebab kaos adalah media paling universal untuk semua golongan. Dan jenis kaosnya disesuaikan dengan kebutuhan yaitu kaos wisata dan kaos promosi. Sebagai kaos wisata dapat disesuaikan dengan kondisi lokasi dan keunggulan wisata, dan sebagai kaos promosi dapat disesuaikan dengan tema, tujuan, dan sasaran pangsa pasar produk bersangkutan.Selain itu Konsep Desain Karikatur dapat diaplikasikan dalam berbagai kebutuhan, yaitu antara lain :

1. Desain grafis media advertising, meliputi : kaos, baliho, lefleat / brosur, banner.

2. Pembuatan logo, antara lain : perusahaan, institusi, dan komunitas
3. Desain interior, meliputi : lukisan, wall paper.
4. Desain produk, yaitu : kemasan dan logo
5. Undangan pernikahan
6. Cover buku, majalah, ilustrasi bacaan

·    Kesenian

Seperti yang telah dijelaskan sebelumnya bahwa desain pemodelan grafik adalah sebuah perencenaan bentuk dari obyek yang akan dimanipulasi menggunakan perangkat lunak computer. Banyak sekali manfaat yang bisa kita ambil dari desain pemodelan grafik. Seperti untuk mendesian suatu bangunan,poster dan lain sebagainya. Dan kali ini kita akan membahas manfaat desain pemodelan grafik pada bidang budaya.  Indonesia merupakan Negara yang terkenal keanekaragaman budayanya. Hal ini merupakan daya tarik bagi para wisatawan baik asing maupun domestic. Hampir di setiap daerah memiliki keunikan budaya tersendiri. Sebagai contoh adalah batik yang sudah ditetapkan oleh UNESCO sebagai salah satu warisan dunia.

Batik merupakan kebudayaan asli Indonesia berupa kain dengan corak yang khas.

Dewasa ini batik sudah tidak diidentikkan lagi dengan sesuatu yang kuno karena ternyata banyak anak muda yang menggunakannya baik untuk acara formal ataupun nonformal.

    Sistem Teknologi

Pemodelan grafik 2D dan 3D. Grafik komputer 2D adalah sebuah generasi gambar digital berbasis komputer, yang banyak mengambil objek-objek dua dimensi (2D). Model Grafik 2D merupakan kombinasi dari model geometri (juga disebut sebagai grafik vektor), gambar digital (raster graphics), fungsi matematika, dan sebagainya.Grafik 3D merupakan perkembangan dari grafik 2D. Didalam grafika komputer, 3D merupakan bentuk grafik yang menggunakan representasi data geometri tiga dimensi. Suatu objek rangka 3D apabila disinari dari arah tertentu akan membentuk bayangan pada permukaan gambar. Proses pembuatan grafik komputer 3D dapat dibagi ke dalam tiga fase, yaitu 3D modeling yang mendeskripsikan bentuk dari sebuah objek, layout dan animation yang mendeskripsikan gerakan dan tata letak sebuah objek, dan 3D rendering yang memproduksi image dari objek tersebut.

·     

     Arsitektur

Arsiterktur adalah seni dan ilmu dalam merancang bangunan. Dalam artian yang lebih luas, arsitektur mencakup merancang dan membangun keseluruhan lingkungan binaan, mulai dari level makro yaitu perencanaan kota, perancangan perkotaan, arsitektur lansekap hingga ke level mikro yaitu desain bangunan.

Sumber referensi:

http://syarifhidayat1.blogspot.co.id/2014/11/1.html      

http://www.ilmugrafis.com/artikel.php?page=prinsip-prinsip-desain-grafis          

http://eituzed.blogspot.co.id/2014/10/pengertian-prinsip-dan-unsur-desain.html            

http://www.sjm.sch.id/p/desain-grafis-adalah-suatu-bentuk.html            

http://novianggrayani04.blogspot.co.id/2014/11/pengertian-desain-dan-model-grafis_6.html    

https://azwarfachmi.wordpress.com/2014/11/09/pengertian-desain-dan-pemodelan-grafis/

Read More

TEKNOLOGI DALAM WEB

Dalam membuat website sederhana maupun yang eksklusif (mahal), tentunya akan menggunakan tools yang bisa digunakan untuk mendesain web, baik yang di-install di komputer lokal atau di server. Tool yang digunakan sebernarnya tergantung dari jenis website yang akan dibuat. Misalnya website yang kaya fitur animasi, maka aplikasi Adobe Flash akan dilibatkan dalam pembuatan website tersebut. Jika anda ingin membuat website yang selalu di-update secara berkala, maka diperlukan bahasa pemrograman seperti PHP dan ASP yang dikolaborasikan dengan database. 

 

Masing-masing teknologi pembuatan website tersebut memiliki kelebihan dan kekurangan. Tentu saja, jika semuanya digabungkan akan menghasilkan hasil akhir yang memuaskan. Teknologi – teknologi tersebut adalah :

1. HTML

HTML (Hyper Text Markup Language) adalah bahasa pemrograman utama dalam pembuatan website, keterlibatan HTML tetap diperlukan walaupun website yang dibuat full flash. Dalam prakteknya, hanya segelintir web designer saja yang benar-benar membuat website murni dengan full coding (HTML). Selain karena prosesnya yang bisa memakan waktu yang lama, ternyata faktor kemampuan dalam penguasaan HTML yang minim juga menjadi penyebab. Hal lain mungkin karena tidak terbiasa dengan HTML. Para web designer yang tidak terbiasa dengan coding lebih sering menggunakan web editor (WYSIWYG), ketimbang murni dengan melakukan coding. Padahal, kalau terbiasa menggunakan coding maka kita akan memahami struktur web yang dibuat, memahami bagaimana agar konten HTML bisa di-render oleh browser dengan baik, dan masih banyak lagi. Namun, apapun itu tetap saja memiliki tujuan yang sam untuk menghasilkan website yang lebih baik. Tidak ada jaminan sebuah web dengan murni coding hasilnya baik, dan tidak ada jaminan pula website yang dibuat dengan bantuan web editor hasilnya baik. Yang paling penting adalah bagaimana webmaster itu meracik sebuah website yang diterima masyarakat.

 <!DOCTYPE html>

<html>

 <head bgcolor=black text=white>

 <title>'''Selamat Datang''' HTML</title>

 </head>

 <body>

 <p>Halo dunia!</p>

 </body>

</html> 

Referensi Online untuk mempelajari HTML:

• http://html.net

• http://www.w3schools.com/html/default.asp

• http://davesite.com/webstation/html

2. JavaScript

Bahasa pemrograman JavaScript biasanya digunakan untuk hal-hal tertentu dalam sebuah website, misalnya saja untuk membuat validasi pada form pendaftaran, form login, buku tamu (guest book), animasi sederhana (bukan Flash), dan pengaturan-pengaturan lainnya. Kemampuan seorang web designer dalam JavaScript sangat terbatas. Biasanya, hal ini diserahkan kepada seorang programmer yang memang terbiasa bergelut dengan coding. Tetapi tidak menutup kemungkinan web designer juga menguasai JavaScript.

<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>

</html>

Referensi Online untuk mempelajari JavaScript:

• http://learn-javascript-tutorial.com

• http://javascript.about.com

• http://www.w3schools.com/js/default.asp

3. PHP

PHP adalah bahasa pemrograman server side yang sudah banyak digunakan pada saat ini, terutama untuk pembuatan website dinamis. Untuk hal-hal tertentu dalam pembuatan web, bahasa pemrograman PHP memang diperlukan, misalnya saja untuk memproses data yang dikirimkan oleh pengunjung web. Contoh nyata adalah penggunaannya untuk buku tamu, halaman login, dan sebagainya. Agar bisa berjalan dengan baik, maka PHP harus dikolaborasikan dengan database engine, seperti MySQL, PostgreSQL, dan lainnya. Selain kita bisa menggunakan PHP untuk website yang dibuat, ada juga beberapa aplikasi open source yang menggunakan pemrograman PHP secara penuh. Contohnya adalah aplikasi CMS (Content Management System), seperti PostNuke, Joomla, Mambo, dan masih banyak lagi. Sedangkan untuk aplikasi forum, contohnya adalah phpBB, SMF (Simple Machine Forum), dan lainnya.

Beberapa kelebihan PHP, diantaranya adalah:

• PHP bisa digunakan untuk membuat website dinamis, contohnya website yang berbasis CMS.

• PHP bisa berjalan di server web mana saja (Apache, IIS, dan lainnnya), dengan konfigurais yang mudah.

• PHP adalah termasuk bahasa pemrograman yang mudah.

Seorang web desainer tentunya tidak harus menguasai berbagai bahasa pemrograman. Jika tidak bisa melakukannya, anda bisa menyuruh seorang programmer untuk membantu proyek yang sedang dibuat.

<?php
function fibonacci_seq( $panjang ) {
   for( $l = array(0,1), $i = 2, $x = 0; $i < $panjang; $i++ )
        $l[] = $l[$x++] + $l[$x];
   return $l;
}
 
fibonacci_seq(20);
// Angka "20" dapat diganti sesuai keinginan
?>

Referensi Online untuk mempelajari PHP:

• http://www.learnphp.org

• http://phpbuddy.com

• http://php-scripts.com

• http://www.w3schools.com/php/default.asp

4. ASP

ASP atau Active Server Pages adalah bahasa pemrograman lingkungan aplikasi terbuka (open application environment) berjenis server side untuk membangun aplikasi web (Internet). Lingkungan aplikasi terbuka maksudnya bahwa menggunakan ASP, halaman-halaman HTML, script, dan komponen ActiveX bisa dikombinasikan menjadi satu untuk membangun sebuah aplikasi web.

Bahasa pemrograman ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis, dimana isi dari sebuah situs dapat diprogram untuk mendapatkan hasil yang berbeda. Tidak seperti HTML yang hanya menampilkan isi yang statis, ASP mampu menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya. ASP telah mencapai versi 3.0 yang berjalan pada platfom Windows 2000 Professional atau Server. Versi sebelumnya, yaitu versi ASP 2.0 dapat berjalan pada platform lain seperti Linux, Solaris, OS/2, dan Novell. Saat ini, Microsoft sedang merancang kelanjutan dari ASP 3.0, yaitu ASP+ yang berjalan pada Windows .NET Framework. Bahasa ASP murni Object Oriented Programming (OOP). Struktur bahasanya sama dengan bahasa Visual Basic (VB) yang mudah dimengerti karena sintaksnya menggunakan bahasa Inggris.

Seperti yang kita ketahui, bahwa Visual Basic (VB) adalah bahasa pemrograman yang paling mudah dimengerti dan dipelajari dibandingkan dengan bahasa pemrograman lainnya. Oleh karena itu, ASP sangat mudah dipelajari oleh para pemula sekalipun untuk membuat aplikasi web, disamping keandalan dan kelengkapan fasilitasnya.

<html>

<body>

<%

response.write("My first ASP script!")

%>

</body>

</html>

Referensi Online untuk mempelajari ASP:

• http://www.w3schools.com/asp/default.asp

• http://www.asp.net/get-started

5. Ajax

Ajax atau Asynchronous JavaScript and XMLHTTP adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web yang interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web server, melakukan pertukaran data dengan web server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali pengguna melakukan perubahan.

Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kompbinasi dari DOM yang diakses dengan client-side scripting laguage, seperti VBScript dan implementasi ECMAScript, seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.

Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum diimplementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronous dengan web server. Pada beberapa framework AJAX, elemen HTML iFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.

XML umunya digunakan sebagai dokument transfer, walaupun format lain juga memungkinkan, seperti HTML atau plain text. XML dianjurkan dalam pemakaian teknik Ajax karena kemudahan akses penanganannya dengan memakain DOM.

Referensi online untuk mempelajari Ajax:

• http://www.ajaxwith.com

• http://www.quickonlinetips.com/archives/2006/07/learn-ajax-programming-free-online-courses

• http://learn-ajax-tutorial.com

• http://www.w3schools.com/ajax/default.asp

6. CSS

CSS atau Cascading Style Sheet secara sederhana adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color, text, tabel; menjadi lebih ringkas, sehingga tidak terjadi pengulangan penulisan. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS, memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. CSS sendiri merupakan sebuah teknologi Internet yang direkomendasikan oleh World Wide Web Consortium atau W3C, pada tahun 1996. Untuk saat ini terdapat 3 versi CSS, yaitu CSS 1, CSS 2, dan CSS3. CSS 1 dikembangkan berpusat pada formating dokumen HTML, CSS 2 dikembangkan untuk bisa memenuhi kebutuhan terhadap format dokumen supaya bisa ditampilkan di printer, sedangkan CSS 3 sedang dikembangkan. Selain itu, CSS 2 menentukan penentuan posisi content, downloadable, font, table layout, dan media type untuk printer. Kehadiran versi CSS 2 diharapkan lebih baik dari versi yang pertama, begitu juga dengan CSS 3. Browser Netscape versi 4x ke atas dan IE 4x ke atas sudah mendukung CSS 1 dengan baik.

h1 {
    color: #0789de;
   } 

Referensi Online untuk mempelajari CSS:

• http://learn-css-tutorial.com

• http://csseasy.com

• http://www.w3schools.com/css/default.asp

7. CMS

CMS atau Content Management System adalah sebuah engine web yang digunakan untuk memudahkan dalam pengaturan situs; baik untuk menambahkan, mengedit, atau menghapus konten dengan cara yang mudah. CMS sangat bermanfaat karena memberikan usability (kemudahan) dalam mengelola konten. Setiap ada perubahan, maka anda tidak perlu merombak file yang bersangkutan, karena semuanya sudah diatur dari menu admin.

CMS sangat mudah diimplementasikan, baik untuk platform Linux maupun Windows. Penggunaan CMS juga sangat beragam, mulai dari website perusahaan, portal komunitas, e-commerce, organisasi, galeri foto, bisnis online, website pribadi, dan sebagainya. Beberapa contoh CMS yang bisa digunakan antara lain Joomla, Mambo, Post Nuke, phpBB, dan sebagainya. Semua CMS yang ada memang memiliki kelebihan dan kekurangan. Ada beberapa CMS yang bisa anda modifikasi, seperti menambahkan modul atau plugin tertentu.

Salah satu CMS yang paling banyak digunakan adalah WordPress, Joomla, dan Mambo. Ketiganya merupakan aplikasi yang banyak digunakan untuk membuat website yang berbasis konten. Selain itu, ketiganya juga telah mendapatkan banyak penghargaan sebagai Best Open Source Software.

Referensi online untuk mempelajari WordPress, Joomla, dan Mambo:

• http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start

• http://docs.joomla.org/Beginners

• http://forum.mamboserver.com

Referensi :

- http://id.wikipedia.org/wiki/Active_Server_Pages

- http://id.wikipedia.org/wiki/PHP

- http://id.wikipedia.org/wiki/AJAX

- http://id.wikipedia.org/wiki/Cascading_Style_Sheets
- http://en.wikipedia.org/wiki/Content_management_system
- http://id.wikipedia.org/wiki/HTML
- http://id.wikipedia.org/wiki/PHP
- http://id.wikipedia.org/wiki/Pemrograman_web

Read More