SlideShare uma empresa Scribd logo
1 de 100
 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).
 Printing (Percetakan) yang memuat desain
buku, majalah, poster, booklet, leaflet, flyer,
pamflet, periklanan, dan publikasi lain yang
sejenis.
 Web Desain: desain untuk halaman web.
 Film termasuk CD, DVD, CD multimedia untuk
promosi.
 Identifikasi (Logo), EGD (Environmental Graphic
Design) : merupakan desain profesional yang
mencakup desain grafis, desain arsitek, desain
industri, dan arsitek taman.
 Desain Produk, Pemaketan dan sejenisnya.
 3D
3D merupakan proses penciptaan, display,
dan manipulasi obyek di komputer dalam
bentuk tiga dimensi. Kelebihan 3D adalah
obyeknya dapat dirotasi, dilihat dari segala
sudut, serta dapat diskala lebih besar atau
lebih kecil. Program-program 3D CAD dan
3D Graphics memungkinkan obyek-obyek
diciptakan dalam skala X-Y-Z (lebar, tinggi,
kedalaman). Program-program ini juga
memungkinkan pencahayaan diterapkan
secara otomatis di tahap pengubahan
 Vektor
Gambar vektor merupakan gambar digital
berdasarkan persamaan matematis yang
menggabungkan titik-titik garis untuk menjadi sebuah
obyek sehingga gambar tidak menjadi pecah
walaupun diperbesar atau diperkecil. Itu sebabnya,
vektor banyak digunakan untuk mendesain logo.
Versi lain menyebutkan, dalam komputer grafis,
sebuah garis ditandakan oleh titik akhirnya. Ketika
sebuah lingkaran digambar, lingkaran tersebut terdiri
dari banyak vektor-vektor kecil. Gambar vektor
umumnya berukuran lebih kecil bila dibandingkan
dengan gambar bitmap. Beberapa format gambar
vektor di antaranya adalah SVG, EPS, CDR, AI, atau
SWF.
 Website
Sebuah situs web (sering pula disingkat menjadi situs
atau website) adalah sebutan bagi sekelompok
halaman web (web page) yang umumnya
merupakan bagian dari suatu nama domain atau
subdomain di world wide web (WWW) di internet.
WWW terdiri dari seluruh situs web yang tersedia
kepada publik. Halaman-halaman sebuah situs web
diakses dari sebuah URL yang menjadi akar yang
disebut homepage (halaman induk) dan biasanya
disimpan dalam server yang sama. Halaman-
halaman web, yaitu dokumen berkode HTML (hyper
text markup language), terhubung satu sama lain—
dan sering kali antar-halaman-halaman di situs web
lainnya.
 E-zine
E-zine (electronic magazine) adalah sebuah majalah
atau koran yang dipublikasikan secara online yang
berisi artikel, wawancara, atau macam-macam
bentuk berita lainnya. E-zine bisa berbentuk website
html biasa, flash, downloadable flash, pdf, atau
downloadable pdf. Online graphic design magazine
buatan anak Indonesia yang sudah cukup dikenal
adalah creativebehavior.com, Vektorika Magazine,
atau DesignFlip. Proses membuat e-zine ini tidaklah
semudah yang dibayangkan. Serba teliti. Kalau tidak
teliti, semua halamannya bisa buyar.
 Animasi
Animasi disebut peragaan grafik atau file
yang data-datanya mampu menghasilkan
gambar 2 dimensi atau 3 dimensi yang
bergerak. Misalnya adalah animasi gif yang
mampu diubah-ubah dengan
menggunakan perangkat lunak GIF
animator. Di dalam sebuah halaman web,
animasi bisa digabungkan dengan
informasi lainnya dengan menggunakan
teknik penyuntingan HTML, JAVA, Animasi
GIF, Shockwave, maupun Flash.
 Motion Graphic
Motion graphics adalah grafis yang menggunakan
teknologi video atau animasi untuk menciptakan ilusi
sebuah penampakan bergerak atau berubah.
Motion graphics biasanya digabungkan dengan
suara untuk proyek-proyek multimedia, dengan kata
lain ditampilkan melalui teknologi media elektronik,
tapi dapat juga ditampilkan memakai teknologi
manual. Istilah ini berguna untuk membedakan grafis
diam dengan grafis yang dapat berubah-ubah.
Dasar program ini adalah pixel. Dalam film bioskop
dikenal istilah frame by frame, satu detik 32 gambar.
Di motion graphic komputer juga sama, gambarnya
hasil dari pixel. Misalnya, 20 foto disatukan sehingga
menjadi gambar bergerak.
 Digital imaging
Digital imaging atau digital image acquisition lebih
dikenal dengan istilah olah digital atau metode
mengedit gambar yang biasanya merupakan
modifikasi dari obyek fisik. Suatu gambar digital bisa
dibuat menggunakan kamera digital atau alat
semacamnya. Bisa juga menggunakan media
analog (atau gambar), kemudian ditransfer melalui
pemindai atau media semacamnya menjadi
informasi digital dalam bentuk pixel yang dapat
dibaca dan dimanipulasi oleh komputer, dan
kemudian dibentuk kembali sebagai gambar yang
dapat dilihat mata.
 Virtual world (second life)
Virtual world adalah lingkungan simulasi komputer
yang ditujukan agar para pemakainya mendiami
dan berinteraksi melalui avatar. Beberapa virtual
world, tetapi tidak semua, memungkinkan adanya
berbagai pengguna. Biasanya, kalau seseorang
setiap hari menggunakan internet minimal 1-2 jam,
bisa dipastikan ia memiliki virtual world/second life.
Contoh dari virtual world/second life adalah situs
jaringan sosial semacam Friendster, Mypace, atau
multiply. Bahkan, chatting juga termasuk dalam
virtual world/second life. Bagaimana memulai
belajar Desain Grafis? Memang itu sebuah
pertanyaan yang sangat mendasar bagi seorang
desiner pemula.
 Aplikasi Pengolah Tata Letak (Layout)
Program ini sering digunakan untuk
keperluan pembuatan brosur, pamflet,
booklet, poster, dan lain yang sejenis.
Program ini mampu mengatur
penempatan teks dan gambar yang
diambil dari program lain (seperti Adobe
Photoshop). Yang termasuk dalam
kelompok ini adalah:
 Adobe FrameMaker
 Adobe In Design
 Adobe PageMaker
 Corel Ventura
 Microsoft Publisher
 Quark Xpress
Aplikasi Pengolah 3D
 3D StudioMax
 Maya
 AutoCad
 Google SketchUp
 Light Wave
 Blender
 Softimage
 Aplikasi Pengolah Vektor/Garis
Program yang termasuk dalam
kelompok ini dapat digunakan untuk
membuat gambar dalam bentuk
vektor/garis sehingga sering disebut
sebagai Illustrator Program. Seluruh objek
yang dihasilkan berupa kombinasi
beberapa garis, baik berupa garis lurus
maupun lengkung. Aplikasi yang
termasuk dalam kelompok ini adalah:
 Adobe Illustrator
 Beneba Canvas
 CorelDraw
 Macromedia Freehand
 Metacreations Expression
 Micrografx Designer
 Aplikasi Pengolah Pixel/Gambar
 Adobe Photoshop
 Corel Photo Paint
 Macromedia Xres
 Metacreations Painter
 Metacreations Live Picture
 Micrografx Picture Publisher
 Microsoft Photo Editor
 QFX
 Wright Image
 Aplikasi Pengolah Film/Video
Program yang termasuk dalam kelompok
ini dapat dimanfaatkan untuk mengolah
film dalam berbagai macam format.
Pemberian judul teks (seperti karaoke, teks
terjemahan, dll) juga dapat diolah
menggunakan program ini. Umumnya,
pemberian efek khusus (special effect)
seperti suara ledakan, desingan peluru,
ombak, dan lain-lain juga dapat dibuat
menggunakan aplikasi ini. Yang termasuk
dalam kategori ini adalah:
 Adobe After Effect
 Power Director
 Show Biz DVD
 Ulead Video Studio
 Element Premier
 Easy Media Creator
 Pinnacle Studio Plus
 WinDVD Creater
 Nero Ultra Edition
 Adobe Premiere
 Vegas Pro
 Aplikasi Pengolah Multimedia
Program yang termasuk dalam kelompok
ini biasanya digunakan untuk membuat
sebuah karya dalam bentuk Multimedia
berisi promosi, profil perusahaan, maupun
yang sejenisnya dan dikemas dalam
bentuk CD maupun DVD. Multimedia
tersebut dapat berisi film/movie, animasi,
teks, gambar, dan suara yang dirancan
sedemikian rupa sehingga pesan yang
disampaikan lebih interktif dan menarik.
Yang termasuk dalam kelompok ini adalah:
 Macromedia Authorware
 Macromedia Director
 Macromedia Flash
 Multimedia Builder
 Ezedia
 Hyper Studio
 Ovation Studio Pro
 VLC Media Player
 Songbird
 Foobar2000
 KMPlayer
 Media Player Classic
 GOM Player
 WinAmp
 Drafter
Desainer khusus untuk membuat
arsitektur dan rancang bangun yang
simetris dan digunakan untuk keperluan
pembuatan sesuatu yang memerlukan
ketelitian tinggi dan rancangan.
Membutuhkan orang orang yang ahli di
software (Autocad, Archicad, 3d revit
architecture). Sangat dibutuhkan di
dunia arsitektur dan industri.
 Editor
Desainer khusus untuk membuat kover,
sampul, banner, dsb. Dan juga membuat
karya karya desain grafis misalnya: brosur,
kartu nama, pin, logo, poster, dsb. Yang
memerlukan sentuhan pandangan dan
software yang harus dikuasai adalah : Corel
draw,Adobe
Photoshop,Freehand,Illustrator. Sangat
dibutuhkan di dunia periklanan dan
publikasi.
 Layouter
Desianer khusus untuk membuat tatanan
layout sebuah majalah atau koran atau
publikasi yang lainya dan diharuskan
mempunyai feel untuk tata letak agar
enak dilihat. Sedangkan aplikasi yang
harus dikuasai adalah Adobe Page
Maker, MS.Publisher, Adobe In Design.
Sangat dibutuhkan dipercetakan dan
industri koran/buku/majalah.
 Art Director
