SlideShare a Scribd company logo
HOME 
SK / KD 
WEB STATIS 
INDIKATOR MATERI 
LATIHAN 
UJI KOMP 
Konsep Dasar Teknologi Webpage
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
SK - KD 
• Standar Kompetensi : 
Menerapkan dasar dasar Pembuatan Web statis 
Tingkat Dasar 
• Kompetensi Dasar 
Menjelaskan konsep dasar dan teknologi 
Webpage
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
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.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
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.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
• Structural Layer : berkaitan dengan 
bagaimana suatu perintah ditulis 
• Presentation layer : berkaitan dengan 
masalah tampilan web 
• Behavioral layer : berkaitan dengan 
masalah penggunaan bahasa 
pemrograman yang mendukung 
interaktifnya web.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
Web statis dan Web Dinamis apa sih 
bedanya?? 
Web Statis adalah web yang isi (data 
dan informasi) bersifat tetap / tidak 
berubah-ubah. Dokumen dikirim ke 
client akan sama dengan dokumen yang 
ada di server/penyedia. 
Web Dinamis adalah web yang 
Halaman-halaman web yang isi dan 
informasinya berubah-ubah sesuai 
dengan permintaan pengguna/client.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
Persiapan Membuat Web 
1. Hardware Komputer : hardware komputer di 
persiapkan dengan mempertimbangkan Program / 
perangkat lunak yang akan diinstal ke untuk 
membantu proses pembuatan web. 
2. Software Komputer : 
- Sistem Operasi : pemilihan sistem operasi yang 
didasarkan pada web server yang akan diinstal, web 
editor yang akan dipakai dan kompatibelitas dengan 
software2 pendukung lainnya. 
- Web / HTML Editor adalah perangkat lunak yang 
digunakan untuk membuat halaman-halaman web, 
baik yang bersifat statis maupun dinamis.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
Beberapa web editor yang dapat digunakan antara lain : 
Notepad pada Windows, Vi/Vim pada Linux. 
Beberapa aplikasi yang dikhususkan untuk membuat web 
antara lain adalah : Adobe Dreamweaver (dulu 
Macromedia Dreamweaver), Microsoft Visual Studio .Net, 
Kelebihan menggunakan web editor khusus untuk 
pembuatan web antara lain: 
1. tampilan berbasis GUI, 
2. automatic code completion (melengkapi kode secara 
otomatis), 
3. WYSIWYG (What You See Is What You Get) HTML 
Editor, 
4. koneksi ke basis data yang lebih mudah, dan banyak 
lagi fasilitas
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
- Web browser 
Web browser berfungsi menerjemahkan kode-kode 
HTML menjadi tampilan yang kita kehendaki. Beberapa 
nama yang cukup terkenal antara lain Microsoft Internet 
Explorer, 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).
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
Web server bisa mengunakan komputer kita sendiri atau bisa 
menggunakan server yang disediakan oleh provider atau 
hosting. 
Server Pribadi Server Provider 
Keuntungan: 
1. Mudah pengelolaan 
2. 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 kita 
gunakan. 
2. Bersifat local sehingga 
terbatas jangkuan aksesnya. 
Kekurangan : 
1. Kecepatan tergantung dari 
komputer server dan 
bandwidth yang ada. 
2. Harus membayar biaya 
hosting 
3. Kapasitas yang terbatas
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
HTML Dasar 
• Internet merupakan jaringan global yang menghubungkan suatu 
network dengan network lainnya di seluruh dunia, TCP/IP menjadi 
protokol penghubung antara jaringan-jaringan yang beragam di 
seluruh dunia untuk dapat berkomunikasi. World Wide Web 
(WWW) merupakan bagian dari internet yang paling cepat 
berkembang dan paling populer. 
WWW bekerja berdasarkan pada tiga mekanisme berikut: 
• Protokol standard; aturan yang di gunakan untuk berkomunikasi 
pada komputer networking, 
• HTTP atau Hypertext Transfer Protocol merupakan protokol yang 
digunakan untuk mentransfer data atau dokumen yang berformat 
HTML dari web server ke browser 
• web Address; WWW memiliki aturan penamaan alamat web yaitu 
URL(Uniform Resource Locator) yang di gunakan sebagai standard 
alamat internet.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
Html ?? 
• HTML atau Hypertext Markup Language merupakan salah 
satu format standar yang digunakan dalam pembuatan 
dokumen dan aplikasi yang berjalan di halaman web. 
Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks 
biasa dan disebut sebagai Markup Language yakni bahasa 
yang mengandung tanda atau mark yang disebut tag 
tertentu yang digunakan untuk mengatur format tampilan 
suatu dokumen. 
• Yang bisa kalian lakukan dengan HTML diantaranya: 
– Mengontrol tampilan dari web page dan kontennya. 
– Mempublikasikan dokumen secara online sehingga bisa di 
akses dari jaringan / internet 
– Membuat online form yang bisa di gunakan untuk menangani 
pendaftaran, transaksi secara online. 
– Menambahkan object-object seperti image, audio, video dan 
juga java applet dalam dokumen HTML.
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
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?
HOME 
SK / KD 
INDIKATOR 
MATERI 
LATIHAN 
UJI KOMP 
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 digunakan 
untuk desain web! 
4. Berikan definisi istilah – istilah berikut : 
- HTTP 
- HTML 
- URL 
5. Berikan penjelasan tentang web statis dan web dinamis 
pengaruhnya terhadap cilent sebagai pengguna web dan 
server sebagai penyedia layanan!

