2. Konsep Dasar Desain Web

8/18/2019 2. Konsep Dasar Desain Web

1/16

KONSEP DASAR

DESAIN WEB

TRI WIDODO, ST., [email protected]

3wdd.wordpress.com


2/16

CARA KERJA WENSITE

Web

Client

Web

Server

Web

Browser

DomainWeb

space

Jaringan Komputer:

ttp! "tp! smtp


3/16

UNSUR-UNSUR WEBSITE

Dalam suatu Website, harus memiliki unsur-unsur berikut,

yaitu:

1. Alamat

2. Web design/programming

3. Content

. Administrator

!. Web "osting


4/16

JENIS-JENIS WEBSITE

Ada dua #enis Website:

1. Web $tatis

Web Statis adala web #ang dibuat per alaman$page! tida%

mengguna%an database dan perubaan isi$content arus satu

persatu

2. Web Dinamis

Web dinamis adala web #ang dapat diedit secara muda %arena

semua %onten berada dalam database! seingga setiap alaman

tida% dibuat sendiri&sendiri! tetapi cu%up mengguna%an contentmanager


5/16

JENIS WEB (LANJ)

Contoh Web statis:

%ayaknya &aman sekarang sudah tidak ada. :D

Contoh Web Dinamis:

'''. (a)ebook.)om, '''.ol*.)om, '''.'ordpress.)om


6/16


7/16

JENIS-JENIS DOMAIN

$ub domain

merupa%an alaman bagian dari sebu domain. conto beri%ut ini.

ttp:$$m#domain.blogspot.com$ blogspot.com merupa%an sebua domain dan

m#domain adala sub dari domain blogspot.com tersebut 'sub domain(.

+op eel Domain+D

op 4evel Domain 2ame adala deretan %ata dibela%ang nama domain seperti .com'dotcommercial(! .net 'dotnetwor%(! .org'dotorgani5ation(! .edu'doteducation(!

.gov'dotgoverment(! dan .mil'dotmilitar#(.

$e)ond eel Domain $D

Second 4evel Domain 2ame 'S4D( adala nama domain #ang anda da"tar%an.

Misaln#a nama domain #ang anda da"tar%an adala domain%u.com! ma%a domain%u

adala S4D dan .comn#a adala 4D.+hird eel Domai

ird 4evel Domain adala nama sebelum Second 4evel Domain dan op 4evel

Domain. Misaln#a nama domain adala domain%u.com! ma%a tird level domain

adala mail.domain%u.com atau searc.domain%u.com.

http://mydomain.blogspot.com/http://mydomain.blogspot.com/


8/16

DOMAIN (LANJ)

Ada 2 #enis +D top leel domain

). 0+D 0eneri) +op eel Domain

Domain 0enis ini adala sebenarn#a mili% 6meri%a! namun %arena domain&

domain 4D sering diguna%an seingga terliat seperti domain standar untu%

alamat internet.

Conto 4D :

.com : diguna%an untu% %epentingan %omersial atau perusaaan.

.net : diguna%an untu% %epentingan networ% in"rastru%tur.

.org : diguna%an untu% %epentingan organisasi.

.in"o : diguna%an untu% %epentingan in"ormasional website.

.name : diguna%an untu% %epentingan %eluarga atau perorangan.

.edu : diguna%an untu% %epentingan pendidi%an 'terbatas an#a untu%

pendidi%an(.

.mil : diguna%an untu% %epentingan militer 'terbatas an#a untu% militer(.


9/16

DOMAIN(LANJ)

2. ))+Ds Country Coded +op eel Domains

Domain #ang disedia%an untu% masing&masing negera seperti :

7ndonesia mengguna%an : .id

Singapura mengguna%an : .sg

Mala#sia mengguna%an : .m#

8ntu% 7ndonesia terbagi men0adi beberapa sub domain seperti :

.or.id : diguna%an untu% organisasi.

.co.id : diguna%an untu% %omersial.

.go.id : diguna%an untu% pemerintaan '%usus pemerintaan danarus ada i5in dari pemerinta bersang%utan(.

.ac.id : diguna%an untu% pendidi%an seperti universitas.

.sc.id : diguna%an untu% se%ola dasar.


10/16

BAHASA

PEMROGRAMAN WEB


11/16

BAHASA PEMROGRAMAN

WEB (LANJ)


12/16

BAHASA PEMROGRAMAN

WEB (LANJ)


13/16

HTML

9#pertet Mar%up 4anguage

Mar% up : in"ormasi tambaan #ang ditempat%an pada te%s

untu% men0elas%an bagaimana te%s tersebut diinterpretasi

Mar% up ditamba%an bu%an untu% tampilan tetapi untu%

memberi%an stru%tur interpretasi$pemberiana rti

9M4 '9#peretMar%up 4anguage( merupa%an subset dari

SM4 'Standard enerali5ed Mar%up 4anguage(

Conto subset lain dariSM4 :

;M4 'e;tensible Mar%up 4anguage(

SM74 'S#ncroni5ed Multimedia 7ntegration 4anguage(


14/16

HTML

& 9M4 : "ormat standar untu% membuat do%umen web

& Karena 9M4 bu%an la baasa pemrograman! seingga

untu% membu%a "ile .tml! cu%up mengguna%an browser! tida%

perlu mengguna%an compiler tertentu

& 8ntu% pembuatan do%umen tml! dapat diguna%an program

notepad! %emudian simpan dalam "ormat .html dengan

type:all types


15/16

CONTOH HTML


16/16

REFERENCE

'''.'ikipedia.)om

Documents

2. Konsep Dasar Desain Web