TKB3251 MODUL 1 pengenalan website

WEB DESIGN
Pengenalan Website
TKB3251 – Desain Web

Name| Chalifa Chazar
Website | www.script.id
Email | chalifa.chazar@gmail.com
Last update : Agustus 2017 | chalifa.chazar@gmail.com

Websit e?

Seiring dengan
perkembangannya websit e j uga
digunakan unt uk berkomunikasi
melalui email sampai t ransaksi
bisnis (e-commerce)

Lastupdate
update: :Agustus
Maret 2017
Last

2017 || chalifa.chazar@gmail.com
chalifa.chazar@gmail.com

Websit e
• Hal aman inf ormasi yang disediakan mel alui
j alur int ernet sehingga dapat diakses di seluruh
dunia selama 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 eknologi
yang disebut hypert eks

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Skema Cara Kerj a Websit e

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Jenis Websit e
• Website Statis
– Halaman web t idak dapat berubah
– Tidak ada int eraksi ant ara user dengan server
– Unt uk merubah harus dilakukan secara manual
dengan mengedit koding di server

• Website Dinamis
– Halaman web dapat diubah oleh user (ada int eraksi)
– Terdapat halaman back-end unt uk merubah kont en
web
Last update : Agustus 2017 | chalifa.chazar@gmail.com

Komponen Websit e
•
•
•
•
•

•

Domain (URL - Uni f or m Resour ce Locat or )
Host ing / Server / Dat a cent er
Desain at au layout
Bahasa pemrograman
Kont en web
User

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Komponen Websit e
•
•
•
•
•
•

Domain (URL - Uni f or m Resour ce Locat or )

Host ing / Server / Dat a cent er
Desain at au layout
Bahasa pemrograman
Kont en web
User

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Desain Websit e
• Menggambarkan

suat u

t ampilan

ke

dalam

bent uk websit e

• Menyusun konsep, rencana, dan model
• Menerapkan element mult imedia ke dalam
websit e
–
–
–
–

Teks
Gambar
Animasi
Video

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Prinsip Desain Websit e
•
•
•

•
•

Hasil Karya Sendiri
Komposisi
Sederhana
Kenyamanan
Konsist en

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Tuj uan Desain Websit e
• Antarmuka yang interaktif
― Memberikan t ampilan yang menghubungkan user
dengan server dengan berbagai media (t eks, audio,
video, dll)

• Media yang kompleks
― Menyediakan perangkat media dalam berint eraksi
(vekt or, animasi, plug-in)

Last update : Agustus 2017 | chalifa.chazar@gmail.com

Elemen Desain Web
•
•
•
•
•
•
•

Judul web
Header
Navigat ion bar
Menu bar
Side bar
Kont en
Foot er

•
•
•
•
•
•

Kolom pencarian
Link at au t aut an
Breadcrumb
Widget
Sharing but t on
Form

Bahasa Pemograman
• HTML ( Hypert ext Markup Language)
– Digunakan unt uk membuat

dokumen

web

agar

dibaca oleh web browser

– Bersif at client script
– File HTML berekst ensi . ht m at au . ht ml

• CSS ( Cascading St yle Sheet s)
– Digunakan unt uk membuat t emplat e halaman web
– Mempermudah perubahan pada banyak halaman web
– File CSS berekst ensi . css
Last update : Agustus 2017 | chalifa.chazar@gmail.com

Tugas 1
•
•
•
•

•
•

Buat daf t ar TAG-TAG HTML besert a fungsi-fungsinya.
Buat dalam f ormat dokumen (. docx).
Simpan dengan nama subj ect f ile NIM_KODETUGAS.
Tugas di upload ke web ht t p: / / script . id

Kode Tugas

: cek script . id

Batas waktu

: cek script . id

Last update : Agustus 2017 | chalifa.chazar@gmail.com

THANK YOU
Chalif a Chazar

Email: chalif a. chazar@gmail. com
Ht t p: / / script . id