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

Bab iii proyek web html notepad

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Bab iii proyek web html notepad

BAB III

PROYEK WEB/HTMLMENGGUNAKAN NOTEPAD

NAMA KELOMPOK : DINAR ARDIAN FIRMANSYAH

(021111102)VERA AULIA(021111085)

DOSEN :DR. WONNY AR, MM., SE.

FAKULTAS EKONOMI UNIVERSITAS PAKUAN

Page 2: Bab iii proyek web html notepad

TUJUAN PEMBELAJARAN

Page 3: Bab iii proyek web html notepad

• Memahami kelebihan dan kelemahan penyusunan

halaman web menggunakan editor teks notepad

Page 4: Bab iii proyek web html notepad

• Mampu membuat sebuah halaman web dasar

Page 5: Bab iii proyek web html notepad

• Mengetahui bagaimana mengontrol format kata-kata

dan gambar pada halaman web

Page 6: Bab iii proyek web html notepad

• Mengetahui bagaimana cara membuat tabel dan gambar pada sebuah halaman web

Page 7: Bab iii proyek web html notepad

• Mengetahui bagaimana cara membuat link ke halaman web,

e-mail, bagian-bagian lain halaman web

Page 8: Bab iii proyek web html notepad

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

Page 9: Bab iii proyek web html notepad

PENDAHULUAN

Proyek ini akan menampilkan contoh tahap demi tahap, yang menggambarkan berbagai teknik dan konsep yang dibutuhkan untuk membuat halaman web di notepad.

Page 10: Bab iii proyek web html notepad

Contoh………………………

Page 11: Bab iii proyek web html notepad

Pada contoh ini kita akan membuat dokumen notepad yang akan disimpan dalam bentuk hypertext markup language (HTML) sehingga dapat digunakan sebagai halaman web.

Page 12: Bab iii proyek web html notepad
Page 13: Bab iii proyek web html notepad
Page 14: Bab iii proyek web html notepad
Page 15: Bab iii proyek web html notepad
Page 16: Bab iii proyek web html notepad
Page 17: Bab iii proyek web html notepad

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.

Page 18: Bab iii proyek web html notepad

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

• <a>, </a> = Membuat hyperlink/link dalam halaman web.

• <img> = memasukkan gambar pada halaman web.

Page 19: Bab iii proyek web html notepad

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

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

• <small> , </small> = membuat tulisan menjadi kecil.

Page 20: Bab iii proyek web html notepad

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.

Page 21: Bab iii proyek web html notepad

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.

Page 22: Bab iii proyek web html notepad

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

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

• <title> menentukan judul halaman web.

Page 23: Bab iii proyek web html notepad

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.

Page 24: Bab iii proyek web html notepad

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.

Page 25: Bab iii proyek web html 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.

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

Page 26: Bab iii proyek web html notepad
Page 27: Bab iii proyek web html notepad
Page 28: Bab iii proyek web html notepad
Page 29: Bab iii proyek web html notepad
Page 30: Bab iii proyek web html notepad
Page 31: Bab iii proyek web html notepad

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.

Page 32: Bab iii proyek web html notepad

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.

Page 33: Bab iii proyek web html notepad

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.

Page 34: Bab iii proyek web html notepad

DAFTAR PUSTAKA :

• Management information systems,

Raymond McLeod, Jr.

George P. Schell

Page 35: Bab iii proyek web html notepad

Terima Kasih