Desainer khusus unuk membuat karya karya
seni dari komputer yang bisa digunakan
untuk visual effects ataupun hanya untuk
hiasan saja. Membutuhkan kreativitas tinggi
untuk membuat karya agung yang akan
dibuat. Sedangkan software yang harus
dikuasai adalah : Corel draw, Photoshop,
Photo paint, Art creator. Sangat dibutuhkan
di dunia perfilman, seniman visualisator,
foto editing effects.
 Fotografer
Desianer khusus yang selain melakukan
pengeditan foto juga merangkap sebagai
fotografer, harus memiliki talenta khas
fotografer serta mampu mengedit foto
sesuai event atau yang perfect.
Membutuhkan intelegensi tinggi kreativitas
tinggi dan harus menguasai adobe
photoshop,ieworks,photo studio. Sangat
dibutuhkan didunia fotografi, foto editor,
wartawan, dsb.
 Animator
Desainer khusus bekerja pada bidang
motion graphic, iklan atau film fantasi.
Harus memiliki daya tahan tinggi,
pengetahuan yang cukup tinggi ,
pengalaman dan harus menguasai
Macromedia Flash, Adobe Flash, After
Effects, 3d Maya, Gif Animator dan Corel
Rave. Dibutuhkan di dunia advertising,
perfilman, pertelevisian.
 Visualisator
Desainer khusus untuk memberikan
gambaran sebuah produk atau karya
dalam bentuk real / 3d dan harus
memiliki kemampuan otak kanan yang
cukup tinggi serta harus menguasai 3d
Max, Autocad, Swift 3d, Digital Clay.
Sangat dibutuhkan di dunia visualisasi
produk dan presentasi produk.
 Video Editor
Desainer khusus untuk mengedit video
atau film dan juga merangkap sebagai
video shooter, harus memiliki imajinasi
tinggi dan harus menguasai Adobe After
Effects, 3d Maya, Adobe Premiere,
Ulead Video Studio, Sony Vegas,
Pinneacle. Sangat dibutuhkan di dunia
perfilman dan industri musik.
 Integrated Desainer
Desainer khusus yang membutuhkan
integrasi dengan programmer misalnya
pembuatan game, cd interaktif, web
desain, dsb. Sedangakan anda harus
menguasai hampir semua elemen
desain. Sangat dibutuhkan di industri
informatika.
 IDE / KONSEP Konsepmerupakanbasic dari sebuah
karya design grafis
 IMAJINASI
Memutar otak, membayangkan visual dari segala
macam hal yang berhubungan dengan konsep kita
 REFERENSI
Riset mencari acuan atau pembanding, mengambil
contoh dan inspirasi dari berbagai macam elemen.
 SKILL
Kemampuan teknis untuk mengolah konsep, menjadi
sebuah karya desain
 Komunikatif
Prinsip komunikasif berhubungan dengan
corporate identity, isi pesan serta audiens.
 Estetis
Desain web yang tidak memperhatikan
keindahan biasanya jarang dikunjungi oleh
pengguna, karena pengguna hanya
mengunjungi web tersebut sekali saja.
 Ekonomis
Desain web harus memperhatikan faktor
ekonomis dalam arti ukuran file yang
digunakannya.
 Kesatuan
Elemen-elemen layout dari halaman harus
ditempatkan sedemikain rupa sehingga
merupakan kesatuan informasi pada satu
halaman atau beberapa halaman.
 Balance
Elemen-elemen layout dari halaman harus
ditempatkan sedemikain rupa sehingga
terdapat keseimbangan secara
keseluruhan.
 Kontras
Kontras diperlukan untuk menonjolkan
bagian yang dianggap lebih penting
dari bagian lainnya.
 kontinuitas
Informasi mudah dimengerti oleh
pengguna bila mempunyai aliran yang
baik, sedikit gangguan yang
menghambatnya.
 Metaphor (Metafora) Adalah aplikasi
dari nama atau deskripsi istilah objek lain
yang tidak dapat diartikan secara
harafiah. Menghubungkan presentasI
dan elemen-elemen visual dengan item-
item yang berkaitan. Contoh: metafora
tampilan desktop.
 Clarity (Kejelasan)
Harus ada alasan yang kuat/masuk akal
mengapa kita menggunakan setiap
elemen yang berada dalam suatu
interface yang kita buat. Penggunaan
yang sedikit akan lebih baik.
 Consistency (Ketetapan)
Konsistensi dalam tampilan, pewarnaan,
gambar, ikon, typography, teks, dll.
Harus ada konsistensi baik dalam layar
maupun antar layar. Dan harus selalu
ada metafora dimanapun juga. Setiap
platform mungkin memiliki panduannya.
 Alignment (Perataan)
 Untuk perataan dapat digunakan rata
kiri, kanan atau tengah. Dunia barat
dimulai dari kiri atas. Mengijinkan mata
untuk menguraikan tampilan dengan
lebih mudah.
 Proximity Item-item yang berkaitan
ditampilkan bersama. Karena jarak yang
jauh mengimplikasikan bahwa tidak ada
hubungan antar item-item tersebut.
 Contrast (Keserasian Tampilan)
Membuat anda tertarik, memandu mata
anda melihat keseluruhan interface.
Keuntungan dari keserasian adalah untuk
memperkuat fokus atau untuk memperkuat
suatu interface. Contrast dapat digunakan
untuk membedakan aktifitas kendali. Juga
dapat digunakan untuk men-set item yang
paling utama. Item yang paling utama
diberi highlight. Gunakan geometri untuk
membantu pengurutan.
 Garis (Line) adalah 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.
 Bentuk (Shape) adalah segala hal yang
memiliki diameter tinggi dan lebar.
Bentuk dasar yang dikenal orang adalah
kotak (rectangle), lingkaran (circle), dan
segitiga (triangle)dan masih banyak
lagi.. ―polygon‖ atau kalo di corel draw
semuanya ada di ―basic Shape‖.
Sementara pada kategori sifatnya,
bentuk dapat dikategorikan menjadi
tiga.
 Ruang (space) merupakan jarak antara suatu
bentuk dengan bentuk lainnya yang pada
praktek desain dapat dijadikan unsur untuk
memberi efek estetika desain. Sebagai contoh,
tanpa ruang Anda tidak akan tahu mana kata
dan mana kalimat atau paragraf. Tanpa ruang
Anda tidak tahu mana yang harus dilihat
terlebih dahulu, kapan harus membaca dan
kapan harus berhenti sebentar. Dalam bentuk
fisiknya pengidentifikasian ruang digolongkan
menjadi dua unsur, yaitu obyek (figure) dan
latar belakang (background)
 Ukuran adalah unsur lain dalam desain
yang mendefinisikan besar kecilnya suatu
obyek. Unsur ini digunakan untuk
memperlihatkan mana objek manakah
yang kita mau tonjolkan atau yang mau
dipublis karenan 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.
 Warna merupakan unsur penting dalam obyek
desain. Dalam perwarnaan hendaknya disesuaikan
dengan desain yang akan kita buat. Karena dengan
warna orang bisa menampilkan identitas,
menyampaikan pesan atau membedakan sifat dari
bentuk-bentuk bentuk visual secara jelas. Dalam
prakteknya warna dibedakan menjadi dua: yaitu
warna yang ditimbulkan karena sinar (Additive
color)yang biasanya digunakan pada warna lampu,
monitor, TV dan sebagainya, dan warna yang dibuat
dengan unsur-unsur tinta atau cat (Substractive
color) yang biasanya digunakan dalam proses
pencetakan gambar ke permukaan benda padat
seperti kertas, logam, kain atau plastik.
 Tampilkan gambar berwarna pada warna latar hitam.
 Pilih warna latar depan yang terang (putih, cyan, dll).
 Hindari warna coklat dan hijau sebagai warna latar.
 Pastikan bahwa warna latar depan dan warna latar
belakang serasi baik segi brightness maupun hue.
 Gunakan warna sedikit mungkin, pada rancangan hitam-
putih tambahkan warna yang sesuai.
 Gunakan warna untuk menarik perhatian,
menghubungkan organisasi, menyatakan status, atau
untuk mengadakan suatu hubungan.
 Hindari penggunaan warna yang tidak diinginkan oleh
user.
 Pewarnaan sangat baik untuk mendukung pencarian.
 Merah Æ panas, peringatan, agresi, cinta
 Pink Æ wanita, cute, kembang gula
 Oranye Æ musim semi, hangat, Halloween
 Kuning Æ gembira, perhatian, sukacita
 Coklat Æ hangat, musim gugur, kotor, bumi
 Hijau Æ lush, pastural, bingung
 Ungu Æ kekayaan, lembut, ―Barney‖
 Mempercepat proses pekerjaan dengan cara
menyajikan suatu pekerjaan dalam bentuk
grafis.
 Memperkenalkan dunia desain grafis kepada
masyarakat luas (secara umum) sehingga
dapat diimlementasikan di dalam
lingkunganya.
 Memperkenalkan kepada masyarakat luas
tentang program aplikasi desain grafis.
 Mempersiapkan masyarakat (generasi
muda/mahasiswa/kaum terpelajar) agar
dapat memahami dengan mudah pesan-
pesan yang disampaikan dalam bentuk grafis.
 Secara terminologi, website adalah kumpulan
dari halaman - halaman situs, yang terangkum
dalam sebuah domain atau subdomain, yang
tempatnya berada di dalamWorld Wide Web (
WWW ) di dalam Internet. Sebuah halaman
web biasanya berupa dokumen yang ditulis
dalam format HTML ( Hyper Text Markup
Language ), yang selalu bisa diakses melalui
HTTP, yaitu sebuah protokol yang
menyampaikan informasi dari server website
untuk ditampilkan kepada para pemakai
melalui web browser. Semua publikasi dari
website tersebut dapat membentuk sebuah
jaringan informasi yang sangat besar.
 Penemu website adalah Sir Timothy John ― Tim ‖
Berners - Lee, sedangkanwebsite yang tersambung
dengan jaringan, pertama kali muncul pada tahun
1991. Maksud dari Tim membuat website adalah
untuk mempermudah tukar menukar dan
memperbarui informasi kepada sesama peneliti di
tempatnya bekerja. Pada tanggal 30 April 1993,
CERN ( tempat dimana Tim bekerja )
menginformasikan bahwa WWWdapat digunakan
secara gratis oleh semua orang. Sebuah website bisa
berupa hasil kerja dari perorangan atau individu,
atau menunjukkan kepemilikan dari sebuah
organisasi, perusahaan, dan biasanya website itu
menujukkan beberapa topik khusus, atau
kepentingan tertentu.
 Sebuah website dapat berisi hyperlink ( pranala )
