Dasar-dasar Web Design

Slides:



Advertisements
Presentasi serupa
PENGENALAN INTERNET M. Masrur, SKom.
Advertisements

Pernahkah anda membuka sebuah Website???? What It????
EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi.
Desain Web Nanik Triana, M.Kom
KONSEP DASAR WEB DAN INTERNET
DAMPAK INTERNET Alia Sugeng Rahayu Aline Arum Suryani
PENGERTIAN INTERNET DAN INTRANET
Bab 8 Aplikasi Internet.
PENGENALAN INTERNET.
Pertemuan Ke-1 (Konsep Dasar Web)
CARA KERJA WEB By: ANDRI MARTIUS ( ).
PalComTech. WORLD WIDE WEB (WWW), Adalah sarana internet yang menampilkan tampilan berupa gabungan teks, grafis, suara bahkan video yang bersifat interaktif.
PENGERTIAN DOMAIN & HOSTING
Proses Pengembangan Website
PEMROGRAMAN WEB DENGAN HTML & php frame work (code igniter)
Konsep Pemrograman Internet
Pengantar Teknologi Komputer & Informatika
Internet dan Pemanfaatannya
PEMROGRAMAN WEB DASAR Humisar Hasugian, S.Kom.
ISTILAH – ISTILAH DALAM iNTERNET
HTML Basic.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Overview Teknologi Internet
Pertemuan 1 Pengenalan Dasar Web.
HTTP, FTP DAN SMTP.
PENGENALAN INTERNET.
Pertemuan Ke-1 (Konsep Dasar Web)
Pemrograman WEB Pertemuan I (Teori)
Teknologi Dasar Internet dan Web
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Interconnection Networking
Pertemuan 3 Khairul Anwar Hafizd
PENGENALAN INTERNET MATERI KE-4 Dosen : Septi Andryana, S.Kom, MMSI
PENGENALAN INTERNET INTERNET
Teknologi Informasi dan Komunikasi Kelas IX
Pemrograman Basis Data Berbasis Web
Internet dan Web By : Lisda Juliana P..
Pertemuan 5 Electronic Commerce
Erizal, S.Si, M.Kom Internet dan Web Erizal, S.Si, M.Kom
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
PENGENALAN INTERNET PTKI 1C______ Materi Minggu ke - 5.
Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
PEMROGRAMAN WEB 1 PERTEMUAN 1
Overview Teknologi Internet
PENGENALAN INTERNET.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Pengenalan Dasar Web dan HTML
Oleh : Inggar Prayoga.,S.I.Kom
Zikri Nasution Elsa Nopitasari Chandra Edy P. Vicky Akbartama P.
Sistem Informasi Manajemen
Pemrograman Basis Data Berbasis Web
WORLD WIDE WEB (WWW) Kelompok 2 : Rana Meysa Mudazir ( )
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Desain web Good vs bad Dimas wahyu utomo
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Internet dan Web Erizal, S.Si, M.Kom.
LANDASAN TEORI Untuk menunjang presentasi ini, diambil beberapa bahan referensi seperti bahasa pemrograman PHP dan MySQL, serta beberapa bahan lainya.
Muh. Taslim Subair PENGENALAN INTERNET
PENGENALAN INTERNET.
PENGENALAN INTERNET.
PENGENALAN INTERNET PTKI 1C______ Materi Minggu ke - 5.
Pemrograman WEB Pertemuan I (Teori) Oleh : D. Sinaga, M.Kom.
Pengenalan Dasar Web dan HTML
DREAMWEAVER.
Pengantar Teknologi Komputer & Informatika
Pertemuan 1 Pengenalan Dasar Web.
PENGENALAN INTERNET.
Pertemuan 1 Pengenalan Dasar Web.
PENGENALAN INTERNET.
Transcript presentasi:

Dasar-dasar Web Design Pengenalan website dan istilah-istilah internet By Kartika Puji Pangesti

Asal Design  hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama Web  Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya Website  Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu Web Design?

Pengertian Web design adalah Seni dalam membuat suatu halaman website yang melibatkan keindahan dan mekanisme dalam proses membuat sebuah halaman website. Membuat suatu halaman website terlihat lebih menarik dengan mengintegrasikan unsur gambar, animasi, text, dan video Web Design?

Yang harus dikuasai Web Designer Cita rasa seni Web designer harus mampu menciptakan keindahan di dalam halaman web Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web Web designer harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak klien yang memesan desain Web designer mampu menempatkan komponen multimedia pada bagian-bagian tertentu, sehingga halaman web menjadi lebih menarik

Yang harus dikuasai web designer Tool pendukung perancangan web Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti photoshop, corel draw, Adobe ilustrator,dsb Mampu menggunakan program aplikasi untuk mengatur layout web, seperti macromedia dreamweaver, page maker, notepad, dsb Mampu menggunakan program aplikasi untuk membuat animasi web, seperti macromedia flash, swish, dsb Teknik membuat interface web Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan Komputer), sehingga dapat membuat desain web yang user friendly Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk situs web, seperti bahasa HTML, penggunaan image, multimedia Yang harus dikuasai web designer

