37
BAB III PROYEK WEB/HTML MENGGUNAKAN NOTEPAD NAMA : DINAR ARDIAN FIRMANSYAH (021111102) VERA AULIA (021111085) DOSEN : DR. WONNY AR, MM., SE. FAKULTAS EKONOMI UNIVERSITAS PAKUAN BOGOR

117099848 Proyek HTML Menggunakan Aplikasi Notepad

Embed Size (px)

Citation preview

Page 1: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

BAB III

PROYEK WEB/HTML MENGGUNAKAN NOTEPAD

NAMA : DINAR ARDIAN FIRMANSYAH

(021111102) VERA AULIA (021111085)

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

FAKULTAS EKONOMI UNIVERSITAS PAKUAN BOGOR

Page 2: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

TUJUAN BELAJAR

Page 3: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Memahami kelebihan dan kelemahan penyusunan halaman web menggunakan editor teks

notepad

Page 4: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Mampu membuat sebuah halaman web dasar

Page 5: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Mengetahui bagaimana mengontrol format kata-kata dan

gambar pada halaman web

Page 6: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Mengetahui bagaimana cara membuat gambar pada halaman

web

Page 7: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Mengetahui bagaimana cara membuat link ke halaman web,

e-mail, bagian-bagian lain halaman web

Page 8: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

PENDAHULUAN

• Pada proyek ini akan ditunjukan bagaimana cara menggunakan editor teks notepad untuk membuat sebuah halaman web yang sama pada proyek-proyek dengan frontpage.

Page 9: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• Proyek ini akan menampilkan contoh tahap demi tahap yang

menggambarkan berbagai teknik dan konsep yang dibutuhkan untuk membuat halaman web di notepad.

Page 10: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

Contoh………………………

Page 11: 117099848 Proyek HTML Menggunakan Aplikasi 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: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 13: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 14: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 15: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 16: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 17: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 18: 117099848 Proyek HTML Menggunakan Aplikasi 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 judul dari web/html

Page 19: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

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

• <img> = memasukan gambar pada halaman web

Page 20: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <Large> … </Large> = membuat tulisan menjadi besar

• <small> … </small> = membuat tulisan menjadi kecil

Page 21: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <href> singkatan dari hypertext reverence digunakan untuk menentukan alamat URL (uniform resource lochator) bisa berupa alamat web atau alamat sebuah file tertentu.

Page 22: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

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

• <td> membuat empat sel data yang masing-masing mewakili judul kolom

Page 23: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <p> tabel untuk menggunakan tabel didalam halaman web

• <title> menentukan judul halaman web

Page 24: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <name a =“top_of_page>/ penentu tempat yaitu tempat dimana kursor akan ditempatkan

• <b> … </b> = membuat tulisan bercetak tebal / bold

Page 25: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <body> = berfungsi sebagai isi untuk menuliskan script – script yang mana nantinya sebagai halaman web

• <font> … </font> = membuat text/ tulisan pada halaman web

Page 26: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

• <tr> adalah fungsi untuk membuat baris baru

• <ol> adalah Fungsi untuk menandai angka secara berurutan

• <ul> adalah fungsi untuk menggaris bawahi teks dalam kalimat

Page 27: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 28: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 29: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 30: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 31: 117099848 Proyek HTML Menggunakan Aplikasi Notepad
Page 32: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

KELEBIHAN DAN KELEMAHAN PENGGUNAAN NOTEPAD

Halaman Web, bukanlah yang digunakan oleh browser Web untuk membuat halaman tersebut. HTML cukup mudah dipelajari, tetapi pembuatan kodenya bisa jadi amat menyulitkan dan kesalahan pengetikan dapat menghasilkan efek yang salah.

Page 33: 117099848 Proyek HTML Menggunakan Aplikasi 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: 117099848 Proyek HTML Menggunakan Aplikasi 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 35: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

DAFTAR PUSTAKA :

• Management information systems,

Raymond McLeod, Jr.

George P. Schell

Page 36: 117099848 Proyek HTML Menggunakan Aplikasi Notepad

Any Question ?

Page 37: 117099848 Proyek HTML Menggunakan Aplikasi Notepad