SlideShare une entreprise Scribd logo
1  sur  35
BAB III

       PROYEK WEB/HTML
    MENGGUNAKAN NOTEPAD
        NAMA KELOMPOK :
  DINAR ARDIAN FIRMANSYAH
           (021111102)
          VERA AULIA
           (021111085)
             DOSEN :
     DR. WONNY AR, MM., SE.
FAKULTAS EKONOMI UNIVERSITAS
             PAKUAN
TUJUAN PEMBELAJARAN
• Memahami kelebihan dan
kelemahan penyusunan halaman
 web menggunakan editor teks
          notepad
• Mampu membuat sebuah halaman
           web dasar
• Mengetahui bagaimana
mengontrol format kata-kata dan
   gambar pada halaman web
• Mengetahui bagaimana cara
membuat tabel dan gambar pada
     sebuah halaman web
• Mengetahui bagaimana cara
membuat link ke halaman web, e-
mail, bagian-bagian lain halaman
              web
PENDAHULUAN

   Pada proyek ini akan ditunjukkan
bagaimana cara menggunakan editor
teks notepad, untuk membuat sebuah
halaman web yang sama pada proyek-
proyek dengan frontpage, dan
PENDAHULUAN


  Proyek ini akan menampilkan
contoh tahap demi tahap, yang
menggambarkan berbagai teknik
dan konsep yang dibutuhkan untuk
membuat halaman web di notepad.
Contoh………………………
Pada contoh ini kita akan
membuat dokumen notepad yang
akan   disimpan   dalam    bentuk
hypertext markup language (HTML)
sehingga dapat digunakan sebagai
halaman web.
FUNGSI-FUNGSI TEKS ATAU TAG
          DALAM NOTEPAD

• <html>= pertama kali anda menuliskan
  script pada dreamweaver atau
  notepad anda menuliskan <html> itu
  wajib karena sebagai pembuka dalam
  menulis script – script yang lain.
• <head>, </head> & <title>. </title>=
  pada bagian ini adalah kepala&judul
  dari halaman web/html.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD



• <a>, </a> = Membuat hyperlink/link
  dalam halaman web.
• <img> = memasukkan gambar pada
  halaman web.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD

• <Large>, </Large> = membuat tulisan
  menjadi besar.


• <small> , </small> = membuat tulisan
  menjadi kecil.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD


• <HREF> singkatan dari (hypertext
  reverence), digunakan untuk
  menentukan alamat URL (uniform
  resource locator) bisa berupa
  alamat web atau alamat sebuah
  file tertentu.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD

• <br> teks yang digunakan untuk
  memasukkan satu baris kosong
  tambahan.


• <td> Digunakan untuk mendefinisikan
  sel baru dalam baris.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD

• <p> Digunakan untuk membuat
  editor text didalam halaman web.



• <title> menentukan judul halaman
  web.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD
• <name a =“top_of_page>/ penentu
  tempat yaitu tempat dimana kursor
  akan ditempatkan.
• <b>, </b> = membuat tulisan bercetak
  tebal / bold.
• <li> Untuk menandai list ketika tag <ul>
  dan <ol> dituliskan.
FUNGSI-FUNGSI TEKS ATAU TAG
        DALAM NOTEPAD
• <body> = berfungsi sebagai isi untuk
  menuliskan script – script yang mana
  nantinya sebagai halaman web.
• <table> berfungsi membuat table di
  halaman web.
• <font>, </font> = membuat text/
  tulisan pada halaman web.
FUNGSI-FUNGSI TEKS ATAU TAG
         DALAM NOTEPAD

• <tr> adalah fungsi untuk membuat baris
  baru.
• <ol> adalah fungsi untuk membuat list
  secara terurut yang dinomori.
• <ul> adalah fungsi untuk membuat list
  secara tidak terurut yang ditandai
  dengan bullet.
KELEBIHAN DAN KELEMAHAN
     PENGGUNAAN NOTEPAD

     Halaman Web, bukanlah yang
digunakan oleh browser Web        untuk
membuat halaman tersebut. HTML
cukup mudah dipelajari, serta kode yang
dibuat lebih efisien, tetapi pembuatan
kodenya bisa jadi amat menyulitkan dan
kesalahan        pengetikan       dapat
menghasilkan efek yang salah dan
hasilnya tidak dapat bekerja.
KELEBIHAN dan KELEMAHAN
    PENGGUNAAN NOTEPAD


