Konsep Dasar Desain Web

Presentasi berjudul: "Konsep Dasar Desain Web"— Transcript presentasi:

1 Konsep Dasar Desain Web

2 Cara Kerja Wensite Jaringan Komputer: http, ftp, smtp Web Client
Web Server Web Browser Domain Web space

3 Unsur-unsur website Dalam suatu Website, harus memiliki unsur-unsur berikut, yaitu: Alamat Web design/programming Content Administrator Web Hosting

4 Jenis-jenis website Ada dua jenis Website: 1. Web Statis Web Statis adalah web yang dibuat per halaman/page, tidak menggunakan database dan perubahan isi/content harus satu persatu 2. Web Dinamis Web dinamis adalah web yang dapat diedit secara mudah karena semua konten berada dalam database, sehingga setiap halaman tidak dibuat sendiri-sendiri, tetapi cukup menggunakan content manager

5 Jenis web (lanj) Contoh Web statis: Kayaknya zaman sekarang sudah tidak ada. :D Contoh Web Dinamis: www. Facebook.com,

6 Domain Domain adalah adalah alamat sebuah website (situs), sebenarnya alamat dari situs-situs yang eksis di internet ini bentuk dasarnya berupa angka-angka contohnya bila angka ini anda ketikkan di addres bar di browser anda maka akan terbuka website Google. Mengapa domain akhirnya menggunakan kata-kata? Karena penggunaan kata jauh lebih mudah diingat daripada harus menghapal urutan angka-angka yang panjang. saya yakin anda jauh lebih familiar dan mudah mengingat Google.com daripada harus menghapal Sistem penerjemah angka->nama ini diatur oleh DNS(Domain name system)

7 Jenis-jenis Domain Sub domain merupakan halaman bagian dari sebuh domain. contoh berikut ini. blogspot.com merupakan sebuah domain dan mydomain adalah sub dari domain blogspot.com tersebut (sub domain). Top Level Domain(TLD) Top Level Domain Name adalah deretan kata dibelakang nama domain seperti .com (dotcommercial), .net (dotnetwork), .org(dotorganization), .edu(doteducation), .gov(dotgoverment), dan .mil(dotmilitary). Second Level Domain (SLD) Second Level Domain Name (SLD) adalah nama domain yang anda daftarkan. Misalnya nama domain yang anda daftarkan adalah domainku.com, maka domainku adalah SLD dan .comnya adalah TLD. Third Level Domai Third Level Domain adalah nama sebelum Second Level Domain dan Top Level Domain. Misalnya nama domain adalah domainku.com, maka third level domain adalah mail.domainku.com atau search.domainku.com.

8 Domain (lanj) Ada 2 jenis TLD (top level domain) 1. GTLD (Generic Top Level Domain) Domain jenis ini adalah sebenarnya milik Amerika, namun karena domain- domain GTLD sering digunakan sehingga terlihat seperti domain standar untuk alamat internet. Contoh GTLD : .com : digunakan untuk kepentingan komersial atau perusahaan. .net : digunakan untuk kepentingan network infrastruktur. .org : digunakan untuk kepentingan organisasi. .info : digunakan untuk kepentingan informasional website. .name : digunakan untuk kepentingan keluarga atau perorangan. .edu : digunakan untuk kepentingan pendidikan (terbatas hanya untuk pendidikan). .mil : digunakan untuk kepentingan militer (terbatas hanya untuk militer).

9 Domain(lanj) 2. ccTLD’s (Country Coded Top Level Domains) Domain yang disediakan untuk masing-masing negera seperti : Indonesia menggunakan : .id Singapura menggunakan : .sg Malaysia menggunakan : .my Untuk Indonesia terbagi menjadi beberapa sub domain seperti : .or.id : digunakan untuk organisasi. .co.id : digunakan untuk komersial. .go.id : digunakan untuk pemerintahan (khusus pemerintahan dan harus ada izin dari pemerintah bersangkutan). .ac.id : digunakan untuk pendidikan seperti universitas. .sch.id : digunakan untuk sekolah dasar.

10 Bahasa Pemrograman Web

11 Bahasa Pemrograman web (lanj)

12 Bahasa Pemrograman web (lanj)

13 Html Hypertext Markup Language
Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur interpretasi/pemberiana rti HTML (HyperTextMarkup Language) merupakan subset dari SGML (Standard Generalized Markup Language) Contoh subset lain dariSGML : XML (eXtensible Markup Language) SMIL (Synchronized Multimedia Integration Language)

14 Html - HTML : format standar untuk membuat dokumen web
Karena HTML bukan lah bahasa pemrograman, sehingga untuk membuka file .html, cukup menggunakan browser, tidak perlu menggunakan compiler tertentu Untuk pembuatan dokumen html, dapat digunakan program notepad, kemudian simpan dalam format .html dengan type:all types

15 Contoh html <html> <head> <title>Homepage saya</title> </head> <body> <h1>Saya</h1> <h2>Perkenalan</h2> <p>Perkenalkan, nama saya..... Ini adalah<i>homepage</i><b>pertama</b> saya, karena saya baru belajar tentang cara membuat<b><i>homepage</i></b>. </p> </body> </html> <!—akhir dokumen HTML -->

16 reference