14
HOME SK / KD MATERI LATIHAN UJI KOMP INDIKATOR WEB STATIS Konsep Dasar Teknologi Webpage

Bahan ajar html 1

Embed Size (px)

Citation preview

Page 1: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR WEB STATISKonsep Dasar Teknologi Webpage

Page 2: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

SK - KD

• Standar Kompetensi :Menerapkan dasar dasar Pembuatan Web statisTingkat Dasar

• Kompetensi Dasar

Menjelaskan konsep dasar dan teknologi

Webpage

Page 3: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

INDIKATOR • Konsep-konsep dan teknologi web

dijelaskan (web Server, URL, HTTP, HTML, Web browser)

• Perbedaan antara klien dan server dijelas.

• Ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page dibandingkan

• Keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider dijelaskan.

Page 4: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

materi

Website???

Apakah yang dimaksud dengan web?

Website adalah suatu tempat yang tersusun dari halaman-halaman yang menggunakan teknologi web dan saling berkaitan satu sama lain berisi suatu informasi tertentu.

Secara umum desain Web tersusun dari 3 lapis yaitu : struktural layer, presetation layer dan Behavioral layer.

Page 5: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

• Structural Layer : berkaitan denganbagaimana suatu perintah ditulis

• Presentation layer : berkaitan denganmasalah tampilan web

• Behavioral layer : berkaitan denganmasalah penggunaan bahasapemrograman yang mendukunginteraktifnya web.

Page 6: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Web statis dan Web Dinamis apa sih bedanya??

Web Statis adalah web yang isi (datadan informasi) bersifat tetap / tidakberubah-ubah. Dokumen dikirim keclient akan sama dengan dokumen yangada di server/penyedia.

Web Dinamis adalah web yangHalaman-halaman web yang isi daninformasinya berubah-ubah sesuaidengan permintaan pengguna/client.

Page 7: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Persiapan Membuat Web

1. Hardware Komputer : hardware komputer dipersiapkan dengan mempertimbangkan Program /perangkat lunak yang akan diinstal ke untukmembantu proses pembuatan web.

2. Software Komputer :

- Sistem Operasi : pemilihan sistem operasi yangdidasarkan pada web server yang akan diinstal, webeditor yang akan dipakai dan kompatibelitas dengansoftware2 pendukung lainnya.

- Web / HTML Editor adalah perangkat lunak yangdigunakan untuk membuat halaman-halaman web,baik yang bersifat statis maupun dinamis.

Page 8: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Beberapa web editor yang dapat digunakan antara lain :Notepad pada Windows, Vi/Vim pada Linux.

Beberapa aplikasi yang dikhususkan untuk membuat webantara lain adalah : Adobe Dreamweaver (duluMacromedia Dreamweaver), Microsoft Visual Studio .Net,

Kelebihan menggunakan web editor khusus untukpembuatan web antara lain:

1. tampilan berbasis GUI,

2. automatic code completion (melengkapi kode secaraotomatis),

3. WYSIWYG (What You See Is What You Get) HTMLEditor,

4. koneksi ke basis data yang lebih mudah, dan banyaklagi fasilitas

Page 9: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

- Web browser

Web browser berfungsi menerjemahkan kode-kodeHTML menjadi tampilan yang kita kehendaki. Beberapanama yang cukup terkenal antara lain Microsoft InternetExplorer, Firefox, Opera atau Safari.

• Web server

• Web server adalah perangkat lunak yang bertindak melayani permintaan permintaan client terhadap halaman-halaman web tertentu. Ada beberapa nama yang cukup populer dalam dunia web server. Diantaranya adalah Apache dan IIS (Internet Information Service).

Page 10: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Web server bisa mengunakan komputer kita sendiri atau bisamenggunakan server yang disediakan oleh provider atauhosting.

Server Pribadi Server Provider

Keuntungan:1. Mudah pengelolaan2. Gratis tidak berbayar.3. Kapasitas penyimpanan bisa

diatur

Keuntungan :1. Pengelolaan terbatas hak –

hak yang diberikan oleh provider

2. Tingkat keamanan biasanya lebih bagus

3. Bisa diakses dimanapun karena masuk ke jaringan internet

Kekurangan :1. Kecepatan akses tergantung

pada komputer yang kitagunakan.

2. Bersifat local sehinggaterbatas jangkuan aksesnya.

Kekurangan :1. Kecepatan tergantung dari

komputer server dan bandwidth yang ada.

2. Harus membayar biaya hosting

3. Kapasitas yang terbatas

Page 11: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

HTML Dasar• Internet merupakan jaringan global yang menghubungkan suatu

network dengan network lainnya di seluruh dunia, TCP/IP menjadiprotokol penghubung antara jaringan-jaringan yang beragam diseluruh dunia untuk dapat berkomunikasi. World Wide Web(WWW) merupakan bagian dari internet yang paling cepatberkembang dan paling populer.

WWW bekerja berdasarkan pada tiga mekanisme berikut:

• Protokol standard; aturan yang di gunakan untuk berkomunikasipada komputer networking,

• HTTP atau Hypertext Transfer Protocol merupakan protokol yangdigunakan untuk mentransfer data atau dokumen yang berformatHTML dari web server ke browser

• web Address; WWW memiliki aturan penamaan alamat web yaituURL(Uniform Resource Locator) yang di gunakan sebagai standardalamat internet.

Page 12: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Html ??• HTML atau Hypertext Markup Language merupakan salah

satu format standar yang digunakan dalam pembuatandokumen dan aplikasi yang berjalan di halaman web.Sebenarnya, dokumen HTML hanyalah sebuah dokumen teksbiasa dan disebut sebagai Markup Language yakni bahasayang mengandung tanda atau mark yang disebut tagtertentu yang digunakan untuk mengatur format tampilansuatu dokumen.

• Yang bisa kalian lakukan dengan HTML diantaranya:

– Mengontrol tampilan dari web page dan kontennya.

– Mempublikasikan dokumen secara online sehingga bisa diakses dari jaringan / internet

– Membuat online form yang bisa di gunakan untuk menanganipendaftaran, transaksi secara online.

– Menambahkan object-object seperti image, audio, video danjuga java applet dalam dokumen HTML.

Page 13: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Latihan

Jawablah pertanyaan berikut :

1. Sebutkan teknologi desain web yang ada!

2. Sebutkan perbedaan Web Statis dan web dinamis!

3. Sebutkan web browser yang kamu ketahui minimal 3 buah!

4. Apakah yang dimaksud dengan internet?

5. Apakah yang kamu ketahui tentang HTTP?

Page 14: Bahan ajar html 1

HOME

SK / KD

MATERI

LATIHAN

UJI KOMP

INDIKATOR

Uji Kompetensi

1. Sebutkan apakah yang dimaksud dengan struktural layer,presentation layer dan behavioral layer!

2. Sebutkan teks editor yang ada dipasaran software saat ini!

3. Sebutkan kelebihan teks editor yang khusus digunakanuntuk desain web!

4. Berikan definisi istilah – istilah berikut :

- HTTP

- HTML

- URL

5. Berikan penjelasan tentang web statis dan web dinamispengaruhnya terhadap cilent sebagai pengguna web danserver sebagai penyedia layanan!