yang menghubungkan ke website lain, jadi,
terkadang perbedaan antara website yang dibuat
oleh individu perseorangan dengan website yang
dibuat oleh organisasi bisnis bisa saja tidak terlalu
terlihat.
 Website ditulis, atau secara dinamik di konversi
menjadi HTML dan diakses melalui sebuah program
software yang biasa disebut dengan web browser,
yang dikenal juga dengan HTTP Client. Halaman web
dapat dilihat atau diakses melalui jaringan komputer
dan internet, perangkatnya dapat berupa komputer
pribadi , laptop, PDA ataupun telepon selular.
 Sebuah website dibuat didalam sebuah
sistem komputer yang dikenal dengan
server web, atau yang disebut HTTP Server,
dan pengertian ini dapat menunjuk pada
software yang dipakai untuk menjalankan
sistem ini, yang kemudian menerima lalu
mengirimkan halaman - halaman yang
diperlukan untuk merespon permintaan dari
pengguna. Apache adalah piranti lunak
yang biasa digunakan dalam sebuah
webserver, kemudian setelah itu adalah
Microsoft Internet Information Services ( IIS ).
 Web Statis
Web statis adalah website yang mana
pengguna tidak bisa mengubah konten
dari web tersebut secara langsung
menggunakan browser. Interaksi yang
terjadi antara pengguna dan server
hanyalah seputar pemrosesan link saja.
Halaman-halaman web tersebut tidak
memliki database, data dan informasi yang
ada pada web statis tidak berubah-ubah
kecuali diubah sintaksnya.
 Web Dinamis
 Web dinamis merupakan web yang secara
spesifik didisain agar isi yang terdapat
dalam situs tersebut dapat diperbarui
secara berkala dengan mudah. Sesuai
dengan namanya, isi yang terkadung
dalam situs web ini umumnya akan
berubah setelah melewati satu periode
tertentu. Situs berita adalah salah satu
contoh jenis situs yang umumnya
mengimplementasikan situs web dinamis.
 Website Pribadi/Personal
 Website Perusahaan (Company Profile)
 Website Organisasi
 Website E-Commerce atau Toko Online
 Website Berita
 FONT
 Anda harus mengatur dan menyesuaikan
ukuran dan jenis font yang akan digunakan
dalam website anda.
 Color
 Warna sangat berpengaruh pada tampilan
website Anda, Hati-hati dalam pemilihan
warna, jangan terlalu mencolok (merusak
pandangan) akan terkesan buruk pada
web anda. Sesuaikan dengan image yang
anda pakai.
 Teks merupakan bagian yang paling
utama untuk menampilkan informasi isi
web konten ditampilkan.
 Grafik atau Image merupakan elemen
yang dapat membantu menjelaskan
informasi web yang diinginkan.
 Animasi merupakan sarana untuk
menampilkan informasi yang baik,
karena animasi merupakan daya tarik
yang mudah diingat oleh pengunjung.
 Video merupakan hasil suatu rekaman dengan
kamera video maupun hasil pengolahan
dengan komputer.
 Suara melengkapi desain web, memberikan
efek khusus pada suatu tampilan animasi serta
memberikan kenyaman bagi pengunjung
yang mendengarkannya
 Interaktive link dapat menggunakan button
yang berupa teks, simbol, grafik, maupun
image, yang berfungsi untuk memudahkan
pengunjung dalam menyelusuri suatu website.
 Layout
 Penataan tampilan web sering di
abaikan, padahal itu hal yang penting.
web yang baik tidak membingungkan
penggunanya..
 Search Engine atau Mesin Pencarian
Search Engine atau mesin pencari adalah
website yang khusus mengumpulkan semua
daftar link dan konten seluruh website yang
bisa ditemukan di internet dalam indeks
mereka kemudian menampilkan daftar indeks
ini berdasarkan kata kunci atau ―keywords‖
yang sesuai yang dicari oleh user. Mayoritas
pengguna internet sudah familiar dengan situs
search engine ini untuk mencari informasi yang
mereka butuhkan melalui internet. Beberapa
contoh search engine antara lain : Google
Search, Bing, Yahoo Search dan lain-lain.
 Web Portal.
Web Portal adalah situs yang mengumpulkan
dan menyediakan aneka informasi dari
berbagai sumber untuk ditampilkan kepada
user, jika user tertarik untuk mengetahui
informasi yang ada dengan lebih lengkap, user
akan diarahkan ke sumber yang aslinya.
Namun pada umumnya web portal tidak
hanya menampilkan informasi dari sumber
luar, kadang mereka juga menampilkan
informasi-informasi dalam website mereka
sendiri. Beberapa contoh web portal antara
lain : Yahoo, msn, msnbc dan lain-lain.
 Wiki.
Website wiki yang paling terkenal saat ini adalah
wikipedia. Website wiki adalah website yang
mengijinkan pengunjung untuk ikut menulis dan
mengedit artikel yang ada dalam website tersebut
dengan peraturan-peraturan tertentu. Masing-
masing website wiki memiliki aturan yang berbeda-
beda. Biasanya, meskipun semua pengunjung bebas
untuk menulis dan mengedit artikel di website ini,
namun ada sekelompok orang yang bertugas untuk
memeriksa konten yang dimuat apakah layak atau
tidak untuk website tersebut. Meskipun website wiki
sering menjadi sumber referensi namun tidak semua
informasi yang ada dapat dipercaya 100%.
 Archieve Site
Archieve site atau situs arsip adalah
website yang dibuat untuk
mengumpulkan dan menyimpan materi-
materi elektronik berupa konten-konten
dan halaman-halaman website agar
tidak hilang/punah. Contohnya
archieve.org dan google groups.
 Social Networking
Social networking termasuk salah satu fenomena
yang luar biasa hingga saat ini, khususnya diwakili
oleh Facebook. situs social networking atau situs
pertemanan online adalah situs yang disediakan
bagi para membernya untuk bertukar informasi dan
media elektronik lainnya seperti foto, musik dan
video. Beberapa situs social networking yang
terkenal sebelum fenomena Facebook dan Twitter
antara lain Multiply, Friendster dan MySpace. setelah
tergusur Facebook dan Twitter, Friendster saat ini
telah mengubah konsep sebagai situs game online
dan Multiply yang tadinya mengusung konsep social
networking dalam bentuk blog, kini lebih
mengutamakan fitur portal toko online.
 Forum
Forum termasuk salah satu jenis website yang pernah menjamur
di Indonesia. Apalagi sejak fenomena KasKus sebagai forum no
1 dan juga website dengan pengunjung terbanyak di Indonesia.
Forum dibuat untuk ajang diskusi dan tukar informasi. Ada yang
spesifik ada juga yang bersifat umum, dan dalam forum ini
terdapat sub-sub forum berdasarkan kategori-kategori tertentu
yang ditetapkan oleh admin. Untuk membangun sebuah forum
yang lengkap membutuhkan waktu yang sangat banyak.
Untungnya sudah tersedia software-software pembuat forum
yang siap pakai, baik yang gratis ataupun berbayar. Software
pembuat forum yang terkenal adalah vBulletin, yang digunakan
oleh kaskus dan banyak forum-forum internet lainnya.
Sedangkan beberapa forum gratisan dan open-source antara
lain : yabb, vanilla, SMF, phpbb dan lain-lain. Sedangkan contoh
website forum antara lain Kaskus, Modifikasi, detikForum dan
lain-lain.
 News Site
News site atau situs berita adalah situs yang
memuat berita-berita dan artikel-artikel
untuk dibaca pengunjung. Bisa juga berisi
opini dan komentar-komentar seputar
politik, teknologi dan lain-lain. Situs-situs
berita ini seperti layaknya koran, majalah
dan buletin online. Konsep dan karakteristik
situs berita berbeda-beda sesuai dengan
jenis berita dan target pembacanya.
Beberapa contoh situs berita adalah detik,
kompas, cosmopolitan dan lain-lain.
 Social Bookmarking
Social bookmarking adalah situs yang
mengijinkan user untuk memasukan
informasi atau sumber informasi artikel-
artikel tertentu untuk dibaca atau di-rating
dan dikomentari oleh user lainnya. Situs
jenis ini sering digunakan oleh pemilik situs
berita, blog dan situs-situs lainnya untuk
mempromosikan konten situs mereka.
Beberapa situs social bookmarking yang
terkenal adalah Lintas Berita, Digg dan
stumbleupon
 Media Sharing
Situs ini khusus disediakan bagi user untuk
meng-upload media-media elektroknik
seperti gambaer, musik dan video agar
dapat dilihat atau di download oleh
pengunjung lain. Contohnya adalah
Youtube, Flickr, Imageshack dll.
 Company Profile
Company profile biasanya berupa website sederhana untuk
menampilkan profil dan produk atau jasa serta portfolio sebuah
perusahaan. Website jenis ini hanya untuk memperkenalkan
profil perusahaan meskipun juga dapat menjadi alat promosi
jika dikelola dengan benar. Selain profil,produk dan portfolio
berupa konten teks dan foto atau video, fitur form kontak
termasuk yang penting dalam website ini agar pengunjung
dapat dengan mudah menghubungi perusahaan pemilik
website jika mereka memerlukan produk atau jasa perusahaan
tersebut. Namun belakangan ini situs Company Profile semakin
berkembang dengan menambahkan fitur-fitur tertentu seperti
artikel-artikel terkait, bahkan forum diskusi. Tujuannya adalah
untuk memperbanyak konten dan menjaring pengunjung lebih
banyak. Contoh website company profile antara lain : Remax
Capital, Pratama Jaya Jasa dan lain-lain.
 Corporate Website
Berbeda dengan company profile, Corporate
Website biasanya lebih kompleks. Website ini berisi
informasi lengkap dari latar belakang hingga
kegiatan-kegiatan suatu perusahaan, organisasi
atau yayasan sosial baik yang bersifat profitable
ataupun non-profit. Informasi-informasi dalam
corporate website bisa berupa profile
perusahaan/organisasi, latar belakang, visi dan misi,
daftar founder dan pengurus, informasi investor dan
klien hingga laporan keuangan, afiliasi dan lain-lain
serta artikel-artikel dan berita-berita yang terkait
dengan kegiatan perusahaan/organisasi tersebut.
Contoh corporate website antara lain, Pertamina,
General Motors dan lain-lain.
 Brand Building Website
