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

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
  • 2.
  • 3.
    • Memahami kelebihandan kelemahan penyusunan halaman web menggunakan editor teks notepad
  • 4.
    • Mampu membuatsebuah halaman web dasar
  • 5.
    • Mengetahui bagaimana mengontrolformat kata-kata dan gambar pada halaman web
  • 6.
    • Mengetahui bagaimanacara membuat tabel dan gambar pada sebuah halaman web
  • 7.
    • Mengetahui bagaimanacara 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 Proyekini akan menampilkan contoh tahap demi tahap, yang menggambarkan berbagai teknik dan konsep yang dibutuhkan untuk membuat halaman web di notepad.
  • 10.
  • 11.
    Pada contoh inikita akan membuat dokumen notepad yang akan disimpan dalam bentuk hypertext markup language (HTML) sehingga dapat digunakan sebagai halaman web.
  • 17.
    FUNGSI-FUNGSI TEKS ATAUTAG 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 ATAUTAG DALAM NOTEPAD • <a>, </a> = Membuat hyperlink/link dalam halaman web. • <img> = memasukkan gambar pada halaman web.
  • 19.
    FUNGSI-FUNGSI TEKS ATAUTAG DALAM NOTEPAD • <Large>, </Large> = membuat tulisan menjadi besar. • <small> , </small> = membuat tulisan menjadi kecil.
  • 20.
    FUNGSI-FUNGSI TEKS ATAUTAG 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 ATAUTAG DALAM NOTEPAD • <br> teks yang digunakan untuk memasukkan satu baris kosong tambahan. • <td> Digunakan untuk mendefinisikan sel baru dalam baris.
  • 22.
    FUNGSI-FUNGSI TEKS ATAUTAG DALAM NOTEPAD • <p> Digunakan untuk membuat editor text didalam halaman web. • <title> menentukan judul halaman web.
  • 23.
    FUNGSI-FUNGSI TEKS ATAUTAG 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 ATAUTAG 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 ATAUTAG 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.
  • 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