More Related Content

What's hot

Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
Achmad Solichin
 
18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)
Universitas Bina Darma Palembang
 
Tugasrekweb_1211511652_denissatio_0316
Tugasrekweb_1211511652_denissatio_0316Tugasrekweb_1211511652_denissatio_0316
Tugasrekweb_1211511652_denissatio_0316
Honda kebon jeruk
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web
Antonius Manginsela
 
Membangun Jaringan Komputer dengan Windows server 2003
Membangun Jaringan Komputer dengan Windows server 2003Membangun Jaringan Komputer dengan Windows server 2003
Membangun Jaringan Komputer dengan Windows server 2003Anton Permana
 
Tugas 1 – Rekayasa Web
Tugas 1 – Rekayasa WebTugas 1 – Rekayasa Web
Tugas 1 – Rekayasa Web
Mohammad Arief
 

What's hot (7)

Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
 
18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)
 
Tugasrekweb_1211511652_denissatio_0316
Tugasrekweb_1211511652_denissatio_0316Tugasrekweb_1211511652_denissatio_0316
Tugasrekweb_1211511652_denissatio_0316
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web
 
Membangun Jaringan Komputer dengan Windows server 2003
Membangun Jaringan Komputer dengan Windows server 2003Membangun Jaringan Komputer dengan Windows server 2003
Membangun Jaringan Komputer dengan Windows server 2003
 
Tugas 1 – Rekayasa Web
Tugas 1 – Rekayasa WebTugas 1 – Rekayasa Web
Tugas 1 – Rekayasa Web
 

Viewers also liked

Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaRCH_98
 
Cara Membuat Website Menggunakan CMS Wordpress & XAMPP
Cara Membuat Website Menggunakan CMS Wordpress & XAMPPCara Membuat Website Menggunakan CMS Wordpress & XAMPP
Cara Membuat Website Menggunakan CMS Wordpress & XAMPP
Muhammad Iqbal
 
Theoreticalfoundationscoaching
TheoreticalfoundationscoachingTheoreticalfoundationscoaching
TheoreticalfoundationscoachingVanHalen
 
Regulamento geral 39º copão
Regulamento geral 39º copãoRegulamento geral 39º copão
Regulamento geral 39º copão
Jean Rogers
 
Itinerario Activate UniMOOC-2016-05-03
Itinerario Activate UniMOOC-2016-05-03Itinerario Activate UniMOOC-2016-05-03
Itinerario Activate UniMOOC-2016-05-03Alejandro Batista
 
Herramientasdepensamiento 091102170343-phpapp02
Herramientasdepensamiento 091102170343-phpapp02Herramientasdepensamiento 091102170343-phpapp02
Herramientasdepensamiento 091102170343-phpapp02laurabuendia1973
 
