SlideShare a Scribd company logo
1 of 10
B Y ;
R I Z K A
F A K U L T A S E K O N O M I
U N I V E R S I T A S M U H A M M A D I Y A H S O R O N G
PROYEK WEB/HTML
MENGGUNANAKAN MICROSOFT
FRONTPAGE DAN NOTEPAD
Kelemahan dan Keuntungan FrontPage
 Kode HTML (kode yang di proses oleh browser
internet) yang di hasilkan tidak efisien,
menggunaannya sulit. Komputer dan perangkat
lunak harus di download untuk mencari
aplikasinya
 1.Lebih Cepat
2. Menghemat biaya pekerjaan karyawan
3.Dalam hal membuat halaman web lebih
mudah menggunakan FrontPage.
Contoh Halaman Web
 Membuat dokumen Notepad yang akan disimpan
dalam bentuk Hypertext Markup Language
(HTML) sehingga dapat digunakan sebagai
halaman Web.
 Contoh ini membuat suatu halaman Web dasar
yang menampilkan infromasi kepada pelanggan
pontensial.
Tag-tag dalam membuat web
 <html> : hypertext markup language adalah
salah satu syarat untuk membuat web, dan untuk
mendefinisikan root dari suatu dokumen HTML.
 <head> : digunakan untuk memberikan
informasi tentang dokumen tersebut.
 <body> : digunakan untuk menentukan
bagaimana isi suatu dokumen ditampilkan di
website. Isi dokumen tersebut dapat berupa teks,
gambar, animasi, link dan sebagainya.
 <tr> : perintah untuk membuat baris.
 <td> : pembuat kolom pada tabel.
 <i> : untuk memiringkan huruf (italic).
 <u> : menggaris bawahi huruf (underline).
 <table> : pembuat tabel pada halaman web.
 <p> : paragraf.
 <br> : perintah untuk memasukan satu baris
kosong tambahan.
 <ul> : perintah untuk membuat daftar tidak
beraturan.
 <li> : perintah untuk membuat daftar.
 <a> : tempat di dalam dokumen html lain
dimana pengguna akan diarahkan melalui sebuah
hyperlink.
 <ol> : perintah untuk membuat daftar
berurutan.
Bagian-Bagian Dari Dokumen HTML
1. Bagian kepala
Bagian kepala memberikan informasi mengenai
perangkat lunak browser (penjelajah). Informasi
pada bagian kepala mencangkup judul halaman
Web.
2. Bagian tubuh
Bagian tubuh memberi tahu apa yang akan dilihat
oleh pengguna di layar. Bagian tubuh berisikan
bagian yang sebagian besar orang yang
merupakan halaman Web. Gambar, tabel, daftar,
dan link semua terletak di bagian tubuh.
 Pada proyek ini, akan ditunjukan bagaimana cara
menggunakan editor teks Notepad untuk membuat
sebuah halaman Web.
 Proyek ini menampilkan tahap demi tahap yang
menggambarkan berbagai teknik dan konsep yang
dibutuhkan untuk membuat halaman Web di
Notepad.
Kelebihan dan Kelemahan Penggunaan
Notepad
 Kelemahan membuat halaman Web dengan editor
teks seperti Notepad adalah keharusan untuk
mempelajari perintah-perintah HTML dan proses
pembuatan kode.
 Keuntungan membuat kode HTML di Notepad
yaitu kode yang dibuat efisien dan manajer dapat
lebih memahami bagaimana halaman Web
bekerja.
Melihat Halaman Web
 Bukalah folder tempat file HTML berada.
 Lalu Klik 2 kali file HTML tersebut.
 Setelah diklik, browser Web akan otomatis muncul
dengan sendirinya. Maka akan terlihat halaman
Web yang dihasilkan dari Notepad tersebut.

More Related Content

What's hot (17)

Html5
Html5Html5
Html5
 
Modul 2-form html-css
Modul 2-form html-cssModul 2-form html-css
Modul 2-form html-css
 
SIM Proyek 3
SIM Proyek 3SIM Proyek 3
SIM Proyek 3
 
Proyek 3 proyek web html menggunakan notepad
Proyek 3 proyek web html menggunakan notepadProyek 3 proyek web html menggunakan notepad
Proyek 3 proyek web html menggunakan notepad
 
Bootstrap latihan
Bootstrap latihanBootstrap latihan
Bootstrap latihan
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
 
1. Pengantar HTML
1. Pengantar HTML1. Pengantar HTML
1. Pengantar HTML
 
Cms
CmsCms
Cms
 
Modul 4 Web Programming HTML Form & Hyperlink.pdf
Modul 4 Web Programming HTML Form & Hyperlink.pdfModul 4 Web Programming HTML Form & Hyperlink.pdf
Modul 4 Web Programming HTML Form & Hyperlink.pdf
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
 
Cara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseCara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan database
 