Brand Building Website dibuat untuk
memperkenalkan serta membangun image sebuah
brand. Yang paling menonjol dari website seperti ini
adalah konsep untuk menyampaikan pesan sesuai
dengan image yang akan dibangun. Fiturnya sangat
beragam dan biasanya cukup kompleks seperti
animasi, game, video dan fitur-fitur interaktif lainnya.
Belakangan Brand Building website juga sering
diintegrasikan dengan social media seperti
Facebook, Twitter hingga blog. Brand Building
website sering dimanfaatkan oleh produk-produk fast
moving consumer goods misalnya groseri, soft drinks,
snack dan lain-lain.
 Online Store
Online store atau toko online sudah jelas
peruntukannya adalah untuk menjual barang secara
online. Fitur-fitur utama online store adalah katalog
produk dengan informasi yang lengkap serta
shopping cart, yaitu fitur untuk pengunjung untuk
melakukan pemesanan produk secara online. Online
store bisa bermacam-macam bentuk dan
konsepnya. Fitur-fitur online store juga bisa
bermacam-macam disesuaikan dengan budget dan
kemudahan yang didapatkan. Baik kemudahan
mengelola online store itu sendiri ataupun
kemudahan bagi pengunjung untuk memilih dan
berbelanja produk.
 Katalog/Portfolio Online
Katalog/portfolio online hampir mirip
dengan online store, hanya jenis website ini
lebih mengutamakan katalog atau
portfolio dengan informasi lengkap bagi
pengunjung tanpa ada fitur transaksi
online. Jika pengunjung tertarik dengan
produk-produk atau jasa yang ditawarkan,
diharapkan pengunjung akan langsung
menghubungi pemilik website untuk
melakukan pemesanan atau negosiasi.
 Blog
Blog adalah sebuah website yang berbentuk seperti
jurnal atau diari online. Biasa digunakan seorang
blogger untuk mengeskpresikan pemikiran dan opini-
opininya. Bisa juga artikel-artikel seputar kegiatan
blogger. Bisa berisi tulisan maupun media gambar,
video dan lainnya. Setiap artikel biasanya disertai
kolom komentar dimana pengunjung blog bisa
meninggalkan komentar atau berdiskusi mengenai
artikel yang ditulis. Blog juga dianggap sebagai salah
satu social media karena para blogger biasanya
saling berinteraksi melalui blog.
 Media Interaksi
 Media Promosi
 Sumber daya tanpa lelah
 Media untuk terkenal
 Tempat hiburan terlengkap, All in One
 Informan terlengkap
 Sebuah website merupakan representasi perusahaan di dunia
maya dalam arti kata keseluruhan asset fisik yang ada direduksi
menjadi sekumpulan informasi digital yang dapat diakses oleh
siapa saja di dunia ini;
 Sebuah website merupakan kanal akses (access channel) yang
menghubungkan perusahaan dengan stakeholder-nya seperti
supplier, pelanggan, pemerintah, masyarakat, atau mitra
bisnisnya;
 Sebuah website merupakan tempat dimana perusahaan
menawarkan produk dan/atau jasanya kepada para calon
pelanggan yang memiliki akses ke internet, dan di tempat ini
pulalah transaksi jual-beli antara dua belah pihak terjadi; dan
 Sebuah website merupakan tempat dimana berbagai
komunitas dapat saling berinteraksi, membagi informasi dan
pengetahuannya kepada orang lain secara bebas dan
terbuka.
 Site Design – menyangkut hal-hal yang
berkaitan dengan tampilan website dan
sistem menu yang dipergunakan
 Site Functionality – menyangkut beragam
fasilitas dan kemudahan yang tersedia di
website
 Customer Value – menyangkut berbagai
aspek manfaat yang dapat secara
langsung dirasakan oleh para pelanggan
yang mengakses website terkait
 Pertimbangkan Mengenai Responsive
Web Design Responsive web design
adalah upaya untuk membuat website
ditampilkan dalam ukuran yang sesuai
dalam berbagai device apa pun.
 Membuat Desain Yang Menarik, Pastikan
bahwa web design perusahaan yang
Anda buat mempunyai karakteristik unik
yang membedakannya dengani situs
lain.
 Membuat Konten Yang Jelas Dan Singkat,
Konten yang original dan berkualitas akan
meningkatkan trafik ke web yang dibuat.
 Perhatikan SEOSEO adalah proses untuk
meningkatkan peringkat dari website Anda
pada mesin pencari. Hal ini dapat
dilakukan dengan cara mengedit konten
situs Anda, mengedit link, mengedit coding
dan beberapa faktor lain.
 Prioritaskan Keamanan
 Grafis/Gambar
Grafis atau gambar merupakan bagian
terpenting dari suatu desain situs Internet.
Dengan grafis/gambar, kita dapat
memberikan unsur warna, kesan dan tema.
 Layout
Merancang sebuah layout website desain
yang tampak sama untuk semua halaman situs
Anda akan lebih memudahkan pengunjung
dalam memahami isi situs Anda, daripada
membuat layout website desain yang
berbeda-beda untuk setiap halaman.
 Navigasi
Navigasi yang mudah merupakan hal yang
penting dalam situs yang baik
 Iklan
Iklan yang terlalu banyak merupakan hal
yang buruk bagi para pengunjung.
Cobalah untuk menempatkannya sebaik
mungkin di tempat yang paling dihiraukan
pengunjung tanpa mengganggu prioritas
isi atau content yang ada.
 Proses Pemeliharaan (maintenance)
Jika Anda menghubungkannya dengan
situs yang lain, Anda harus
memeriksanya secara rutin untuk
memastikannya masih ada, karena
kadang ada situs yang hilang.
 Sesuatu yang ‗Berkedip‘
Sesuatu yang berkedip, entah itu
gambar maupun tulisan, dapat menjadi
hal yang mengganggu pengunjung.
 Ramai/Berisik
Banyak orang sering menambahkan musik pada situs
mereka. Semua itu baik, tetapi jika lagu terlalu keras
hingga pengunjung tidak nyaman
 Pop-Ups
Tidak hanya iklan pop-up namun juga pop up boxes.
Anda tahu, ketika Anda membuka sebuah situs dan
kemudian nama Anda ditanyakan, mungkin itu
masih bisa dimaklumi. Namun jika kemudian muncul
5 (lima) baris pertanyaan berbeda atau harus
menjawab sebuah pertanyaan di setiap halaman
situs tersebut, maka pengunjung akan segera
menutup dan meninggalkan situs tersebut, karena
merasa terganggu.
 Warna
Dengan memberikan warna yang tepat, maka
akan menambah kesempurnaan situs,
sehingga halaman-halamannya akan mudah
dibaca.
 Fonts
Anda tidak harus memakai standart fonts yang
sama terus menerus dalam sebuah situs agar
tidak membosankan. Ada banyak sekali jenis
font yang lain, yang akan membuat tulisan
Anda terlihat lebih menarik. Namun
pemakaian font yang terlalu beraneka ragam
dalam suatu halaman juga tidak baik.
 Gaya Penulisan
Setiap orang mempunyai cara penulisan
sendiri. Anda dapat menjadi seseorang
yang lucu, serius, atau apa adanya.
 Isi/Content
Anda akan buat website seperti apa? Hal
apapun yang Anda tulis, Anda harus yakin
bahwa ejaan dan tata bahasa yang
dipergunakan sudah benar, dan jika Anda
mempunyai cukup waktu, bacalah ulang
untuk meyakinkan bahwa sudah tidak ada
lagi kesalahan bahasa.
 Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah sebuah
bahasa markup yang digunakan untuk membuat
sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh
World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan
browser untuk menghasilkan tampilan sesuai dengan
yang diinginkan.
Sebuah file yang merupakan file HTML dapat dibuka
dengan menggunakan browser web seperti Mozilla
Firefox atau Microsoft Internet Explorer.
 Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu
bahasa stylesheet yang digunakan untuk
mengatur tampilan suatu dokumen yang ditulis
dalam bahasa markup.
Penggunaan yang paling umum dari CSS
adalah untuk memformat halaman web yang
ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat
dipergunakan untuk semua jenis dokumen XML
termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web
Consortium (W3C).
 Bahasa Pemrograman PHP
PHP adalah bahasa pemrograman script yang
paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada
tahun 1995. Pada waktu itu PHP masih bernama FI
(Form Interpreted), yang wujudnya berupa
sekumpulan script yang digunakan untuk mengolah
data form dari web.
PHP banyak dipakai untuk membuat situs web yang
dinamis, walaupun tidak tertutup kemungkinan
digunakan untuk pemakaian lain.
PHP biasanya berjalan pada sistem operasi linux (PHP
juga bisa dijalankan dengan hosting windows).
 Bahasa Pemrograman ASP
ASP adalah singkatan dari Active Server
Pages yang merupakan salah satu bahasa
pemograman web untuk menciptakan
halaman web yang dinamis.
ASP merupakan salah satu produk
teknologi yang disediakan oleh Microsoft.
ASP bekerja pada web server dan
merupakan server side scripting
 Bahasa Pemrograman XML
Extensible Markup Language (XML) adalah
bahasa markup serbaguna yang
direkomendasikan W3C untuk
mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti
halnya HTML namun penggunaannya tidak
terbatas pada tampilan halaman web saja.
XML merupakan suatu metode dalam
membuat penanda/markup pada sebuah
dokumen.
 Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless
Markup Language, yaitu bahasa
pemrograman yang digunakan dalam
aplikasi berbasis XML (eXtensible Markup
Langauge).
WML ini adalah bahasa pemrograman
yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang
berjalan pada protocol nirkabel.
 Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk
mesin dengan sistem operasi Unix
(SunOS, Linux, BSD, HP-UX), juga tersedia
untuk sistem operasi seperti DOS,
Windows, PowerPC, BeOS, VMS, EBCDIC,
dan PocketPC.
PERL merupakan bahasa pemograman
yang mirip bahasa pemograman C.
 Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag
ColdFusion dengan software Adobe
ColdFusion / BlueDragon / Coldfusion
Studio.
Syntax coldfusion berbasis html.
 Bahasa Pemrograman Javascript
Javascript adalah bahasa scripting yang
handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa
scripting yang dikembangkan oleh
Netscape.
Untuk menjalankan script yang ditulis
dengan JavaScript kita membutuhkan
JavaScript-enabled browser yaitu browser
yang mampu menjalankan JavaScript.
 SeaMonkey
SeaMonkey dikembangkan oleh Mozilla
Foundation. SeaMonkey merupakan ―all-in-
one‖ web browser yang sederhana namun
canggih untuk editor HTML.
 KompoZer.
