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 3 proyek

Embed Size (px)

DESCRIPTION

Sistem Informasi Manajemen, edisi 10 karangan Raymond Mcleod, Jr. dan George P. Schell

Citation preview

Page 1: Bab 3 proyek

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 3 proyek

TUJUAN PEMBELAJARAN

Page 3: Bab 3 proyek

• Memahami kelebihan dan kelemahan penyusunan

halaman web menggunakan editor teks notepad

Page 4: Bab 3 proyek

• Mampu membuat sebuah halaman web dasar

Page 5: Bab 3 proyek

• Mengetahui bagaimana mengontrol format kata-kata

dan gambar pada halaman web

Page 6: Bab 3 proyek

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

Page 7: Bab 3 proyek

• Mengetahui bagaimana cara membuat link ke halaman web,

e-mail, bagian-bagian lain halaman web

Page 8: Bab 3 proyek

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 3 proyek

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 3 proyek

Contoh………………………

Page 11: Bab 3 proyek

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 3 proyek
Page 13: Bab 3 proyek
Page 14: Bab 3 proyek
Page 15: Bab 3 proyek
Page 16: Bab 3 proyek
Page 17: Bab 3 proyek

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 3 proyek

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

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

• <img> = memasukkan gambar pada halaman web.

Page 19: Bab 3 proyek

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

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

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

Page 20: Bab 3 proyek

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 3 proyek

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 3 proyek

FUNGSI-FUNGSI TEKS ATAU TAG DALAM NOTEPAD

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

• <title> menentukan judul halaman web.

Page 23: Bab 3 proyek

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 3 proyek

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 3 proyek

• <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 3 proyek
Page 27: Bab 3 proyek
Page 28: Bab 3 proyek
Page 29: Bab 3 proyek
Page 30: Bab 3 proyek
Page 31: Bab 3 proyek

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 3 proyek

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 3 proyek

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 3 proyek

DAFTAR PUSTAKA :

• Management information systems,

Raymond McLeod, Jr.

George P. Schell

Page 35: Bab 3 proyek

Terima Kasih