Framework fb1
Framework fb1Framework fb1
Framework fb1
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
Laporan akhir
Laporan akhirLaporan akhir
Laporan akhir
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
 

Similar to TUGAS SIM (20)

pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptx
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Module desain web
Module desain webModule desain web
Module desain web
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
 
Bab 3 proyek
Bab 3 proyekBab 3 proyek
Bab 3 proyek
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
Html 5
Html 5Html 5
Html 5
 
Laporan
LaporanLaporan
Laporan
 
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Proyek 3
Proyek 3Proyek 3
Proyek 3
 
Proyek 3
Proyek 3Proyek 3
Proyek 3
 

More from rizka idris (9)

TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 

Recently uploaded

Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get CytotecAbortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Riyadh +966572737505 get cytotec
 
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
BagaimanaCaraMenggug
 
Abortion pills in Dammam (+966572737505) get cytotec
Abortion pills in Dammam (+966572737505) get cytotecAbortion pills in Dammam (+966572737505) get cytotec
Abortion pills in Dammam (+966572737505) get cytotec
Abortion pills in Riyadh +966572737505 get cytotec
 
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953
 
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
Jual Obat Aborsi Serang 082223109953 Cytotec Asli Serang
 
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh CityAbortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
jaanualu31
 

Recently uploaded (20)

kasus audit PT KAI 121212121212121212121
kasus audit PT KAI 121212121212121212121kasus audit PT KAI 121212121212121212121
kasus audit PT KAI 121212121212121212121
 
Kemenkop LAPORAN KEUANGAN KOPERASI- SAK EP (25042024).pdf
Kemenkop LAPORAN KEUANGAN KOPERASI- SAK EP (25042024).pdfKemenkop LAPORAN KEUANGAN KOPERASI- SAK EP (25042024).pdf
Kemenkop LAPORAN KEUANGAN KOPERASI- SAK EP (25042024).pdf
 
Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get CytotecAbortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get Cytotec
 
PEREKONIMIAN EMPAT SEKTOR (PEREKONOMIAN TERBUKA).pptx
PEREKONIMIAN EMPAT SEKTOR (PEREKONOMIAN TERBUKA).pptxPEREKONIMIAN EMPAT SEKTOR (PEREKONOMIAN TERBUKA).pptx
PEREKONIMIAN EMPAT SEKTOR (PEREKONOMIAN TERBUKA).pptx
 
Pengertian dan jenis-jenis obligasi.pptx
Pengertian dan jenis-jenis obligasi.pptxPengertian dan jenis-jenis obligasi.pptx
Pengertian dan jenis-jenis obligasi.pptx
 
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
5 CARA MENGGUGURKAN KANDUNGAN DAN Jual Obat ABORSI + obat PENGGUGUR KANDUNGAN...
 
TEORI DUALITAS TENTANG (PRIM AL-DUAL).pptx
TEORI DUALITAS TENTANG (PRIM AL-DUAL).pptxTEORI DUALITAS TENTANG (PRIM AL-DUAL).pptx
TEORI DUALITAS TENTANG (PRIM AL-DUAL).pptx
 
Karakteristik dan Produk-produk bank syariah.ppt
Karakteristik dan Produk-produk bank syariah.pptKarakteristik dan Produk-produk bank syariah.ppt
Karakteristik dan Produk-produk bank syariah.ppt
 
MODEL TRANSPORTASI METODE LEAST COST.pptx
MODEL TRANSPORTASI METODE LEAST COST.pptxMODEL TRANSPORTASI METODE LEAST COST.pptx
MODEL TRANSPORTASI METODE LEAST COST.pptx
 
Saham dan hal-hal yang berhubungan langsung
Saham dan hal-hal yang berhubungan langsungSaham dan hal-hal yang berhubungan langsung
Saham dan hal-hal yang berhubungan langsung
 
Abortion pills in Dammam (+966572737505) get cytotec
Abortion pills in Dammam (+966572737505) get cytotecAbortion pills in Dammam (+966572737505) get cytotec
Abortion pills in Dammam (+966572737505) get cytotec
 
Presentasi Pengertian instrumen pasar modal.ppt
Presentasi Pengertian instrumen pasar modal.pptPresentasi Pengertian instrumen pasar modal.ppt
Presentasi Pengertian instrumen pasar modal.ppt
 
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
Jual Obat Aborsi Banjarbaru ( ASLI ) 082223109953 Kami Jual Obat Penggugur Ka...
 
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
Jual Obat Aborsi Serang wa 082223109953 Klinik Jual Obat Penggugur Kandungan ...
 
Presentasi Akad Wadiah#';/'..';'[]//'../
Presentasi Akad Wadiah#';/'..';'[]//'../Presentasi Akad Wadiah#';/'..';'[]//'../
Presentasi Akad Wadiah#';/'..';'[]//'../
 
K5-Kebijakan Tarif & Non Tarif kelompok 5
K5-Kebijakan Tarif & Non Tarif kelompok 5K5-Kebijakan Tarif & Non Tarif kelompok 5
K5-Kebijakan Tarif & Non Tarif kelompok 5
 
