TKB3251 MODUL 1 pengenalan website

PENGENALAN WEBSITE
TKB3251 – Desain Web
http:/ / script. id
chalifa. chazar@gmail. com

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

WEBSITE?

Seiring dengan
perkembangannya websit e
j uga digunakan unt uk
berkomunikasi melalui email
sampai t ransaksi bisnis (ecommerce)
Last update : Maret 2017 | chalifa.chazar@gmail.com

• Halaman inf ormasi yang disediakan melalui j alur
int ernet sehingga dapat diakses di seluruh dunia
selama t erkoneksi dengan j aringan int ernet .

• Kumpulan 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 hyper t eks.

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

Skema Cara Kerj a Websit e

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

Jenis Websit e
• Websit e St at is
– 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.

• Websit e Dinamis
– Halaman web dapat diubah oleh user (ada int eraksi).
– Terdapat halaman back-end unt uk merubah kont en
web.
Last update : Maret 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 : Maret 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 : Maret 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 : Maret 2017 | chalifa.chazar@gmail.com

Prinsip Desain Websit e
•

•
•
•
•

Hasil Karya Sendiri
Komposisi
Sederhana
Kenyamanan
Konsist en

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

Tuj uan Desain Websit e
• Ant armuka yang int erakt if
― 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 : Maret 2017 | chalifa.chazar@gmail.com

Elemen Desain Web
•
•
•
•
•
•
•

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

•
•
•
•
•
•

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

Foot er

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

Bahasa Pemograman

• HTML ( Hyper t ext Mar kup 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 ( Cascadi ng St yl e Sheet s)
– Digunakan unt uk membuat t emplat e halaman web
– Mempermudah perubahan pada banyak halaman web
– File CSS berekst ensi . css
Last update : Maret 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

:

Batas waktu

: 16-04-2017, sebelum pukul 23. 59

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


Chalif a Chazar
ht t p: / / script . id
Email: chalif a. chazar@gmail. com