117099848 Proyek HTML Menggunakan Aplikasi Notepad
-
Upload
haelazzan-rhoney-zee-labhan -
Category
Documents
-
view
42 -
download
0
Transcript of 117099848 Proyek HTML Menggunakan Aplikasi Notepad
![Page 1: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/1.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/2.jpg)
TUJUAN BELAJAR
![Page 3: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/3.jpg)
• Memahami kelebihan dan kelemahan penyusunan halaman web menggunakan editor teks
notepad
![Page 4: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/4.jpg)
• Mampu membuat sebuah halaman web dasar
![Page 5: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/5.jpg)
• Mengetahui bagaimana mengontrol format kata-kata dan
gambar pada halaman web
![Page 6: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/6.jpg)
• Mengetahui bagaimana cara membuat gambar pada halaman
web
![Page 7: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/7.jpg)
• Mengetahui bagaimana cara membuat link ke halaman web,
e-mail, bagian-bagian lain halaman web
![Page 8: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/8.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/9.jpg)
• 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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/10.jpg)
Contoh………………………
![Page 11: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/11.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/12.jpg)
![Page 13: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/13.jpg)
![Page 14: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/14.jpg)
![Page 15: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/15.jpg)
![Page 16: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/16.jpg)
![Page 17: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/17.jpg)
![Page 18: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/18.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/19.jpg)
• <a> … </a> = Membuat hyperlink/link dalam halaman web
• <img> = memasukan gambar pada halaman web
![Page 20: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/20.jpg)
• <Large> … </Large> = membuat tulisan menjadi besar
• <small> … </small> = membuat tulisan menjadi kecil
![Page 21: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/21.jpg)
• <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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/22.jpg)
• <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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/23.jpg)
• <p> tabel untuk menggunakan tabel didalam halaman web
• <title> menentukan judul halaman web
![Page 24: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/24.jpg)
• <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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/25.jpg)
• <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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/26.jpg)
• <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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/27.jpg)
![Page 28: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/28.jpg)
![Page 29: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/29.jpg)
![Page 30: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/30.jpg)
![Page 31: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/31.jpg)
![Page 32: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/32.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/33.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/34.jpg)
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](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/35.jpg)
DAFTAR PUSTAKA :
• Management information systems,
Raymond McLeod, Jr.
George P. Schell
![Page 36: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/36.jpg)
Any Question ?
![Page 37: 117099848 Proyek HTML Menggunakan Aplikasi Notepad](https://reader034.fdocument.pub/reader034/viewer/2022051315/55cf9b8a550346d033a67784/html5/thumbnails/37.jpg)