catalogue oriflame thang 11 2016
catalogue oriflame thang 11 2016catalogue oriflame thang 11 2016
catalogue oriflame thang 11 2016
Oriflame VietNam
 
Making Your First $1M Sales - Practical Guide for Philippines Startups
Making Your First $1M Sales - Practical Guide for Philippines StartupsMaking Your First $1M Sales - Practical Guide for Philippines Startups
Making Your First $1M Sales - Practical Guide for Philippines Startups
e27
 
Guía práctica para estudiar en Europa y trabajar en instituciones europeas
Guía práctica para estudiar en Europa y trabajar en instituciones europeasGuía práctica para estudiar en Europa y trabajar en instituciones europeas
Guía práctica para estudiar en Europa y trabajar en instituciones europeas
Granadatur.es & Capacity.es
 
05 questões comentadas (bônus)
05 questões comentadas (bônus)05 questões comentadas (bônus)
05 questões comentadas (bônus)
Português em Foco
 
Plaza del adelantado
Plaza del adelantadoPlaza del adelantado
Plaza del adelantadoiacogom
 
Loco profit
Loco profitLoco profit
Loco profit
Raka Wicaksana
 
64 Water Street, Birmingham
64 Water Street, Birmingham64 Water Street, Birmingham
64 Water Street, Birmingham
dutcharchitecture
 
facebook revista
facebook revistafacebook revista
facebook revistajesus207
 
Tanulási mód - Kérőív
Tanulási mód - KérőívTanulási mód - Kérőív
Tanulási mód - Kérőív
VanHalen
 
Creating Value With Communities
Creating Value With CommunitiesCreating Value With Communities
Creating Value With Communities
Tim McDonald
 

Viewers also liked (20)

Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
 
Cara Membuat Website Menggunakan CMS Wordpress & XAMPP
Cara Membuat Website Menggunakan CMS Wordpress & XAMPPCara Membuat Website Menggunakan CMS Wordpress & XAMPP
Cara Membuat Website Menggunakan CMS Wordpress & XAMPP
 
Theoreticalfoundationscoaching
TheoreticalfoundationscoachingTheoreticalfoundationscoaching
Theoreticalfoundationscoaching
 
Regulamento geral 39º copão
Regulamento geral 39º copãoRegulamento geral 39º copão
Regulamento geral 39º copão
 
Itinerario Activate UniMOOC-2016-05-03
Itinerario Activate UniMOOC-2016-05-03Itinerario Activate UniMOOC-2016-05-03
Itinerario Activate UniMOOC-2016-05-03
 
Herramientasdepensamiento 091102170343-phpapp02
Herramientasdepensamiento 091102170343-phpapp02Herramientasdepensamiento 091102170343-phpapp02
Herramientasdepensamiento 091102170343-phpapp02
 
O Mar Registo Erros
O Mar Registo ErrosO Mar Registo Erros
O Mar Registo Erros
 
catalogue oriflame thang 11 2016
catalogue oriflame thang 11 2016catalogue oriflame thang 11 2016
catalogue oriflame thang 11 2016
 
Making Your First $1M Sales - Practical Guide for Philippines Startups
Making Your First $1M Sales - Practical Guide for Philippines StartupsMaking Your First $1M Sales - Practical Guide for Philippines Startups
Making Your First $1M Sales - Practical Guide for Philippines Startups
 
Guía práctica para estudiar en Europa y trabajar en instituciones europeas
Guía práctica para estudiar en Europa y trabajar en instituciones europeasGuía práctica para estudiar en Europa y trabajar en instituciones europeas
Guía práctica para estudiar en Europa y trabajar en instituciones europeas
 
05 questões comentadas (bônus)
05 questões comentadas (bônus)05 questões comentadas (bônus)
05 questões comentadas (bônus)
 
Plaza del adelantado
Plaza del adelantadoPlaza del adelantado
Plaza del adelantado
 
Loco profit
Loco profitLoco profit
Loco profit
 
Pastel de limon
Pastel de limonPastel de limon
Pastel de limon
 
Ensayo 8
Ensayo 8 Ensayo 8
Ensayo 8
 