MODEL TRANSPORTASI METODE VOGEL APPROXIMATIONAM.pptx
MODEL TRANSPORTASI METODE VOGEL APPROXIMATIONAM.pptxMODEL TRANSPORTASI METODE VOGEL APPROXIMATIONAM.pptx
MODEL TRANSPORTASI METODE VOGEL APPROXIMATIONAM.pptx
 
METODE TRANSPORTASI NORTH WEST CORNERWC.pptx
METODE TRANSPORTASI NORTH WEST CORNERWC.pptxMETODE TRANSPORTASI NORTH WEST CORNERWC.pptx
METODE TRANSPORTASI NORTH WEST CORNERWC.pptx
 
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh CityAbortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
Abortion Pills For Sale in Jeddah (+966543202731))Get Cytotec in Riyadh City
 
1. PERMENDES 15 TH 2021 SOSIALISASI.pptx
1. PERMENDES 15 TH 2021 SOSIALISASI.pptx1. PERMENDES 15 TH 2021 SOSIALISASI.pptx
1. PERMENDES 15 TH 2021 SOSIALISASI.pptx
 

TUGAS SIM

  • 1. B Y ; R I Z K A F A K U L T A S E K O N O M I U N I V E R S I T A S M U H A M M A D I Y A H S O R O N G PROYEK WEB/HTML MENGGUNANAKAN MICROSOFT FRONTPAGE DAN NOTEPAD
  • 2. Kelemahan dan Keuntungan FrontPage  Kode HTML (kode yang di proses oleh browser internet) yang di hasilkan tidak efisien, menggunaannya sulit. Komputer dan perangkat lunak harus di download untuk mencari aplikasinya  1.Lebih Cepat 2. Menghemat biaya pekerjaan karyawan 3.Dalam hal membuat halaman web lebih mudah menggunakan FrontPage.
  • 3. Contoh Halaman Web  Membuat dokumen Notepad yang akan disimpan dalam bentuk Hypertext Markup Language (HTML) sehingga dapat digunakan sebagai halaman Web.  Contoh ini membuat suatu halaman Web dasar yang menampilkan infromasi kepada pelanggan pontensial.
  • 4. Tag-tag dalam membuat web  <html> : hypertext markup language adalah salah satu syarat untuk membuat web, dan untuk mendefinisikan root dari suatu dokumen HTML.  <head> : digunakan untuk memberikan informasi tentang dokumen tersebut.  <body> : digunakan untuk menentukan bagaimana isi suatu dokumen ditampilkan di website. Isi dokumen tersebut dapat berupa teks, gambar, animasi, link dan sebagainya.
  • 5.  <tr> : perintah untuk membuat baris.  <td> : pembuat kolom pada tabel.  <i> : untuk memiringkan huruf (italic).  <u> : menggaris bawahi huruf (underline).  <table> : pembuat tabel pada halaman web.  <p> : paragraf.  <br> : perintah untuk memasukan satu baris kosong tambahan.  <ul> : perintah untuk membuat daftar tidak beraturan.
  • 6.  <li> : perintah untuk membuat daftar.  <a> : tempat di dalam dokumen html lain dimana pengguna akan diarahkan melalui sebuah hyperlink.  <ol> : perintah untuk membuat daftar berurutan.
  • 7. Bagian-Bagian Dari Dokumen HTML 1. Bagian kepala Bagian kepala memberikan informasi mengenai perangkat lunak browser (penjelajah). Informasi pada bagian kepala mencangkup judul halaman Web. 2. Bagian tubuh Bagian tubuh memberi tahu apa yang akan dilihat oleh pengguna di layar. Bagian tubuh berisikan bagian yang sebagian besar orang yang merupakan halaman Web. Gambar, tabel, daftar, dan link semua terletak di bagian tubuh.
  • 8.  Pada proyek ini, akan ditunjukan bagaimana cara menggunakan editor teks Notepad untuk membuat sebuah halaman Web.  Proyek ini menampilkan tahap demi tahap yang menggambarkan berbagai teknik dan konsep yang dibutuhkan untuk membuat halaman Web di Notepad.
  • 9. Kelebihan dan Kelemahan Penggunaan Notepad  Kelemahan membuat halaman Web dengan editor teks seperti Notepad adalah keharusan untuk mempelajari perintah-perintah HTML dan proses pembuatan kode.  Keuntungan membuat kode HTML di Notepad yaitu kode yang dibuat efisien dan manajer dapat lebih memahami bagaimana halaman Web bekerja.
  • 10. Melihat Halaman Web  Bukalah folder tempat file HTML berada.  Lalu Klik 2 kali file HTML tersebut.  Setelah diklik, browser Web akan otomatis muncul dengan sendirinya. Maka akan terlihat halaman Web yang dihasilkan dari Notepad tersebut.