Kelebihan    penggunaan   notepad
dapat membuat kode HTML di
notepad yaitu kode yang dibuat
dapat efisien dan seorang manajer
lebih memahami halaman web
bekerja.
KELEBIHAN dan KELEMAHAN
     PENGGUNAAN NOTEPAD


Kelemahan membuat halaman Web
dengan editor text, seperti notepad
adalah keharusan untuk mempelajari
perintah perintah HTML dan proses
pembuatan kode. Meskipun
sederhana, pengodean notepad
memakan banyak waktu.
DAFTAR PUSTAKA :




• Management information systems,
Raymond McLeod, Jr.
George P. Schell
Bab iii proyek web html notepad

Contenu connexe

Tendances

Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
RCH_98
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programing
eghha
 
Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lx
sugiyanto gunadi
 
1. Pengantar HTML
1. Pengantar HTML1. Pengantar HTML
1. Pengantar HTML
Ratzman III
 

Tendances (19)

Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
 
Contoh Desain Web yang Baik dan Buruk
Contoh Desain Web yang Baik dan BurukContoh Desain Web yang Baik dan Buruk
Contoh Desain Web yang Baik dan Buruk
 
Contoh Interface Website yang baik
Contoh Interface Website yang baikContoh Interface Website yang baik
Contoh Interface Website yang baik
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programing
 
Java web application 1
Java web application 1Java web application 1
Java web application 1
 
Laporan web
Laporan webLaporan web
Laporan web
 
Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)
Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)
Membuat Web Sederhana Dengan CSS (Cascading Style Sheets)
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lx
 
Tugas 4 CSS
Tugas 4 CSSTugas 4 CSS
Tugas 4 CSS
 
Cara mudah membuat layout,import layout dan render layout pada inertia js
Cara mudah membuat layout,import layout dan render layout pada inertia jsCara mudah membuat layout,import layout dan render layout pada inertia js
Cara mudah membuat layout,import layout dan render layout pada inertia js
 
Content management system
Content management systemContent management system
Content management system
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
1. Pengantar HTML
1. Pengantar HTML1. Pengantar HTML
1. Pengantar HTML
 
Module desain web
Module desain webModule desain web
Module desain web
 
Buku ajar desain web
Buku ajar desain webBuku ajar desain web
Buku ajar desain web
 
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
 

En vedette (9)

Η φιλοσοφία του χρονου ...
Η φιλοσοφία του χρονου ...Η φιλοσοφία του χρονου ...
Η φιλοσοφία του χρονου ...
 
Οφθαλματες
ΟφθαλματεςΟφθαλματες
Οφθαλματες
 
ΚΑΠΟΙΟΣ ΣΕ ΣΚΕΦΤΕΤΑΙ...
ΚΑΠΟΙΟΣ ΣΕ ΣΚΕΦΤΕΤΑΙ...ΚΑΠΟΙΟΣ ΣΕ ΣΚΕΦΤΕΤΑΙ...
ΚΑΠΟΙΟΣ ΣΕ ΣΚΕΦΤΕΤΑΙ...
 
14291135 -
14291135 -14291135 -
14291135 -
 
H EΛΛΑΣ ΕΙΝΑΙ ΤΟ ΩΡΑΙΟΝ
H EΛΛΑΣ ΕΙΝΑΙ ΤΟ ΩΡΑΙΟΝH EΛΛΑΣ ΕΙΝΑΙ ΤΟ ΩΡΑΙΟΝ
H EΛΛΑΣ ΕΙΝΑΙ ΤΟ ΩΡΑΙΟΝ
 
Patrick Notley
Patrick NotleyPatrick Notley
Patrick Notley
 
Macrophotographie geo !!!!!!!!!!!!!!!!
Macrophotographie geo !!!!!!!!!!!!!!!!Macrophotographie geo !!!!!!!!!!!!!!!!
Macrophotographie geo !!!!!!!!!!!!!!!!
 
ΔΙΑΣΧΙΖΟΝΤΑΣ ΤΗΝ ΕΡΗΜΟ
ΔΙΑΣΧΙΖΟΝΤΑΣ ΤΗΝ ΕΡΗΜΟΔΙΑΣΧΙΖΟΝΤΑΣ ΤΗΝ ΕΡΗΜΟ
ΔΙΑΣΧΙΖΟΝΤΑΣ ΤΗΝ ΕΡΗΜΟ
 
