WEB DESIGN
Name| Chalifa Chazar
Website | www.script.id
Email | chalifa.chazar@gmail.com
Pengenalan Website
Seiring dengan
perkembangannya websit e j uga digunakan unt uk berkomunikasi melalui email sampai t ransaksi
bisnis (e-commerce)
Websit e
•
Hal aman inf ormasi yang disediakan mel al uij al ur int ernet sehingga dapat diakses di sel uruh
dunia sel ama t erkoneksi dengan j aringan
int ernet
•
Kumpul an komponen yang t erdiri dari t eks,gambar, suara, dan animasi, seingga menj adi sebuah media inf ormasi yang menarik unt uk dikunj ungi
•
Websit e dibuat menggunakan sebuah t eknol ogiJenis Websit e
• Website Statis
– Hal aman web t idak dapat berubah
– Tidak ada int eraksi ant ara user dengan server
– Unt uk merubah harus dil akukan secara manual dengan mengedit koding di server
• Website Dinamis
– Hal aman web dapat diubah ol eh user (ada int eraksi)
Komponen Websit e
•
Domain (URL - Uni f or m Resour ce Locat or )•
Host ing / Server / Dat a cent er•
Desain at au l ayout•
Bahasa pemrograman•
Kont en webKomponen Websit e
•
Domain (URL - Uni f or m Resour ce Locat or )•
Host ing / Server / Dat a cent er•
Desain at au l ayout•
Bahasa pemrograman•
Kont en webDesain Websit e
•
Menggambarkan suat u t ampil an ke dal ambent uk websit e
•
Menyusun konsep, rencana, dan model•
Menerapkan el ement mul t imedia ke dal amwebsit e
– Teks
– Gambar
– Animasi
Prinsip Desain Websit e
•
Hasil Karya Sendiri•
Komposisi•
Sederhana•
KenyamananTuj uan Desain Websit e
•
Antarmuka yang interaktif
― Memberikan t ampil an yang menghubungkan user dengan server dengan berbagai media (t eks, audio, video, dl l )
•
Media yang kompleks
El emen Desain Web
•
Judul web•
Header•
Navigat ion bar•
Menu bar•
Side bar•
Kont en•
Foot er•
Kol om pencarian•
Link at au t aut an•
Breadcrumb•
Widget•
Sharing but t onBahasa Pemograman
• HTML (Hypert ext Markup Language)
– Digunakan unt uk membuat dokumen web agar dibaca ol eh web browser
– Bersif at cl ient script
– Fil e HTML berekst ensi . ht m at au . ht ml
• CSS (Cascading St yle Sheet s)
– Digunakan unt uk membuat t empl at e hal aman web
Tugas 1
• Buat daf t ar TAG-TAG HTML besert a fungsi-fungsinya.
• Buat dal am f ormat dokumen (. docx).
• Simpan dengan nama subj ect f il e NIM_KODETUGAS.
• Tugas di upl oad ke web ht t p: / / script . id
• Kode Tugas : cek script . id
THANK YOU
Chal if a Chazar
Email: chalif a. chazar@gmail. com
