Wednesday, December 4, 2013


Membuat Web berbasis Notepad



Selamat apa aja buat Nakama disana, kali ini bertemu lagi dengan Mr. Brook yang akan mengeshare tentang tutorial cara membuat WEB berbasis Notepad,

Langsung saja ke TKP :


Sebelumnya apa kalian pernah membuat Web ?
Pasti pernah lah ya kan, (y)
Postingan kali ini akan mengeshare tentang membuat Web dengan Notepad++.
Sebelumnya software yang dibutuh kan adalah Notepad++, apa bila belum ada software ini, langsung saja download dibawah ini:
Notepad++ Download


Jika sudah ada, atau sudah nge-Download, maka ikuti langkah-langkah berikut ini:




1. Buka Notepad++ anda !!

Apabila anda baru nge-Download Notepad++ akan terbuka otomatis, apabila tidak buka lah Notepad++ dimana anda menyimpan Notepad++ anda tadi !!
Beginilah gambar awal anda membuka Notepad++



2. Isi kata-kata dibawah ini, ( pilih salah satu )

a)

<html>


<head><title> UJIAN, TUGAS - 1 </title>
</head>
<font color="BLUE"><font size="5"> TUGAS PRAKTEK 1 </font size></font>
<body>
<p align="right">
<li> Item Pertama </li>
<li> Item Kedua </li>
<li> Item Ketiga </li>
<ol>
<li> Item Pertama </li>
<li> Item Kedua </li>
<li> Item Ketiga </li>
</ol>
</body>
</html>


b)
<html>
<head><title> UJIAN, TUGAS - 2 </title>
</head>
<font color="BLUE"><font size="5"> TUGAS PRAKTEK 2</font size></font>
<body>
<ol>
<li> Item Pertama </li>
<li> Item Kedua </li>
<ol>
<li>Sub Item Pertama</li>
<li>Sub Item Kedua</li>
<ol>
<li>Sub Sub Item Pertama</li>
<li>Sub Sub Item Kedua</li>
<li>Sub Sub Item Ketiga</li>
</ol>
<li>Sub Item Ketiga</li>
</ol>
<li>Item Ketiga</li>
</ol>
</body>
</html>

c)
<html>
<head><title> UJIAN, TUGAS 3 </title>
</head>
<font color="BLUE"><font size="5"> TUGAS PRAKTEK 3</font size></font>
<body>
<p align="center"><b><i> DAFTAR ISTILAH PENTING: </i></b>
<dl>
<dt><b> INTERNET </b>
<dd>Internet singkatan dari <i>interconnection network</i>, yang secara istilah berarti adalah seperangkat jaringan yang dapat
menghubungkan orang satu ke orang lainnya, tanpa terbatas oleh ruang dan waktu. Kelebihan dari <i>internet</i> itu sendiri ialah :
<ol>
<li>Dapat menemukan Info dengan cepat</li>
<li>Dapat bertukar file, document, dll</li>
<li>Dapat chatting dengan orang yang letaknya jauh</li>
<li>Dan lain-lain</li>
</ol>
Selain mempunyai kelebihan pasti juga memiliki kekurangan, kekurangannya akan dibahas di episode selanjutnya !<br />
<br />
<dt><b> HTTP </b>
<dd> Http merupakan singkatan dari <i>Hyper Text Transfer Protocol</i>, yang berarti protocol yang digunakan dalam mencari sebuah 
web browser di internet, jika tidak menggunakan protocol <i>Http</i> maka apa yang kita search tidak berguna sama sekali, atau
alias web yang kita cari <i> not found </i>. Selain itu Protocol teks ini sangat berperan besar di dalam dunia internet, mungkin
hanya ini yang saya ketahui tentang <i>Http</i>. Sekian dan Terimakasih<br />
<br />
<dt><b> KARENA CUMA ISENG AJA </b>
</dl>
</body>
</html>

Oke, Setelah anda men-copy salah satu dari yang di atas anda akan melihat hasil sesuai gambar dibawah ini :
a)
b)
c)

Setelah sama sesuai dengan gambar diatas maka masuk langkah selanjutnya .!!

3. Setelah itu Save.

Setelah langkah ke-2, maka masuk tahapan selanjutnya, yaitu mengeshave ..
dengan menekan tombol di keyboard CTRL + S, atau dengan mengklik icon save !!!

Save >> Pilih tempat Document >> Ganti File Type-nya.
Lihat gambar :
1. 
 Diganti dari "Normal text file (*.txt)" menjadi "Hyper Text Markup Language file (*.html,*htm)"

4. Setelah itu Klick File Namenya tadi ...

Jika sudah langkah ke-3, maka masuk langkah ke-4. Maka cari Document tadi di tempat yang anda Save, kemudia Klik saja ...


Kemudian setelah anda klik akan muncul di web browser seperti gambar dibawah ini :
a)

b)

c)



Oke, Cukup sekian dan terimakasih ..
Sayoonara NAKAMA !! :D

Bagikan Artikel ini :

No comments:

Post a Comment

Komentarnya hati-hati, banyak yang baca ~