ΘΗΡΑ Το πιο συγκλονιστικό νησί του κόσμου.
ΘΗΡΑ Το πιο συγκλονιστικό νησί του κόσμου.ΘΗΡΑ Το πιο συγκλονιστικό νησί του κόσμου.
ΘΗΡΑ Το πιο συγκλονιστικό νησί του κόσμου.
 

Similaire à Bab iii proyek web html notepad

Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
eghha
 
Modul web programing
Modul web programingModul web programing
Modul web programing
Fitra Sani
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
FrisianlllllllFlag
 

Similaire à Bab iii proyek web html notepad (20)

Basic Pemrograman.pptx
Basic Pemrograman.pptxBasic Pemrograman.pptx
Basic Pemrograman.pptx
 
Mpw
MpwMpw
Mpw
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
9. b.. . .
9. b.. . .9. b.. . .
9. b.. . .
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Cara Membuat Web Dasar
Cara Membuat Web DasarCara Membuat Web Dasar
Cara Membuat Web Dasar
 
Bahan ajar web1
Bahan ajar web1Bahan ajar web1
Bahan ajar web1
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Chapter 1 introduction html (shared)
Chapter 1   introduction html (shared)Chapter 1   introduction html (shared)
Chapter 1 introduction html (shared)
 
Php coder
Php coderPhp coder
Php coder
 
SIM Proyek 3
SIM Proyek 3SIM Proyek 3
SIM Proyek 3
 
Modul dasar html
Modul dasar htmlModul dasar html
Modul dasar html
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptx
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
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
 

Plus de Novilia Suti ismawardani (20)

Bab11 proyek
Bab11 proyekBab11 proyek
Bab11 proyek
 
Bab 2 proyek
Bab 2 proyekBab 2 proyek
Bab 2 proyek
 
Bab 7 proyek
Bab 7 proyekBab 7 proyek
Bab 7 proyek
 
Bab3teori 130118021456-phpapp02
Bab3teori 130118021456-phpapp02Bab3teori 130118021456-phpapp02
Bab3teori 130118021456-phpapp02
 
Bab1teori 130118021048-phpapp01
Bab1teori 130118021048-phpapp01Bab1teori 130118021048-phpapp01
Bab1teori 130118021048-phpapp01
 
Bab10teori 130118023537-phpapp02
Bab10teori 130118023537-phpapp02Bab10teori 130118023537-phpapp02
Bab10teori 130118023537-phpapp02
 
Bab5 proyek
Bab5 proyekBab5 proyek
Bab5 proyek
 
Sim bab 6 teori
Sim bab 6 teoriSim bab 6 teori
Sim bab 6 teori
 
Sim bab 4 teori
Sim bab 4 teoriSim bab 4 teori
Sim bab 4 teori
 
Sim bab 2 praktek
Sim bab 2 praktekSim bab 2 praktek
Sim bab 2 praktek
 
Bab 12 proyek
Bab 12 proyekBab 12 proyek
Bab 12 proyek
 
Bab 11 teori
Bab 11 teoriBab 11 teori
Bab 11 teori
 
Bab 10 proyek
Bab 10 proyekBab 10 proyek
Bab 10 proyek
 
Bab 9 teori
Bab 9 teoriBab 9 teori
Bab 9 teori
 
Bab 9 proyek
Bab 9 proyekBab 9 proyek
Bab 9 proyek
 
Bab 8 teori
Bab 8 teoriBab 8 teori
Bab 8 teori
 
Bab 8 proyek
Bab 8 proyekBab 8 proyek
Bab 8 proyek
 
Bab 6 proyek
Bab 6 proyekBab 6 proyek
Bab 6 proyek
 
Sim bab 4 praktek
Sim bab 4 praktekSim bab 4 praktek
Sim bab 4 praktek
 
Bab 9 teori
Bab 9 teoriBab 9 teori
Bab 9 teori
 

