Saturday, November 24, 2012

membuat web HTML sederhana menggunakan notepad

ini hasil iseng mencari data yang pernah di buat ya toterial web sederhana in saya temukam ,file ini adalah file yang saya buat waktu tingkat satu semester 2 gunadarama dan tugas ini adalah tugas yang di berikan asisten lab internet dasar tigasnya dalam membuat tampilan web sederhana menggunakan file .sebenarnya saya membuat documen ini adalah sebagai contekan tapi bukan deh saya hanya ingin berbagi terhadapa teman saya kalian bisa mendownload documen itu di scribde saya atau berikut akan saya tulis kan di posting kali ini selamat mencoba :)

yang diperlukan :
·         Notepad
·         Stok lagu<biar ga bt liat koding>
·         Kopi<suka ngantuk kalo liat html>
·         Buat file bauat menyimpan semua data save web ini beri nama belajar Html atau apa dah
Langkah pertama buat file html di notpad ada empat beri nama satu,kedua,ketiga,keempat
Nah sekarang kita buat file satu dulu tapi sebelum lu copy koding ini ada berapa hal yang harus lu ubah ikutin petunjuk gue
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna Ungu liat web gue ada photo gue kan di isi home kalo lue mau pake photo lu tinggallu ubah randika. Jpg jadi nama photo lu misal udin.jpg

Sekarang lu copy dulu htmlnya jangan ngetik cape hehe
<html>
<head>
<title>randika zoits</title>
</head>
<body background=saya.jpg>
                <font size=1 face=tahoma color=green>HELLO WORLD!!</font>
                <hr size=1 width=150 align=left>
                <font size=7 face=verdana color=#ffffcc<b>RANDIKA ZO.IT'S</b></font>
                <hr size=5 align=center noshade>

<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <center><img src="randika.jpg">
</body>
</html>
save file namenya beri nama satu.html
kalo dah ke save
file new
selanjutnya lu buat file kedua
ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto lu
Warna biru lagi:itu kan hobi hobi gue lu bisa ganti sama hobi lu
Lu copy html dibaawah
<html>
<head>
<title>randika zoits</title>
</head>
<body background=kedua.jpg>
                <font face=arial size=6 color=green>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
Hobi saya adalah :<br>
                <font size=4 color=red>
                <ul type=circle>
                <li>Basket
                <li>futsal
                <li>Biliard
                <li>komputer dan pemrogaman
                <li>Graffity Art
</ul>
</body>
</html>              
Save laagi bro file namenya “kedua.html”
Kalo udah di save file new lagi
Ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto
Warna kuning lagi :itu nama sekolah-sekolah gue lu ganti ajah sesuai sekolah lu
Warna merah lagi :itu prestasi yang pernah lu dapet di selama sekolah kalo ga ada semua yang warna merah lu apus
Copy dulu ni HTMLNYA
<html>
<head>
<title>randika zoits</title>
</head>
<body background=ketiga.jpg>
<font face=arial size=6 color=maroon>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
Pendidikan saya adalah :<br>
<font size=4 color=red>
                <ul type=square>
                <li>Sekolah Dasar sd negri 06 jakarta status lulus
                <li>Sekolah Menengah Pertama 259 jakarta status lulus
                <li>SMK pkp jakarta islamic school jurusan Multimedia status lulus
                <li>Universitas Gunadarma jurusan Sistem Informasi status proses pendidikan
</ul>
<hr><p>
                <font face=verdana size=5 color=purple>
prestasi saya adalah :<br>
<font size=4 color=red>
                <ul type=square>
                <li>Juara festival film pelajar indonesia Nominasi sinematrografy
</ul>
</body>
</html>
Save bro yang di atas namanya file ketiga.html
Kalo dah ke save file new yaw
Ini file terkhir dan lu bakal kelar
Ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto
Warna merah lagi :itu lu ganti sama URL fb lu pertama lu ke profil fb copy urlnya
Warna Kuning lagi :itu lu ganti sama Url Twitter lu pertama lu ke profil twitter lo  copy URL nya
Warna hijau lagi: itu lu ganti sama url blog lu
<html>
<head>
<title>randika zoits</title>
</head>
<body background=keempat.jpg>
<font face=arial size=6 color=maroon>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
situs yang saya miliki silakan klik dan kunjungi:<br>
<font size=4 color=red>
<ul type=square>
                <li><a href=http://www.facebook.com/profile.php?id=100003533190492&ref=tn_tnmn>facebook</a>
                <li><a href=https://twitter.com/#!/randikapi>twitter</a>
                <li><a href=http://zoitsdika.blogspot.com/ >blog</a>
</ul>
</body>
</html>

Save beri nama keempat.html
Contoh web gue 


Ini menu hobi



Ini menu pendidikan


Ini menu social networking



ya itulah contoh html sederhana yang saya buat kalau kalian ingin mendownloadnya silakan DOWNLOAD


11 komentar:

  1. makasih ya,, tp, saya msih bingung nich,, knp ya... foto punya nya gak tampil...
    apanya yang salah ya??

    ReplyDelete
    Replies
    1. ukuran ngga ngaruh gan,
      nama image ny mungkin tu yg salah masukin nya. jdi kaga muncul.

      Delete
  2. Buat lagi dong website nya bangg ? :D
    yang lebihh beda dari itu

    ReplyDelete
  3. npaa ya foto gue kgk msug ke web yaa ad yg tau ga ya

    ReplyDelete