KompoZer adalah fully-featured web
authoring system yang terpadu klien FTP
yang intuitif dan support untuk semua
sistem operasi.
 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.
 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.
 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.
 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.
 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.
 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.
 Mozilla Firefox
 Internet Exporer
 Safari
 Flock
 Opera
 K-Meleon
 SeaMonkey
 Camino
 Konqueror

Mais conteúdo relacionado

Mais procurados

Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimediaMenerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimediaDâÿât Ängèl
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)Eko Supriyadi
 
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoEko Supriyadi
 
Presentase tentang corel draw
Presentase tentang corel drawPresentase tentang corel draw
Presentase tentang corel draweka sarip hidayat
 
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)Sayugo
 
Menjelaskan tentang clean up dan sisip ind.ppt
Menjelaskan tentang clean up dan sisip ind.pptMenjelaskan tentang clean up dan sisip ind.ppt
Menjelaskan tentang clean up dan sisip ind.pptEko Supriyadi
 
Ebook corel draw x3 lengkap
Ebook corel draw x3 lengkapEbook corel draw x3 lengkap
Ebook corel draw x3 lengkapTAufik Hidayat
 
Menggabungkan gambar 2d ke dalam sajian multimedia 2
Menggabungkan gambar 2d ke dalam sajian multimedia 2Menggabungkan gambar 2d ke dalam sajian multimedia 2
Menggabungkan gambar 2d ke dalam sajian multimedia 2Eko Supriyadi
 
Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4Bayu Radityo
 
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indokopishare
 

Mais procurados (19)

Web desain
Web desainWeb desain
Web desain
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimediaMenerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (6)
 
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
Modul 1-dasar-desain-grafis
Modul 1-dasar-desain-grafisModul 1-dasar-desain-grafis
Modul 1-dasar-desain-grafis
 
DESAIN GRAFIS
DESAIN GRAFIS DESAIN GRAFIS
DESAIN GRAFIS
 
Presentase tentang corel draw
Presentase tentang corel drawPresentase tentang corel draw
Presentase tentang corel draw
 
Desain grafis
Desain grafisDesain grafis
Desain grafis
 
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)
Nerapkanprinsip prinsipsenigrafisdalamdkvuntukm 2 (ind)
 
Menjelaskan tentang clean up dan sisip ind.ppt
Menjelaskan tentang clean up dan sisip ind.pptMenjelaskan tentang clean up dan sisip ind.ppt
Menjelaskan tentang clean up dan sisip ind.ppt
 
Ebook corel draw x3 lengkap
Ebook corel draw x3 lengkapEbook corel draw x3 lengkap
Ebook corel draw x3 lengkap
 
Menggabungkan gambar 2d ke dalam sajian multimedia 2
Menggabungkan gambar 2d ke dalam sajian multimedia 2Menggabungkan gambar 2d ke dalam sajian multimedia 2
Menggabungkan gambar 2d ke dalam sajian multimedia 2
 
Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4
 
Materi grafis
Materi grafisMateri grafis
Materi grafis
 
Materi grafis
Materi grafisMateri grafis
Materi grafis
 
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
 
Nama
NamaNama
Nama
 
Tugas tik ips2
Tugas tik ips2Tugas tik ips2
Tugas tik ips2
 

Semelhante a Desain Grafis: Jenis, Fungsi dan Aplikasi Pengolahnya

Semelhante a Desain Grafis: Jenis, Fungsi dan Aplikasi Pengolahnya (20)

kelompok 1.pptx
kelompok 1.pptxkelompok 1.pptx
kelompok 1.pptx
 
Nama
NamaNama
Nama
 
Iin nalasari
Iin nalasariIin nalasari
Iin nalasari
 
Iin nalasari
Iin nalasariIin nalasari
Iin nalasari
 
36modul_dasar_desain_grafispdf.pdf
36modul_dasar_desain_grafispdf.pdf36modul_dasar_desain_grafispdf.pdf
36modul_dasar_desain_grafispdf.pdf
 
36modul_dasar_desain_grafispdf.pdf
36modul_dasar_desain_grafispdf.pdf36modul_dasar_desain_grafispdf.pdf
36modul_dasar_desain_grafispdf.pdf
 
Rasid
RasidRasid
Rasid
 
MAKALAH JADI
MAKALAH JADIMAKALAH JADI
MAKALAH JADI
 
Tugas desain gambar...........
Tugas desain gambar...........Tugas desain gambar...........
Tugas desain gambar...........
 
Tugas desain gambar...........
Tugas desain gambar...........Tugas desain gambar...........
Tugas desain gambar...........
 
Presentation multimedia
Presentation multimediaPresentation multimedia
Presentation multimedia
 
materi tik power point kelas 12 semester 1
materi  tik power point kelas 12 semester 1 materi  tik power point kelas 12 semester 1
materi tik power point kelas 12 semester 1
 
Tugas 1 kim c usu
Tugas 1 kim c usuTugas 1 kim c usu
Tugas 1 kim c usu
 
Tugas tik
Tugas tikTugas tik
Tugas tik
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimediaMenerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
Menerapkan prinsip prinsip seni grafis dalam dkv untuk multimedia
 
Aplikasi vektor dan berbasis bitmap..
Aplikasi vektor dan berbasis bitmap..Aplikasi vektor dan berbasis bitmap..
Aplikasi vektor dan berbasis bitmap..
 
nprinsip-prinsipsenigrafisdalamdkvuntukmindgaris.ppt
nprinsip-prinsipsenigrafisdalamdkvuntukmindgaris.pptnprinsip-prinsipsenigrafisdalamdkvuntukmindgaris.ppt
nprinsip-prinsipsenigrafisdalamdkvuntukmindgaris.ppt
 
Ebook praktikum adobe photoshop cs2
Ebook    praktikum adobe photoshop cs2Ebook    praktikum adobe photoshop cs2
Ebook praktikum adobe photoshop cs2
 
E-Book mahir photoshop CS 5
E-Book mahir photoshop CS 5E-Book mahir photoshop CS 5
E-Book mahir photoshop CS 5
 
Pertemuan 1 Grafika Komputer.pdf
Pertemuan 1 Grafika Komputer.pdfPertemuan 1 Grafika Komputer.pdf
Pertemuan 1 Grafika Komputer.pdf
 