Bab iii proyek web html notepad

  • 1. BAB III PROYEK WEB/HTML MENGGUNAKAN NOTEPAD NAMA KELOMPOK : DINAR ARDIAN FIRMANSYAH (021111102) VERA AULIA (021111085) DOSEN : DR. WONNY AR, MM., SE. FAKULTAS EKONOMI UNIVERSITAS PAKUAN
  • 3. • Memahami kelebihan dan kelemahan penyusunan halaman web menggunakan editor teks notepad
  • 4. • Mampu membuat sebuah halaman web dasar
  • 5. • Mengetahui bagaimana mengontrol format kata-kata dan gambar pada halaman web
  • 6. • Mengetahui bagaimana cara membuat tabel dan gambar pada sebuah halaman web
  • 7. • Mengetahui bagaimana cara membuat link ke halaman web, e- mail, bagian-bagian lain halaman web
  • 8. PENDAHULUAN Pada proyek ini akan ditunjukkan bagaimana cara menggunakan editor teks notepad, untuk membuat sebuah halaman web yang sama pada proyek- proyek dengan frontpage, dan
  • 9. PENDAHULUAN Proyek ini akan menampilkan contoh tahap demi tahap, yang menggambarkan berbagai teknik dan konsep yang dibutuhkan untuk membuat halaman web di notepad.
  • 11. Pada contoh ini kita akan membuat dokumen notepad yang akan disimpan dalam bentuk hypertext markup language (HTML) sehingga dapat digunakan sebagai halaman web.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <html>= pertama kali anda menuliskan script pada dreamweaver atau notepad anda menuliskan <html> itu wajib karena sebagai pembuka dalam menulis script – script yang lain. • <head>, </head> & <title>. </title>= pada bagian ini adalah kepala&judul dari halaman web/html.
  • 18. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <a>, </a> = Membuat hyperlink/link dalam halaman web. • <img> = memasukkan gambar pada halaman web.
  • 19. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <Large>, </Large> = membuat tulisan menjadi besar. • <small> , </small> = membuat tulisan menjadi kecil.
  • 20. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <HREF> singkatan dari (hypertext reverence), digunakan untuk menentukan alamat URL (uniform resource locator) bisa berupa alamat web atau alamat sebuah file tertentu.
  • 21. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <br> teks yang digunakan untuk memasukkan satu baris kosong tambahan. • <td> Digunakan untuk mendefinisikan sel baru dalam baris.
  • 22. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <p> Digunakan untuk membuat editor text didalam halaman web. • <title> menentukan judul halaman web.
  • 23. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <name a =“top_of_page>/ penentu tempat yaitu tempat dimana kursor akan ditempatkan. • <b>, </b> = membuat tulisan bercetak tebal / bold. • <li> Untuk menandai list ketika tag <ul> dan <ol> dituliskan.
  • 24. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <body> = berfungsi sebagai isi untuk menuliskan script – script yang mana nantinya sebagai halaman web. • <table> berfungsi membuat table di halaman web. • <font>, </font> = membuat text/ tulisan pada halaman web.
  • 25. FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD • <tr> adalah fungsi untuk membuat baris baru. • <ol> adalah fungsi untuk membuat list secara terurut yang dinomori. • <ul> adalah fungsi untuk membuat list secara tidak terurut yang ditandai dengan bullet.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. KELEBIHAN DAN KELEMAHAN PENGGUNAAN NOTEPAD Halaman Web, bukanlah yang digunakan oleh browser Web untuk membuat halaman tersebut. HTML cukup mudah dipelajari, serta kode yang dibuat lebih efisien, tetapi pembuatan kodenya bisa jadi amat menyulitkan dan kesalahan pengetikan dapat menghasilkan efek yang salah dan hasilnya tidak dapat bekerja.
  • 32. KELEBIHAN dan KELEMAHAN PENGGUNAAN NOTEPAD Kelebihan penggunaan notepad dapat membuat kode HTML di notepad yaitu kode yang dibuat dapat efisien dan seorang manajer lebih memahami halaman web bekerja.
  • 33. KELEBIHAN dan KELEMAHAN PENGGUNAAN NOTEPAD Kelemahan membuat halaman Web dengan editor text, seperti notepad adalah keharusan untuk mempelajari perintah perintah HTML dan proses pembuatan kode. Meskipun sederhana, pengodean notepad memakan banyak waktu.
  • 34. DAFTAR PUSTAKA : • Management information systems, Raymond McLeod, Jr. George P. Schell