Dokumen tersebut membahas tentang proyek pembuatan halaman web menggunakan notepad, mencakup tujuan pembelajaran seperti memahami kelebihan dan kelemahan notepad, membuat halaman web dasar, mengontrol format teks dan gambar, serta membuat link dan tabel. Juga dijelaskan fungsi-fungsi tag HTML dan kelebihan serta kelemahan penggunaan 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
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