Desain Grafis: Jenis, Fungsi dan Aplikasi Pengolahnya

  • 1.
  • 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).
  • 3.  Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.  Web Desain: desain untuk halaman web.  Film termasuk CD, DVD, CD multimedia untuk promosi.  Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.  Desain Produk, Pemaketan dan sejenisnya.
  • 4.  3D 3D merupakan proses penciptaan, display, dan manipulasi obyek di komputer dalam bentuk tiga dimensi. Kelebihan 3D adalah obyeknya dapat dirotasi, dilihat dari segala sudut, serta dapat diskala lebih besar atau lebih kecil. Program-program 3D CAD dan 3D Graphics memungkinkan obyek-obyek diciptakan dalam skala X-Y-Z (lebar, tinggi, kedalaman). Program-program ini juga memungkinkan pencahayaan diterapkan secara otomatis di tahap pengubahan
  • 5.  Vektor Gambar vektor merupakan gambar digital berdasarkan persamaan matematis yang menggabungkan titik-titik garis untuk menjadi sebuah obyek sehingga gambar tidak menjadi pecah walaupun diperbesar atau diperkecil. Itu sebabnya, vektor banyak digunakan untuk mendesain logo. Versi lain menyebutkan, dalam komputer grafis, sebuah garis ditandakan oleh titik akhirnya. Ketika sebuah lingkaran digambar, lingkaran tersebut terdiri dari banyak vektor-vektor kecil. Gambar vektor umumnya berukuran lebih kecil bila dibandingkan dengan gambar bitmap. Beberapa format gambar vektor di antaranya adalah SVG, EPS, CDR, AI, atau SWF.
  • 6.  Website Sebuah situs web (sering pula disingkat menjadi situs atau website) adalah sebutan bagi sekelompok halaman web (web page) yang umumnya merupakan bagian dari suatu nama domain atau subdomain di world wide web (WWW) di internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang menjadi akar yang disebut homepage (halaman induk) dan biasanya disimpan dalam server yang sama. Halaman- halaman web, yaitu dokumen berkode HTML (hyper text markup language), terhubung satu sama lain— dan sering kali antar-halaman-halaman di situs web lainnya.
  • 7.  E-zine E-zine (electronic magazine) adalah sebuah majalah atau koran yang dipublikasikan secara online yang berisi artikel, wawancara, atau macam-macam bentuk berita lainnya. E-zine bisa berbentuk website html biasa, flash, downloadable flash, pdf, atau downloadable pdf. Online graphic design magazine buatan anak Indonesia yang sudah cukup dikenal adalah creativebehavior.com, Vektorika Magazine, atau DesignFlip. Proses membuat e-zine ini tidaklah semudah yang dibayangkan. Serba teliti. Kalau tidak teliti, semua halamannya bisa buyar.
  • 8.  Animasi Animasi disebut peragaan grafik atau file yang data-datanya mampu menghasilkan gambar 2 dimensi atau 3 dimensi yang bergerak. Misalnya adalah animasi gif yang mampu diubah-ubah dengan menggunakan perangkat lunak GIF animator. Di dalam sebuah halaman web, animasi bisa digabungkan dengan informasi lainnya dengan menggunakan teknik penyuntingan HTML, JAVA, Animasi GIF, Shockwave, maupun Flash.
  • 9.  Motion Graphic Motion graphics adalah grafis yang menggunakan teknologi video atau animasi untuk menciptakan ilusi sebuah penampakan bergerak atau berubah. Motion graphics biasanya digabungkan dengan suara untuk proyek-proyek multimedia, dengan kata lain ditampilkan melalui teknologi media elektronik, tapi dapat juga ditampilkan memakai teknologi manual. Istilah ini berguna untuk membedakan grafis diam dengan grafis yang dapat berubah-ubah. Dasar program ini adalah pixel. Dalam film bioskop dikenal istilah frame by frame, satu detik 32 gambar. Di motion graphic komputer juga sama, gambarnya hasil dari pixel. Misalnya, 20 foto disatukan sehingga menjadi gambar bergerak.
  • 10.  Digital imaging Digital imaging atau digital image acquisition lebih dikenal dengan istilah olah digital atau metode mengedit gambar yang biasanya merupakan modifikasi dari obyek fisik. Suatu gambar digital bisa dibuat menggunakan kamera digital atau alat semacamnya. Bisa juga menggunakan media analog (atau gambar), kemudian ditransfer melalui pemindai atau media semacamnya menjadi informasi digital dalam bentuk pixel yang dapat dibaca dan dimanipulasi oleh komputer, dan kemudian dibentuk kembali sebagai gambar yang dapat dilihat mata.
  • 11.  Virtual world (second life) Virtual world adalah lingkungan simulasi komputer yang ditujukan agar para pemakainya mendiami dan berinteraksi melalui avatar. Beberapa virtual world, tetapi tidak semua, memungkinkan adanya berbagai pengguna. Biasanya, kalau seseorang setiap hari menggunakan internet minimal 1-2 jam, bisa dipastikan ia memiliki virtual world/second life. Contoh dari virtual world/second life adalah situs jaringan sosial semacam Friendster, Mypace, atau multiply. Bahkan, chatting juga termasuk dalam virtual world/second life. Bagaimana memulai belajar Desain Grafis? Memang itu sebuah pertanyaan yang sangat mendasar bagi seorang desiner pemula.
  • 12.  Aplikasi Pengolah Tata Letak (Layout) Program ini sering digunakan untuk keperluan pembuatan brosur, pamflet, booklet, poster, dan lain yang sejenis. Program ini mampu mengatur penempatan teks dan gambar yang diambil dari program lain (seperti Adobe Photoshop). Yang termasuk dalam kelompok ini adalah:
  • 13.  Adobe FrameMaker  Adobe In Design  Adobe PageMaker  Corel Ventura  Microsoft Publisher  Quark Xpress
  • 14. Aplikasi Pengolah 3D  3D StudioMax  Maya  AutoCad  Google SketchUp  Light Wave  Blender  Softimage
  • 15.  Aplikasi Pengolah Vektor/Garis Program yang termasuk dalam kelompok ini dapat digunakan untuk membuat gambar dalam bentuk vektor/garis sehingga sering disebut sebagai Illustrator Program. Seluruh objek yang dihasilkan berupa kombinasi beberapa garis, baik berupa garis lurus maupun lengkung. Aplikasi yang termasuk dalam kelompok ini adalah:
  • 16.  Adobe Illustrator  Beneba Canvas  CorelDraw  Macromedia Freehand  Metacreations Expression  Micrografx Designer
  • 17.  Aplikasi Pengolah Pixel/Gambar  Adobe Photoshop  Corel Photo Paint  Macromedia Xres  Metacreations Painter  Metacreations Live Picture  Micrografx Picture Publisher  Microsoft Photo Editor  QFX  Wright Image
  • 18.  Aplikasi Pengolah Film/Video Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah film dalam berbagai macam format. Pemberian judul teks (seperti karaoke, teks terjemahan, dll) juga dapat diolah menggunakan program ini. Umumnya, pemberian efek khusus (special effect) seperti suara ledakan, desingan peluru, ombak, dan lain-lain juga dapat dibuat menggunakan aplikasi ini. Yang termasuk dalam kategori ini adalah:
  • 19.  Adobe After Effect  Power Director  Show Biz DVD  Ulead Video Studio  Element Premier  Easy Media Creator  Pinnacle Studio Plus  WinDVD Creater  Nero Ultra Edition  Adobe Premiere  Vegas Pro
  • 20.  Aplikasi Pengolah Multimedia Program yang termasuk dalam kelompok ini biasanya digunakan untuk membuat sebuah karya dalam bentuk Multimedia berisi promosi, profil perusahaan, maupun yang sejenisnya dan dikemas dalam bentuk CD maupun DVD. Multimedia tersebut dapat berisi film/movie, animasi, teks, gambar, dan suara yang dirancan sedemikian rupa sehingga pesan yang disampaikan lebih interktif dan menarik. Yang termasuk dalam kelompok ini adalah:
  • 21.  Macromedia Authorware  Macromedia Director  Macromedia Flash  Multimedia Builder  Ezedia  Hyper Studio  Ovation Studio Pro
  • 22.  VLC Media Player  Songbird  Foobar2000  KMPlayer  Media Player Classic  GOM Player  WinAmp
  • 23.  Drafter Desainer khusus untuk membuat arsitektur dan rancang bangun yang simetris dan digunakan untuk keperluan pembuatan sesuatu yang memerlukan ketelitian tinggi dan rancangan. Membutuhkan orang orang yang ahli di software (Autocad, Archicad, 3d revit architecture). Sangat dibutuhkan di dunia arsitektur dan industri.
  • 24.  Editor Desainer khusus untuk membuat kover, sampul, banner, dsb. Dan juga membuat karya karya desain grafis misalnya: brosur, kartu nama, pin, logo, poster, dsb. Yang memerlukan sentuhan pandangan dan software yang harus dikuasai adalah : Corel draw,Adobe Photoshop,Freehand,Illustrator. Sangat dibutuhkan di dunia periklanan dan publikasi.
  • 25.  Layouter Desianer khusus untuk membuat tatanan layout sebuah majalah atau koran atau publikasi yang lainya dan diharuskan mempunyai feel untuk tata letak agar enak dilihat. Sedangkan aplikasi yang harus dikuasai adalah Adobe Page Maker, MS.Publisher, Adobe In Design. Sangat dibutuhkan dipercetakan dan industri koran/buku/majalah.
  • 26.  Art Director Desainer khusus unuk membuat karya karya seni dari komputer yang bisa digunakan untuk visual effects ataupun hanya untuk hiasan saja. Membutuhkan kreativitas tinggi untuk membuat karya agung yang akan dibuat. Sedangkan software yang harus dikuasai adalah : Corel draw, Photoshop, Photo paint, Art creator. Sangat dibutuhkan di dunia perfilman, seniman visualisator, foto editing effects.
  • 27.  Fotografer Desianer khusus yang selain melakukan pengeditan foto juga merangkap sebagai fotografer, harus memiliki talenta khas fotografer serta mampu mengedit foto sesuai event atau yang perfect. Membutuhkan intelegensi tinggi kreativitas tinggi dan harus menguasai adobe photoshop,ieworks,photo studio. Sangat dibutuhkan didunia fotografi, foto editor, wartawan, dsb.
  • 28.  Animator Desainer khusus bekerja pada bidang motion graphic, iklan atau film fantasi. Harus memiliki daya tahan tinggi, pengetahuan yang cukup tinggi , pengalaman dan harus menguasai Macromedia Flash, Adobe Flash, After Effects, 3d Maya, Gif Animator dan Corel Rave. Dibutuhkan di dunia advertising, perfilman, pertelevisian.
  • 29.  Visualisator Desainer khusus untuk memberikan gambaran sebuah produk atau karya dalam bentuk real / 3d dan harus memiliki kemampuan otak kanan yang cukup tinggi serta harus menguasai 3d Max, Autocad, Swift 3d, Digital Clay. Sangat dibutuhkan di dunia visualisasi produk dan presentasi produk.
  • 30.  Video Editor Desainer khusus untuk mengedit video atau film dan juga merangkap sebagai video shooter, harus memiliki imajinasi tinggi dan harus menguasai Adobe After Effects, 3d Maya, Adobe Premiere, Ulead Video Studio, Sony Vegas, Pinneacle. Sangat dibutuhkan di dunia perfilman dan industri musik.
  • 31.  Integrated Desainer Desainer khusus yang membutuhkan integrasi dengan programmer misalnya pembuatan game, cd interaktif, web desain, dsb. Sedangakan anda harus menguasai hampir semua elemen desain. Sangat dibutuhkan di industri informatika.
  • 32.  IDE / KONSEP Konsepmerupakanbasic dari sebuah karya design grafis  IMAJINASI Memutar otak, membayangkan visual dari segala macam hal yang berhubungan dengan konsep kita  REFERENSI Riset mencari acuan atau pembanding, mengambil contoh dan inspirasi dari berbagai macam elemen.  SKILL Kemampuan teknis untuk mengolah konsep, menjadi sebuah karya desain
  • 33.  Komunikatif Prinsip komunikasif berhubungan dengan corporate identity, isi pesan serta audiens.  Estetis Desain web yang tidak memperhatikan keindahan biasanya jarang dikunjungi oleh pengguna, karena pengguna hanya mengunjungi web tersebut sekali saja.  Ekonomis Desain web harus memperhatikan faktor ekonomis dalam arti ukuran file yang digunakannya.
  • 34.  Kesatuan Elemen-elemen layout dari halaman harus ditempatkan sedemikain rupa sehingga merupakan kesatuan informasi pada satu halaman atau beberapa halaman.  Balance Elemen-elemen layout dari halaman harus ditempatkan sedemikain rupa sehingga terdapat keseimbangan secara keseluruhan.
  • 35.  Kontras Kontras diperlukan untuk menonjolkan bagian yang dianggap lebih penting dari bagian lainnya.  kontinuitas Informasi mudah dimengerti oleh pengguna bila mempunyai aliran yang baik, sedikit gangguan yang menghambatnya.
  • 36.  Metaphor (Metafora) Adalah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasI dan elemen-elemen visual dengan item- item yang berkaitan. Contoh: metafora tampilan desktop.
  • 37.  Clarity (Kejelasan) Harus ada alasan yang kuat/masuk akal mengapa kita menggunakan setiap elemen yang berada dalam suatu interface yang kita buat. Penggunaan yang sedikit akan lebih baik.
  • 38.  Consistency (Ketetapan) Konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography, teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya.
  • 39.  Alignment (Perataan)  Untuk perataan dapat digunakan rata kiri, kanan atau tengah. Dunia barat dimulai dari kiri atas. Mengijinkan mata untuk menguraikan tampilan dengan lebih mudah.
  • 40.  Proximity Item-item yang berkaitan ditampilkan bersama. Karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antar item-item tersebut.
  • 41.  Contrast (Keserasian Tampilan) Membuat anda tertarik, memandu mata anda melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Contrast dapat digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Gunakan geometri untuk membantu pengurutan.
  • 42.  Garis (Line) adalah 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.
  • 43.  Bentuk (Shape) adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle)dan masih banyak lagi.. ―polygon‖ atau kalo di corel draw semuanya ada di ―basic Shape‖. Sementara pada kategori sifatnya, bentuk dapat dikategorikan menjadi tiga.
  • 44.  Ruang (space) merupakan jarak antara suatu bentuk dengan bentuk lainnya yang pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain. Sebagai contoh, tanpa ruang Anda tidak akan tahu mana kata dan mana kalimat atau paragraf. Tanpa ruang Anda tidak tahu mana yang harus dilihat terlebih dahulu, kapan harus membaca dan kapan harus berhenti sebentar. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background)
  • 45.  Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Unsur ini digunakan untuk memperlihatkan mana objek manakah yang kita mau tonjolkan atau yang mau dipublis karenan 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.
  • 46.  Warna merupakan unsur penting dalam obyek desain. Dalam perwarnaan hendaknya disesuaikan dengan desain yang akan kita buat. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas. Dalam prakteknya warna dibedakan menjadi dua: yaitu warna yang ditimbulkan karena sinar (Additive color)yang biasanya digunakan pada warna lampu, monitor, TV dan sebagainya, dan warna yang dibuat dengan unsur-unsur tinta atau cat (Substractive color) yang biasanya digunakan dalam proses pencetakan gambar ke permukaan benda padat seperti kertas, logam, kain atau plastik.
  • 47.  Tampilkan gambar berwarna pada warna latar hitam.  Pilih warna latar depan yang terang (putih, cyan, dll).  Hindari warna coklat dan hijau sebagai warna latar.  Pastikan bahwa warna latar depan dan warna latar belakang serasi baik segi brightness maupun hue.  Gunakan warna sedikit mungkin, pada rancangan hitam- putih tambahkan warna yang sesuai.  Gunakan warna untuk menarik perhatian, menghubungkan organisasi, menyatakan status, atau untuk mengadakan suatu hubungan.  Hindari penggunaan warna yang tidak diinginkan oleh user.  Pewarnaan sangat baik untuk mendukung pencarian.
  • 48.  Merah Æ panas, peringatan, agresi, cinta  Pink Æ wanita, cute, kembang gula  Oranye Æ musim semi, hangat, Halloween  Kuning Æ gembira, perhatian, sukacita  Coklat Æ hangat, musim gugur, kotor, bumi  Hijau Æ lush, pastural, bingung  Ungu Æ kekayaan, lembut, ―Barney‖
  • 49.  Mempercepat proses pekerjaan dengan cara menyajikan suatu pekerjaan dalam bentuk grafis.  Memperkenalkan dunia desain grafis kepada masyarakat luas (secara umum) sehingga dapat diimlementasikan di dalam lingkunganya.  Memperkenalkan kepada masyarakat luas tentang program aplikasi desain grafis.  Mempersiapkan masyarakat (generasi muda/mahasiswa/kaum terpelajar) agar dapat memahami dengan mudah pesan- pesan yang disampaikan dalam bentuk grafis.
  • 50.  Secara terminologi, website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalamWorld Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
  • 51.  Penemu website adalah Sir Timothy John ― Tim ‖ Berners - Lee, sedangkanwebsite yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991. Maksud dari Tim membuat website adalah untuk mempermudah tukar menukar dan memperbarui informasi kepada sesama peneliti di tempatnya bekerja. Pada tanggal 30 April 1993, CERN ( tempat dimana Tim bekerja ) menginformasikan bahwa WWWdapat digunakan secara gratis oleh semua orang. Sebuah website bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan biasanya website itu menujukkan beberapa topik khusus, atau kepentingan tertentu.
  • 52.  Sebuah website dapat berisi hyperlink ( pranala ) yang menghubungkan ke website lain, jadi, terkadang perbedaan antara website yang dibuat oleh individu perseorangan dengan website yang dibuat oleh organisasi bisnis bisa saja tidak terlalu terlihat.  Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya dapat berupa komputer pribadi , laptop, PDA ataupun telepon selular.
  • 53.  Sebuah website dibuat didalam sebuah sistem komputer yang dikenal dengan server web, atau yang disebut HTTP Server, dan pengertian ini dapat menunjuk pada software yang dipakai untuk menjalankan sistem ini, yang kemudian menerima lalu mengirimkan halaman - halaman yang diperlukan untuk merespon permintaan dari pengguna. Apache adalah piranti lunak yang biasa digunakan dalam sebuah webserver, kemudian setelah itu adalah Microsoft Internet Information Services ( IIS ).
  • 54.  Web Statis Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya.
  • 55.  Web Dinamis  Web dinamis merupakan web yang secara spesifik didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh jenis situs yang umumnya mengimplementasikan situs web dinamis.
  • 56.  Website Pribadi/Personal  Website Perusahaan (Company Profile)  Website Organisasi  Website E-Commerce atau Toko Online  Website Berita
  • 57.  FONT  Anda harus mengatur dan menyesuaikan ukuran dan jenis font yang akan digunakan dalam website anda.  Color  Warna sangat berpengaruh pada tampilan website Anda, Hati-hati dalam pemilihan warna, jangan terlalu mencolok (merusak pandangan) akan terkesan buruk pada web anda. Sesuaikan dengan image yang anda pakai.
  • 58.  Teks merupakan bagian yang paling utama untuk menampilkan informasi isi web konten ditampilkan.  Grafik atau Image merupakan elemen yang dapat membantu menjelaskan informasi web yang diinginkan.  Animasi merupakan sarana untuk menampilkan informasi yang baik, karena animasi merupakan daya tarik yang mudah diingat oleh pengunjung.
  • 59.  Video merupakan hasil suatu rekaman dengan kamera video maupun hasil pengolahan dengan komputer.  Suara melengkapi desain web, memberikan efek khusus pada suatu tampilan animasi serta memberikan kenyaman bagi pengunjung yang mendengarkannya  Interaktive link dapat menggunakan button yang berupa teks, simbol, grafik, maupun image, yang berfungsi untuk memudahkan pengunjung dalam menyelusuri suatu website.
  • 60.  Layout  Penataan tampilan web sering di abaikan, padahal itu hal yang penting. web yang baik tidak membingungkan penggunanya..
  • 61.  Search Engine atau Mesin Pencarian Search Engine atau mesin pencari adalah website yang khusus mengumpulkan semua daftar link dan konten seluruh website yang bisa ditemukan di internet dalam indeks mereka kemudian menampilkan daftar indeks ini berdasarkan kata kunci atau ―keywords‖ yang sesuai yang dicari oleh user. Mayoritas pengguna internet sudah familiar dengan situs search engine ini untuk mencari informasi yang mereka butuhkan melalui internet. Beberapa contoh search engine antara lain : Google Search, Bing, Yahoo Search dan lain-lain.
  • 62.  Web Portal. Web Portal adalah situs yang mengumpulkan dan menyediakan aneka informasi dari berbagai sumber untuk ditampilkan kepada user, jika user tertarik untuk mengetahui informasi yang ada dengan lebih lengkap, user akan diarahkan ke sumber yang aslinya. Namun pada umumnya web portal tidak hanya menampilkan informasi dari sumber luar, kadang mereka juga menampilkan informasi-informasi dalam website mereka sendiri. Beberapa contoh web portal antara lain : Yahoo, msn, msnbc dan lain-lain.
  • 63.  Wiki. Website wiki yang paling terkenal saat ini adalah wikipedia. Website wiki adalah website yang mengijinkan pengunjung untuk ikut menulis dan mengedit artikel yang ada dalam website tersebut dengan peraturan-peraturan tertentu. Masing- masing website wiki memiliki aturan yang berbeda- beda. Biasanya, meskipun semua pengunjung bebas untuk menulis dan mengedit artikel di website ini, namun ada sekelompok orang yang bertugas untuk memeriksa konten yang dimuat apakah layak atau tidak untuk website tersebut. Meskipun website wiki sering menjadi sumber referensi namun tidak semua informasi yang ada dapat dipercaya 100%.
  • 64.  Archieve Site Archieve site atau situs arsip adalah website yang dibuat untuk mengumpulkan dan menyimpan materi- materi elektronik berupa konten-konten dan halaman-halaman website agar tidak hilang/punah. Contohnya archieve.org dan google groups.
  • 65.  Social Networking Social networking termasuk salah satu fenomena yang luar biasa hingga saat ini, khususnya diwakili oleh Facebook. situs social networking atau situs pertemanan online adalah situs yang disediakan bagi para membernya untuk bertukar informasi dan media elektronik lainnya seperti foto, musik dan video. Beberapa situs social networking yang terkenal sebelum fenomena Facebook dan Twitter antara lain Multiply, Friendster dan MySpace. setelah tergusur Facebook dan Twitter, Friendster saat ini telah mengubah konsep sebagai situs game online dan Multiply yang tadinya mengusung konsep social networking dalam bentuk blog, kini lebih mengutamakan fitur portal toko online.
  • 66.  Forum Forum termasuk salah satu jenis website yang pernah menjamur di Indonesia. Apalagi sejak fenomena KasKus sebagai forum no 1 dan juga website dengan pengunjung terbanyak di Indonesia. Forum dibuat untuk ajang diskusi dan tukar informasi. Ada yang spesifik ada juga yang bersifat umum, dan dalam forum ini terdapat sub-sub forum berdasarkan kategori-kategori tertentu yang ditetapkan oleh admin. Untuk membangun sebuah forum yang lengkap membutuhkan waktu yang sangat banyak. Untungnya sudah tersedia software-software pembuat forum yang siap pakai, baik yang gratis ataupun berbayar. Software pembuat forum yang terkenal adalah vBulletin, yang digunakan oleh kaskus dan banyak forum-forum internet lainnya. Sedangkan beberapa forum gratisan dan open-source antara lain : yabb, vanilla, SMF, phpbb dan lain-lain. Sedangkan contoh website forum antara lain Kaskus, Modifikasi, detikForum dan lain-lain.
  • 67.  News Site News site atau situs berita adalah situs yang memuat berita-berita dan artikel-artikel untuk dibaca pengunjung. Bisa juga berisi opini dan komentar-komentar seputar politik, teknologi dan lain-lain. Situs-situs berita ini seperti layaknya koran, majalah dan buletin online. Konsep dan karakteristik situs berita berbeda-beda sesuai dengan jenis berita dan target pembacanya. Beberapa contoh situs berita adalah detik, kompas, cosmopolitan dan lain-lain.
  • 68.  Social Bookmarking Social bookmarking adalah situs yang mengijinkan user untuk memasukan informasi atau sumber informasi artikel- artikel tertentu untuk dibaca atau di-rating dan dikomentari oleh user lainnya. Situs jenis ini sering digunakan oleh pemilik situs berita, blog dan situs-situs lainnya untuk mempromosikan konten situs mereka. Beberapa situs social bookmarking yang terkenal adalah Lintas Berita, Digg dan stumbleupon
  • 69.  Media Sharing Situs ini khusus disediakan bagi user untuk meng-upload media-media elektroknik seperti gambaer, musik dan video agar dapat dilihat atau di download oleh pengunjung lain. Contohnya adalah Youtube, Flickr, Imageshack dll.
  • 70.  Company Profile Company profile biasanya berupa website sederhana untuk menampilkan profil dan produk atau jasa serta portfolio sebuah perusahaan. Website jenis ini hanya untuk memperkenalkan profil perusahaan meskipun juga dapat menjadi alat promosi jika dikelola dengan benar. Selain profil,produk dan portfolio berupa konten teks dan foto atau video, fitur form kontak termasuk yang penting dalam website ini agar pengunjung dapat dengan mudah menghubungi perusahaan pemilik website jika mereka memerlukan produk atau jasa perusahaan tersebut. Namun belakangan ini situs Company Profile semakin berkembang dengan menambahkan fitur-fitur tertentu seperti artikel-artikel terkait, bahkan forum diskusi. Tujuannya adalah untuk memperbanyak konten dan menjaring pengunjung lebih banyak. Contoh website company profile antara lain : Remax Capital, Pratama Jaya Jasa dan lain-lain.
  • 71.  Corporate Website Berbeda dengan company profile, Corporate Website biasanya lebih kompleks. Website ini berisi informasi lengkap dari latar belakang hingga kegiatan-kegiatan suatu perusahaan, organisasi atau yayasan sosial baik yang bersifat profitable ataupun non-profit. Informasi-informasi dalam corporate website bisa berupa profile perusahaan/organisasi, latar belakang, visi dan misi, daftar founder dan pengurus, informasi investor dan klien hingga laporan keuangan, afiliasi dan lain-lain serta artikel-artikel dan berita-berita yang terkait dengan kegiatan perusahaan/organisasi tersebut. Contoh corporate website antara lain, Pertamina, General Motors dan lain-lain.
  • 72.  Brand Building Website Brand Building Website dibuat untuk memperkenalkan serta membangun image sebuah brand. Yang paling menonjol dari website seperti ini adalah konsep untuk menyampaikan pesan sesuai dengan image yang akan dibangun. Fiturnya sangat beragam dan biasanya cukup kompleks seperti animasi, game, video dan fitur-fitur interaktif lainnya. Belakangan Brand Building website juga sering diintegrasikan dengan social media seperti Facebook, Twitter hingga blog. Brand Building website sering dimanfaatkan oleh produk-produk fast moving consumer goods misalnya groseri, soft drinks, snack dan lain-lain.
  • 73.  Online Store Online store atau toko online sudah jelas peruntukannya adalah untuk menjual barang secara online. Fitur-fitur utama online store adalah katalog produk dengan informasi yang lengkap serta shopping cart, yaitu fitur untuk pengunjung untuk melakukan pemesanan produk secara online. Online store bisa bermacam-macam bentuk dan konsepnya. Fitur-fitur online store juga bisa bermacam-macam disesuaikan dengan budget dan kemudahan yang didapatkan. Baik kemudahan mengelola online store itu sendiri ataupun kemudahan bagi pengunjung untuk memilih dan berbelanja produk.
  • 74.  Katalog/Portfolio Online Katalog/portfolio online hampir mirip dengan online store, hanya jenis website ini lebih mengutamakan katalog atau portfolio dengan informasi lengkap bagi pengunjung tanpa ada fitur transaksi online. Jika pengunjung tertarik dengan produk-produk atau jasa yang ditawarkan, diharapkan pengunjung akan langsung menghubungi pemilik website untuk melakukan pemesanan atau negosiasi.
  • 75.  Blog Blog adalah sebuah website yang berbentuk seperti jurnal atau diari online. Biasa digunakan seorang blogger untuk mengeskpresikan pemikiran dan opini- opininya. Bisa juga artikel-artikel seputar kegiatan blogger. Bisa berisi tulisan maupun media gambar, video dan lainnya. Setiap artikel biasanya disertai kolom komentar dimana pengunjung blog bisa meninggalkan komentar atau berdiskusi mengenai artikel yang ditulis. Blog juga dianggap sebagai salah satu social media karena para blogger biasanya saling berinteraksi melalui blog.
  • 76.  Media Interaksi  Media Promosi  Sumber daya tanpa lelah  Media untuk terkenal  Tempat hiburan terlengkap, All in One  Informan terlengkap
  • 77.  Sebuah website merupakan representasi perusahaan di dunia maya dalam arti kata keseluruhan asset fisik yang ada direduksi menjadi sekumpulan informasi digital yang dapat diakses oleh siapa saja di dunia ini;  Sebuah website merupakan kanal akses (access channel) yang menghubungkan perusahaan dengan stakeholder-nya seperti supplier, pelanggan, pemerintah, masyarakat, atau mitra bisnisnya;  Sebuah website merupakan tempat dimana perusahaan menawarkan produk dan/atau jasanya kepada para calon pelanggan yang memiliki akses ke internet, dan di tempat ini pulalah transaksi jual-beli antara dua belah pihak terjadi; dan  Sebuah website merupakan tempat dimana berbagai komunitas dapat saling berinteraksi, membagi informasi dan pengetahuannya kepada orang lain secara bebas dan terbuka.
  • 78.  Site Design – menyangkut hal-hal yang berkaitan dengan tampilan website dan sistem menu yang dipergunakan  Site Functionality – menyangkut beragam fasilitas dan kemudahan yang tersedia di website  Customer Value – menyangkut berbagai aspek manfaat yang dapat secara langsung dirasakan oleh para pelanggan yang mengakses website terkait
  • 79.  Pertimbangkan Mengenai Responsive Web Design Responsive web design adalah upaya untuk membuat website ditampilkan dalam ukuran yang sesuai dalam berbagai device apa pun.  Membuat Desain Yang Menarik, Pastikan bahwa web design perusahaan yang Anda buat mempunyai karakteristik unik yang membedakannya dengani situs lain.
  • 80.  Membuat Konten Yang Jelas Dan Singkat, Konten yang original dan berkualitas akan meningkatkan trafik ke web yang dibuat.  Perhatikan SEOSEO adalah proses untuk meningkatkan peringkat dari website Anda pada mesin pencari. Hal ini dapat dilakukan dengan cara mengedit konten situs Anda, mengedit link, mengedit coding dan beberapa faktor lain.  Prioritaskan Keamanan
  • 81.  Grafis/Gambar Grafis atau gambar merupakan bagian terpenting dari suatu desain situs Internet. Dengan grafis/gambar, kita dapat memberikan unsur warna, kesan dan tema.  Layout Merancang sebuah layout website desain yang tampak sama untuk semua halaman situs Anda akan lebih memudahkan pengunjung dalam memahami isi situs Anda, daripada membuat layout website desain yang berbeda-beda untuk setiap halaman.
  • 82.  Navigasi Navigasi yang mudah merupakan hal yang penting dalam situs yang baik  Iklan Iklan yang terlalu banyak merupakan hal yang buruk bagi para pengunjung. Cobalah untuk menempatkannya sebaik mungkin di tempat yang paling dihiraukan pengunjung tanpa mengganggu prioritas isi atau content yang ada.
  • 83.  Proses Pemeliharaan (maintenance) Jika Anda menghubungkannya dengan situs yang lain, Anda harus memeriksanya secara rutin untuk memastikannya masih ada, karena kadang ada situs yang hilang.  Sesuatu yang ‗Berkedip‘ Sesuatu yang berkedip, entah itu gambar maupun tulisan, dapat menjadi hal yang mengganggu pengunjung.
  • 84.  Ramai/Berisik Banyak orang sering menambahkan musik pada situs mereka. Semua itu baik, tetapi jika lagu terlalu keras hingga pengunjung tidak nyaman  Pop-Ups Tidak hanya iklan pop-up namun juga pop up boxes. Anda tahu, ketika Anda membuka sebuah situs dan kemudian nama Anda ditanyakan, mungkin itu masih bisa dimaklumi. Namun jika kemudian muncul 5 (lima) baris pertanyaan berbeda atau harus menjawab sebuah pertanyaan di setiap halaman situs tersebut, maka pengunjung akan segera menutup dan meninggalkan situs tersebut, karena merasa terganggu.
  • 85.  Warna Dengan memberikan warna yang tepat, maka akan menambah kesempurnaan situs, sehingga halaman-halamannya akan mudah dibaca.  Fonts Anda tidak harus memakai standart fonts yang sama terus menerus dalam sebuah situs agar tidak membosankan. Ada banyak sekali jenis font yang lain, yang akan membuat tulisan Anda terlihat lebih menarik. Namun pemakaian font yang terlalu beraneka ragam dalam suatu halaman juga tidak baik.
  • 86.  Gaya Penulisan Setiap orang mempunyai cara penulisan sendiri. Anda dapat menjadi seseorang yang lucu, serius, atau apa adanya.  Isi/Content Anda akan buat website seperti apa? Hal apapun yang Anda tulis, Anda harus yakin bahwa ejaan dan tata bahasa yang dipergunakan sudah benar, dan jika Anda mempunyai cukup waktu, bacalah ulang untuk meyakinkan bahwa sudah tidak ada lagi kesalahan bahasa.
  • 87.  Bahasa Pemrograman HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
  • 88.  Bahasa Pemrograman CSS Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
  • 89.  Bahasa Pemrograman PHP PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
  • 90.  Bahasa Pemrograman ASP ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP bekerja pada web server dan merupakan server side scripting
  • 91.  Bahasa Pemrograman XML Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.
  • 92.  Bahasa Pemrograman WML WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge). WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless. WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
  • 93.  Bahasa Pemrograman PERL Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
  • 94.  Bahasa Pemrograman CFM Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusion berbasis html.
  • 95.  Bahasa Pemrograman Javascript Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
  • 96.  SeaMonkey SeaMonkey dikembangkan oleh Mozilla Foundation. SeaMonkey merupakan ―all-in- one‖ web browser yang sederhana namun canggih untuk editor HTML.  KompoZer. KompoZer adalah fully-featured web authoring system yang terpadu klien FTP yang intuitif dan support untuk semua sistem operasi.
  • 97.  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.  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.
  • 98.  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.  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.
  • 99.  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.  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.
  • 100.  Mozilla Firefox  Internet Exporer  Safari  Flock  Opera  K-Meleon  SeaMonkey  Camino  Konqueror