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


50 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. copy gambarnya ke satu folder isinya barengin sama file htmlnya..

      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
  4. makasi atas info nya ya bg....

    ReplyDelete
  5. gan gimana cara gabunginya biar ga pecah satu satu gitu,
    mohon info, soalnya ada tugas tengkyu

    ReplyDelete
  6. bro ijin copas ea,dan kunjugin blog ane ni alamat nya www.asepsmartblog
    blogspot.com thanks

    ReplyDelete
  7. kere banget gan..mantap..

    http://syaikal.blogspot.com

    ReplyDelete
  8. gan cara menggabungkan html yang lain gmn caranya

    ReplyDelete
    Replies
    1. Maksudnya mengabungkan html yang lain gimana?

      Jika menghubungkan web lainnya dengan coding
      show

      Delete
  9. Makasih Brother , cuma html binggung???

    ReplyDelete
  10. makasih kak :-) (y) ,, tapi kenapa yaa foto nya nggak mau tampil?? :/

    ReplyDelete
  11. Gank izin kopas ya.....???? baru mo coba gank....??

    ReplyDelete
  12. gan kalo udah semu di save...mau liat tampilan nya gmn,,,,saya baru nyoba banget neeh,,,makasih gan,,,

    ReplyDelete
  13. Mampir juga gan di mari http://sinaucodingan.blogspot.co.id/

    ReplyDelete
  14. bagus bang, lanjutkan, tetap bekarya

    ReplyDelete
  15. gimana caranya buat tulisannya berkedip atau bergerak kak ?

    ReplyDelete
  16. Bagus nih referensi ny mau saya coba,salam kenal dari saya, saya juga pernah kuliah di Universitas Gunadarma

    ReplyDelete
  17. thank you mz bro sangat menginpirasi!!!

    mau tanya mz bro cara bikin search pencarian gimana yah?

    ReplyDelete
  18. kebantu banget kalo boleh minta email nya kali aja mau nanya-nanya email saya ulfaiza27@gmail.com

    ReplyDelete
  19. Ini termasuk web statis atau dinamis ya ?

    ReplyDelete
  20. mintak contoh yg lebih menarik lagi kakak

    ReplyDelete
  21. Artikel ini bisa jadi referensi untuk tugas kuliah. Tutorialnya sederhana dan mudah dipahami.

    Jgn lupa kunjungi website kampus saya : http://www.atmaluhur.ac.id

    dan kunjungi website saya : https://risma.mahasiswa.atmaluhur.ac.id

    ReplyDelete
  22. Mksih...Sangat membantu Bagi pemula Tapi saran saya kalian jangan cuma Copas tapi dikeetik Sendiri

    ReplyDelete
  23. This comment has been removed by the author.

    ReplyDelete

  24. Makasih ilmu nya kak, sangat bermanfaat untk saya yg sedang belajar HTML, saya Rizky Pratama Dari STMIK Atma Luhur dgn NIM 1922500005 kelompok SI2K (https://www.atmaluhur.ac.id)

    ReplyDelete