Mejores Imagenes(10) Maiwald
Mejores  Imagenes(10) MaiwaldMejores  Imagenes(10) Maiwald
Mejores Imagenes(10) Maiwald
 
64 Water Street, Birmingham
64 Water Street, Birmingham64 Water Street, Birmingham
64 Water Street, Birmingham
 
facebook revista
facebook revistafacebook revista
facebook revista
 
Tanulási mód - Kérőív
Tanulási mód - KérőívTanulási mód - Kérőív
Tanulási mód - Kérőív
 
Creating Value With Communities
Creating Value With CommunitiesCreating Value With Communities
Creating Value With Communities
 

Similar to Bahan ajar html 1

Bahan ajar web1
Bahan ajar web1Bahan ajar web1
Bahan ajar web1
Uji Wardoyo
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 
Tugas 2 ihsan riadi - 1412511162
Tugas 2   ihsan riadi - 1412511162Tugas 2   ihsan riadi - 1412511162
Tugas 2 ihsan riadi - 1412511162
ihsan riadi
 
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptxPresentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
diniragita
 
Module desain web
Module desain webModule desain web
Module desain web
Dedy Setiawan
 
media interakitf berbasis halaman website
media interakitf berbasis halaman websitemedia interakitf berbasis halaman website
media interakitf berbasis halaman website
MIlham52
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
Elidad Sukardi
 
Jeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman webJeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman web
Sejahtera Affif
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman Rika Pertiwi
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
RiaWahyuni5
 
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
AbdurRozak19
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternetjuicemangga
 
Rekweb
RekwebRekweb
Rekweb
reksa eka
 
desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...
MIlham52
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
TeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
TeukuMahawira
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
fahreza yozi
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
TeukuMahawira
 
Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1
Agus Supriatna
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
dewiapril1996
 

Similar to Bahan ajar html 1 (20)

Bahan ajar web1
Bahan ajar web1Bahan ajar web1
Bahan ajar web1
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tugas 2 ihsan riadi - 1412511162
Tugas 2   ihsan riadi - 1412511162Tugas 2   ihsan riadi - 1412511162
Tugas 2 ihsan riadi - 1412511162
 
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptxPresentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
 
Module desain web
Module desain webModule desain web
Module desain web
 
media interakitf berbasis halaman website
media interakitf berbasis halaman websitemedia interakitf berbasis halaman website
media interakitf berbasis halaman website
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
 
Jeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman webJeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman web
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
 
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
 
Rekweb
RekwebRekweb
Rekweb
 
desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
 

Recently uploaded

Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
DinaSetiawan2
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
SurosoSuroso19
 
PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
safitriana935
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Fathan Emran
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
irawan1978
 
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptxRESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
ABDULRASIDSANGADJI1
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
ferrydmn1999
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
denunugraha
 
Permainan Wiwi Wowo aksi nyata berkebhinekaan
Permainan Wiwi Wowo aksi nyata berkebhinekaanPermainan Wiwi Wowo aksi nyata berkebhinekaan
Permainan Wiwi Wowo aksi nyata berkebhinekaan
DEVI390643
 
penjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkdpenjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkd
jaya35ml2
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
zakkimushoffi41
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
Rima98947
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
PutuRatihSiswinarti1
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
Kanaidi ken
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Fathan Emran
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
Indah106914
 
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptxPERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
TeukuEriSyahputra
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
rusinaharva1
 

Recently uploaded (20)

Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
 
PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
 
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptxRESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
 
Permainan Wiwi Wowo aksi nyata berkebhinekaan
Permainan Wiwi Wowo aksi nyata berkebhinekaanPermainan Wiwi Wowo aksi nyata berkebhinekaan
Permainan Wiwi Wowo aksi nyata berkebhinekaan
 
penjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkdpenjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkd
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
 
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptxPERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
PERSENTASI AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pptx
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
 

