1) Dokumen tersebut membahas berbagai aspek desain situs web, termasuk fungsi komunikasi, informasi, hiburan, dan transaksi.
2) Unsur-unsur penting dalam desain web dijelaskan seperti tata letak, skema warna, isi, grafis, ruang kosong, dan pemilihan font.
3) Dokumen tersebut memberikan saran untuk meniru gaya yang menarik dari situs lain serta menggunakan perangkat lunak desain yang tepat.
Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
Pengenalan Web Design and Web Programming
1. PHOTOSHOP, HTML, CSS, PHP, JQUERY PLUGIN
MYSQL AND DATABASE
Teitramega.com | Web design & Programming course
By Muhamad Zakky | Phone: 0821 8005 7770 | BBM: 51A9B157
2. Web Desain adalah istilah
yang sering digunakan untuk
menggambarkan bagaimana
tampilan suatu website
What is Web Design ?
Web Design is a term often
used to describe how the
appearance of a website
“Pendidikan adalah senjata paling mematikan di dunia, karena dengan itu Anda dapat mengubah dunia” – Nelson Mandela
3. Website functionality in Web Design ?
• Communication functions
• Informations functions
• Entertainment functions
• Transaction functions
“Hiduplah seolah engkau mati besok. Belajarlah seolah engkau hidup selamanya” – Mahatma Gandhi
4. Communications function Of Web Design ?
The web site in function as communication in general
is a dynamic web. Because created using a web
programming (server side) it is equipped with
facilities that provides communication functions such
as chat, forums, web mail, contact form and others.
“Agama tanpa ilmu adalah buta. Ilmu tanpa agama adalah lumpuh.” – Albert Einstein
Situs web yang berfungsi sebagai komunikasi
pada umumnya adalah web dinamis. Karena
dibuat menggunakan pemrograman web (server
side) maka dilengkapi dengan fasilitas yang
memberikan fungsi-fungsi komunikasi seperti
obrolan, forum, web mail, form contact dan yang
lainnya.
5. • Stressing on quality of content, for the purpose of
conveying the content of this website.
• Should contain text and graphics.
• Facilities that provide the function of information, news,
file, profile companies, libraries, references, and more
Informations function Of Web Design ?
“Tujuan dari belajar adalah terus tumbuh. Akal tidak sama dengan tubuh, akal terus bertumbuh selama kita hidup” – Martimer Adler
• Menekankan pada kualitas konten, karena tujuan situs ini
menyampaikan isinya.
• Sebaiknya berisi teks dan grafik.
• Fasilitas yang memberikan fungsi informasi, berita, berkas,
profil perusahaan ,perpustakaan ,referensi, dan banyak lagi
6. Entertainment function Of Web Design ?
The web site also has the function of entertainment. If our
web site serves as a means of entertainment, the use of
animated images and moving elements can improve the
quality of presentation design, but still have to consider the
speed of the download. Examples of entertainment functions
are online games, online movies, online music and more
Situs web juga dapat memiliki fungsi hiburan. Bila situs
web kita berfungsi sebagai sarana hiburan, maka
penggunaan animasi gambar dan elemen bergerak dapat
meningkatkan mutu presentasi desainnya, meski tetap
harus mempertimbangkan kecepatan downloadnya. Contoh
fungsi hiburan adalah game online, film online, musik
online dan banyak lagi.
“Orang bijak belajar ketika mereka bisa. Orang bodoh belajar ketika mereka harus” – Arthur Wellesley
7. Transaction function Of Web Design ?
”Ilmu itu di dapat dari lidah yg gemar bertanya dan akal yg suka berpikir”. – Abdullah bin Abbas
The web site can be used as a means of business
transactions, goods, services, or other. This web site
connecting businesses, consumers, and certain communities
through electronic transactions. Payment can be by credit
card, transfer, or by paying directly.
Situs web dapat dijadikan sebagai sarana transaksi bisnis,
baik barang, jasa, atau lainnya. Situs web ini menghubungkan
perusahaan, konsumen, dan komunitas tertentu melalui
transaksi elektronik. Pembayarannya bisa menggunakan
kartu kredit, transfer, ataupun dengan membayar secara
langsung.
Adegale.com
8. Contoh Tampilan Website
”Ilmu itu di dapat dari lidah yg gemar bertanya dan akal yg suka berpikir”. – Abdullah bin Abbas
9. Unsur-unsur penting dalam men-design web
• Tata letak yang baik adalah hal yang penting
• Gunakan skema warna yang tepat
• Memiliki isi yang efektif
• Gunakan graphics yang cocok
• Jangan ragu-ragu untuk meniru
• Mempertahankan whitespace
• Gunakan font yang tepat
• Gunakan tools yang tepat
10. Tata Letak (Layout)
Tata letak harus menarik, Pikirkan dari sudut pandang
pengunjung bahwa tata letak harus mendukung navigasi
yang cepat dan link harus mudah terlihat oleh pengunjung.
11. Skema warna yang tepat
Tujuan sebenarnya dari pemeliharaan situs web adalah
untuk melayani penggunjung dengan cara sebaik mungkin.
Jadi, jangan memilih skema warna hanya berdasarkan selera
Anda, cobalah untuk menetapkan skema yang akan disukai
oleh target audiens Anda
12. Memiliki isi efektif (Content)
Terlepas dari desain dan tampilan dari sebuah situs web
dalam design web, konten adalah raja. Konten yang layak dan
menarik pasti akan memenangkan kepercayaan dari para
pengunjung. Waktu yang Anda habiskan untuk
mengembangkan konten yang layak dapat membawa situs
Anda di atas.
13. Jangan ragu-ragu untuk meniru
Ini tidak berarti bahwa Anda harus meniru keseluruhan
desain seluruh website lain. Tetapi jika Anda menemukan
tekstur atau gaya navigasi yang menarik dan inovatif, Anda
dapat menggunakannya dalam situs buatan Anda untuk
memenuhi tujuan Anda.
14. Gunakan graphics yang cocok
Gunakan grafis yang cocok berdasarkan tema dan tujuan dari
situs yang dibuat. Jangan membuatnya terlalu standar dan
juga tidak berlebihan sehingga membingungkan dan
mengganggu pengguna Anda.
15. Mempertahankan whitespace
Jangan merasa tidak nyaman dalam menempatkan ruang
kosong dalam desain antara elemen. Beberapa designer
cenderung untuk mengisi ruang kosong dengan lebih banyak
elemen, tapi ini akhirnya akan memberikan tampilan yang
penuh sesak dan berantakan pada situs, yang sebagian besar
pengunjung tidak suka.
16. Gunakan font yang tepat
Pemilihan font adalah hal yang penting. Setiap font
mencerminkan suasana yang unik, misalnya Anda tidak
seharusnya menggunakan Comic Sans untuk kontent pada
situs penelitian.
17. Gunakan tool yang tepat
Gunakanlah software seperti Photoshop, Fireworks dan
Dreamweaver untuk merancang design yang benar.