TKB3251 MODUL 1 pengenalan website

(1)

PENGENALAN WEBSITE

TKB3251 – Desain Web

http:/ / script. id

(2)

WEBSITE?

Seiring dengan

perkembangannya websit e j uga digunakan unt uk

(3)

(e-•

Halaman inf ormasi yang disediakan mel alui j al ur

int ernet sehingga dapat diakses di seluruh 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 ogi

(4)

(5)

Jenis Websit e

•

Websit e St at is

–

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.

•

Websit e Dinamis

–

Hal aman web dapat diubah ol eh user (ada int eraksi).

(6)

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 web

(7)

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 web

(8)

Desain Websit e

• Menggambarkan suat u t ampil an ke dal am

bent uk websit e.

• Menyusun konsep, rencana, dan model .

• Menerapkan

el ement

mul t imedia

ke

dal am websit e.

–

Teks

–

Gambar

–

Animasi

(9)

Prinsip Desain Websit e

• Hasil Karya Sendiri

• Komposisi

• Sederhana

• Kenyamanan

(10)

Tuj uan Desain Websit e

• Ant armuka yang int erakt if

―

Memberikan t ampil an yang menghubungkan user dengan server dengan berbagai media (t eks, audio, video, dl l ).

• Media yang kompl eks

(11)

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 on

(12)

Bahasa Pemograman

• HTML (

Hyper t ext Mar kup 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 (

Cascadi ng St yl e Sheet s)

–

Digunakan unt uk membuat t empl at e hal aman web

–

Mempermudah perubahan pada banyak hal aman web

(13)

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 :

(14)

</ THANKS>

Chal if a Chazar

ht t p: / / script . id