Bahan ajar html 1

  • 1. HOME SK / KD WEB STATIS INDIKATOR MATERI LATIHAN UJI KOMP Konsep Dasar Teknologi Webpage
  • 2. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP SK - KD • Standar Kompetensi : Menerapkan dasar dasar Pembuatan Web statis Tingkat Dasar • Kompetensi Dasar Menjelaskan konsep dasar dan teknologi Webpage
  • 3. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP 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.
  • 4. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP 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.
  • 5. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP • Structural Layer : berkaitan dengan bagaimana suatu perintah ditulis • Presentation layer : berkaitan dengan masalah tampilan web • Behavioral layer : berkaitan dengan masalah penggunaan bahasa pemrograman yang mendukung interaktifnya web.
  • 6. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP Web statis dan Web Dinamis apa sih bedanya?? Web Statis adalah web yang isi (data dan informasi) bersifat tetap / tidak berubah-ubah. Dokumen dikirim ke client akan sama dengan dokumen yang ada di server/penyedia. Web Dinamis adalah web yang Halaman-halaman web yang isi dan informasinya berubah-ubah sesuai dengan permintaan pengguna/client.
  • 7. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP Persiapan Membuat Web 1. Hardware Komputer : hardware komputer di persiapkan dengan mempertimbangkan Program / perangkat lunak yang akan diinstal ke untuk membantu proses pembuatan web. 2. Software Komputer : - Sistem Operasi : pemilihan sistem operasi yang didasarkan pada web server yang akan diinstal, web editor yang akan dipakai dan kompatibelitas dengan software2 pendukung lainnya. - Web / HTML Editor adalah perangkat lunak yang digunakan untuk membuat halaman-halaman web, baik yang bersifat statis maupun dinamis.
  • 8. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP Beberapa web editor yang dapat digunakan antara lain : Notepad pada Windows, Vi/Vim pada Linux. Beberapa aplikasi yang dikhususkan untuk membuat web antara lain adalah : Adobe Dreamweaver (dulu Macromedia Dreamweaver), Microsoft Visual Studio .Net, Kelebihan menggunakan web editor khusus untuk pembuatan web antara lain: 1. tampilan berbasis GUI, 2. automatic code completion (melengkapi kode secara otomatis), 3. WYSIWYG (What You See Is What You Get) HTML Editor, 4. koneksi ke basis data yang lebih mudah, dan banyak lagi fasilitas
  • 9. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP - Web browser Web browser berfungsi menerjemahkan kode-kode HTML menjadi tampilan yang kita kehendaki. Beberapa nama yang cukup terkenal antara lain Microsoft Internet Explorer, 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).
  • 10. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP Web server bisa mengunakan komputer kita sendiri atau bisa menggunakan server yang disediakan oleh provider atau hosting. Server Pribadi Server Provider Keuntungan: 1. Mudah pengelolaan 2. 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 kita gunakan. 2. Bersifat local sehingga terbatas jangkuan aksesnya. Kekurangan : 1. Kecepatan tergantung dari komputer server dan bandwidth yang ada. 2. Harus membayar biaya hosting 3. Kapasitas yang terbatas
  • 11. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP HTML Dasar • Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia, TCP/IP menjadi protokol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer. WWW bekerja berdasarkan pada tiga mekanisme berikut: • Protokol standard; aturan yang di gunakan untuk berkomunikasi pada komputer networking, • HTTP atau Hypertext Transfer Protocol merupakan protokol yang digunakan untuk mentransfer data atau dokumen yang berformat HTML dari web server ke browser • web Address; WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.
  • 12. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP Html ?? • HTML atau Hypertext Markup Language merupakan salah satu format standar yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda atau mark yang disebut tag tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. • Yang bisa kalian lakukan dengan HTML diantaranya: – Mengontrol tampilan dari web page dan kontennya. – Mempublikasikan dokumen secara online sehingga bisa di akses dari jaringan / internet – Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. – Menambahkan object-object seperti image, audio, video dan juga java applet dalam dokumen HTML.
  • 13. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP 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?
  • 14. HOME SK / KD INDIKATOR MATERI LATIHAN UJI KOMP 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 digunakan untuk desain web! 4. Berikan definisi istilah – istilah berikut : - HTTP - HTML - URL 5. Berikan penjelasan tentang web statis dan web dinamis pengaruhnya terhadap cilent sebagai pengguna web dan server sebagai penyedia layanan!