Prinsip-prinsip web design Situs web dibuat untuk pengguna Seorang web designer harus mem-fokuskan desainnya pada kepentingan pengguna Harus memertimbangkan karakter pengguna, baik dari latar belakang, budaya, pendidikan dan kepentingan yang berbeda Utility dan Usability Utility adalah kegunaan atau fungsionalitas web Usability adalah sifat situs web yang mendukung kemampuan pengguna dalam memanipulasi situs web, sehingga pengguna memperoleh apa yang diperlukan Prinsip-prinsip web design

Prinsip-prinsip web design 3. Correctness Tidak ada kesalahan dalam penulisan script HTML Gambar-gambar yang ditampilkan sesuai yang diharapkan Elemen-elemen yang interaktif (javascript, flash,dll) dapat berfungsi dengan benar Tidak ada kesalahan dalam sistem navigasi (link yang kosong atau broken link) 4. Struktur Link dan Navigasi Terdapat Link untuk menghubungkan satu halaman ke halaman yang lain Perancangan Link agar menarik 5. Tampilan Visual Tampilan visual website sesuai kebutuhan Prinsip-prinsip web design

Unsur-unsur website Domain alamat yang digunakan untuk menemukan situs kita pada dunia internet. Hosting ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Diperoleh dengan menyewa Script/syntax/bahasa program Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses Unsur-unsur website

Memilih Hosting Yang harus diperhatikan Kapasitas perhatikan kapasitas yang dibutuhkan, hosting yang dipilih harus sesuai kapasitas Teknologi yang digunakan perhatikan teknologi yang disediakan, apakah mendukung teknologi dalam website yang dibuat (misal PHP, Java, dll) Support Periksa apakah perusahaan hosting yang ingin anda beli memiliki layanan support yang baik selama 24jam Database Apabila anda membuat website dinamis, pastikan anda memeriksa apakah mereka menyediakan database Memilih Hosting

Memilih Hosting Backup Bandwidth pastikan hosting memiliki fasilitas back up setiap hari Bandwidth perhatikan kapasitas bandwidth yang disediakan Memilih Hosting

Bagian Website Bagian umum yang biasa ada pada website Header paket informasi yang sebelum data objek. Memberikan informasi awal atau data yang berguna untuk transmisi tujuan. Umumnya terletak di bagian paling atas halaman website Footer dalam arti harafiah berarti sesuatu yang ada di bagian bawah. Dalam halaman website biasa terdapat di bagian paling bawah halaman website, biasanya berisi copyright atau pemilik website tersebut. Menu bar sederatan menu yang biasanya berisi navigasi ke halaman lain, iklan, social conect, animasi, dll. Content isi website Bagian Website

Istilah-istilah internet Bandwidth : besaran yang menunjukkan seberapa banyak data yang dapat dilewatkan dalam koneksi melalui sebuah jaringan Browser : sebutan untuk perangkat lunak yang digunakan untuk mengakses www (world wide web) Download : istilah untuk kegiatan menyalin data (biasanya berupa file) dari sebuah komputer yang terhubung dalam sebuah jaringan ke komputer lokal. Email : Electronic mail. Pesan biasanya berupa teks, yang dikirim dari satu alamat ke alamat lain di jaringan internet Homepage : halaman muka dari sebuah situs web. Pengertian lain adalah halaman default yang diset untuk sebuah browser. HTML : Hypertext Markup Language. Bahasa yang digunakan sistem/website untuk pertukaran dokumen/data secara elektronik dalam bentuk hypertext HTTP : Hyper Text Transfer Protocol. Protokol yang di desain untuk mentransfer dokumen HTML yang digunakan dalam world wide web Internet : Sejumlah besar jaringan(network) yang membentuk jaringan inter-koneksi yang terhubung melalui protokol TCP/IP ISP : Internet Service Provider, sebutan untuk penyedia layanan internet

Istilah-istilah internet IP Addres : Alamat IP (internet protokol), sistem pengalamatan di jaringan yang direpresentasikan dengan sederetan angka berupa kombinasi 4 deret bilangan antara 0 s/d 255 dan masing2 dipisah dengan titik (.) mulai 0.0.0.1 sampai dengan 255.255.255.255 Network (Jaringan) : dalam terminologi komputer dan internet, network adalah sekumpulan dua atau lebih sistem komputer yang digandeng/dihubungkan dan membentuk sebuah jaringan. Internet sebenarnya adalah kumpulan network dalam jumlah besar. Protokol : seperangkat aturan yang mengatur secara tepat format komunikasi antar sistem . Contoh protokol HTTP yang mengatur format browser web dengan browser server TCP/IP : Transmission Control Protocol/Internet Protocol. Satu set protokol standar yang digunakan untuk menghubungkan jaringan komputer dan mengalamati lalu lintas dalam jaringan . Protokol ini mengatur format data yang diijinkan, penangan kesalahan (error handling), lalu lintas pesan, dan standar komunikasi lainnya. Upload : kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnnya yang terhubung dalam sebuah network (jaringan).

Selesai