Contoh 1

Tracing Back Roots

(adeshinogekai.blogspot.com)

Dead Throne

(adeshinogekai.blogspot.com)

Black Diamonds

(adeshinogekai.blogspot.com)

Universitas Cokroaminoto Palopo

untuk lebih jelasnya tentang Universitas Cokroaminoto Palopo silakan klik gambar. (adeshinogekai.blogspot.com)

Sempiternal

(adeshinogekai.blogspot.com)

Senin, 23 Desember 2013

CARA MEMBUAT KALKULATOR SEDERHANA MENGGUNAKAN HTML/JAVASCRIPT

17.52    1 comment
pertama-tama sobat buka notepad pada komputer sobat kemudian copy html
yang ada di bawah kemudian paste ke notepad sobat, setelah itu simpan
dengan nama kalkulator.html atau terserah sobat mau kasih nama apa kemudian save dengan
format file html. tapi lebih baik lagi kalau sobat ketik secara manual agar sobat mengerti sendiri dari fungsi tag-tag yang sobat ketikan. selamat mencoba!! :D

****************************************************************************************************************

<html>
   
<title>Kalkulator by adeshinogekai</title>

<body>

<center><table border="1" cellpadding="5" cellspacing="2" width="20%">

<tr>

    <SCRIPT LANGUAGE="JavaScript">
    window.defaultStatus="Support by adeshinogekai.blogspot.com"
    function tambah()
    {
    a=eval(form.a.value)
    b=eval(form.b.value)
    c=a+b
    form.hasil.value = c
    }

    function kurang()
    {
    a=eval(form.a.value)
    b=eval(form.b.value)
    c=a-b
    form.hasil.value=c
    }

    function kali()
    {
    a=eval(form.a.value)
    b=eval(form.b.value)
    c=a*b
    form.hasil.value=c
    }

    function bagi()
    {
    a=eval(form.a.value)
    b=eval(form.b.value)
    c=a/b
    form.hasil.value = c
    }

    function pangkat()
    {
    a=eval(form.a.value)
    b=eval(form.b.value)
    c=Math.pow(a, b)
    form.hasil.value = c
    }

    function kosong()
    {
    form.a.focus()
    form.a.value=""
    form.b.value=""
    form.hasil.value=""

    }

    </SCRIPT>



    <CENTER><th colspan="3" bgcolor="black" <body onload=kosong()>
   
    <font size="4" color="white" face="Arial Black">Kalkulator</font></th>
   
</tr>

<tr bgcolor="black">

<FORM name="form">
   
<pre>

    <td><font color="white" face="Arial Black">BIL 1</td> <td><input type="text" name="a"> </td>
</tr>

<tr bgcolor="black">
   
    <td><font color="white" face="Arial Black">BIL 2</td> <td><input type="text" name="b"></td>

</tr>

<tr bgcolor="black">

    <td><font color="white" face="Arial Black">Hasil  </td> <td><input type "text" name="hasil" disabled="true">
    </pre></td>
</tr>
 
<tr bgcolor="black">

    <td colspan="2" align="center">
    <input type="button" value=" + " onClick="tambah()">
    <input type="button" value=" - " onClick="kurang()">
    <input type="button" value=" x " onClick="kali()">
    <input type="button" value=" / " onClick="bagi()">
    <input type="button" value=" ^ " onClick="pangkat()">
    <input type="button" value=" Reset " onClick="kosong()"></td>
</tr>

</table>

<b><font face="Comic Sans MS">Copy &copy adeshinogekai.blogspot.com 2013 </b></font></center>  
   
</FORM>

</body>

</html>

**************************************************************************************************************** hasilnya :

Read More

Rabu, 04 Desember 2013

KODE WARNA HTML

19.50    No comments
 

#FOF8FF
Aliceblue

#FAEBD7
Antiquewhite

#00FFFF
Aqua

#7FFFD4
Aquamarine

#F0FFFF
Azure

#F5F5DC
Beige

#FFE4C4
Bisque

#000000
Black


#FFEBCD
Blanchedalmond

#0000FF
Blue

#8A2BE2
Blueviolet

#A52A2A
Brown

#DEB887
Burlywood


#5F9EAD
Cadetblue

#7FFF00
Chartreuse

#D2691E
Chocolate

#FF7F50
Coral

#64950
Cornflowerblue


#FFF8DC
Cornsilk

#DC143C
Crimson

#00FFFF
Cyan

#00008B
Darkblue

#008B8B
Darkcyan


#B8860B
Darkgoldenrod

#A9A9A9
Darkgray

#006400
Darkgreen

#8B008B
Darkmagenta

#BDB76B
Darkkhaki


#556B2F
Darkolivegreen

#FF8C00
Darkorange
#9932CC
Darkorchid

#8B0000
Darkred

#E9967A
Darksalmon


#8FBC8B
Darkseagreen

#483D8B
Darkslateblue

#2F4F4F
Darkslategray

#00CED1
Darkturquoise

#9400D3
Darkviolet


#FF1493
Deeppink

#00BFFF
Deepskyblue

#696969
Dimgray

#1E90FF
Dodgerblue

#B22222
Firebrick


#FFFAF0
Floralwhite

#228B22
Forestgreen

#FF00FF
Fuchsia

#DCDCDC
Gainsboro

#F8F8FF
Ghostwhite


#FFD700
Gold

#DAA520
Goldenrod

#808080
Gray

#008000
Green

#ADFF2F
Greenyellow


#F0FFF0
Honeydew

#FF69B4
Hotpink

#CD5C5C
Indianred

#4B0082
Indigo

#FFFFF0
Ivory


#F0E68C
Khaki

#E6E6FA
Lavender

#FFF0F5
Lavenderblush

#7CFC00
Lawngreen

#FFFACD
Lemonchiffon


#ADE8E6
Lightblue

#F08080
Lightcoral

#E0FFFF
Lightcyan

#FAFAD2
Lightgoldenrodyellow

#90EE90
Lightgreen


#D3D3D3
Lightgray

#FFB6C1
Lightpink

#FFA072
Lightsalmon

#20B2AA
Lightseagreen

#87CEFA
Lightskyblue


#778899
Lightslategray

#B0C4DE
Lightsteelblue

#FFFFE0
Lightyellow

#00FF00
Lime

#32CD32
Limegreen


#FAF0E6
Linen

#FF00FF
Magenta

#800000
Maroon

#66CDAA
Mediumaquamarine

#0000CD
Mediumblue


#BA55D3
Mediumorchid

#9370DB
Mediumpurple

#3CB371
Mediumseagreen

#7B68EE
Mediumslateblue

#00FA9A
Mediumspringgreen


#48D1CC
Mediumturquoise

#C71585
Mediumvioletred

#191970
Midnightblue

#F5FFFA
Mintcream

#FFE4E1
Mistyrose


#FFE4E1
Moccasin

#FFDEAD
Navajowhite

#000080
Navy

#FDF5E6
Oldlace

#808000
Olive

#6B8E23
Olivedrab

#FFA500
Orange



#FF100%0
Orangered

#DA70D6
Orchid



#EEE8AA
Palegoldenrod

#98FB98
Palgreen

#AFEEEE
Paleturquoise

#DB7093
Palevioletred



#FFEFD5
Papayawhip

#FFDAB9
Peachpuff



#CD853F
Peru

#FFC0CB
Pink

#DDA0DD
Plum

#B0E0E6
Powderblue



#800080
Purple

#FF0000
Red



#BC8F8F
Rosybrown

#4169E1
Royalblue

#8B4513
Saddlebrown

#FA8072
Salmon



#F4A460
Sandybrown

#2E8B57
Seagreen



#FFF5EE
Seashell

#A0522D
Sienna

#C0C0C0
Silver

#87CEEB
Skyblue



#708090
Slategray

#FFFAFA
Snow



#00FF7F
Springgreen

#4682B4
Steelblue

#D2B48C
Tan

#008080
Teal



#D8BFD8
Thistle

#FF6347
Tomato



#40E0D0
Turquoise

#EE82EE
Violet

#F5DEB3
Wheat

#FFFFFF
White



#F5F5F5
Whitesmoke

#FFFF00
Yellow



#9ACD32
Yellowgreen

Read More

Selasa, 03 Desember 2013

MODUL PEMOGRAMAN WEB 1

05.31    No comments


Salah Satu Contoh Yang Ada Pada Modul Pemograman Web 1 ini adalah merubah ukuran image
Sebagai contoh seperti ini ehm…
photo yang saya mau rubah ukurannya adalah photo/gambar “Caleb Shomo” untuk penjelasan tentang Caleb Shomo silakan cari sendiri di google hehehe….
<html>
<head>
<title>merubah ukuran image</title>
</head>
<body>
<p> Caleb Shomo <p>
<img src=" Caleb Shomo.jpg">
<p> Caleb Shomo dengan ukuran 100x100</p>
<img src=" Caleb Shomo.jpg" width="100"height="100">
<p>Caleb Shomo 50X50</p>
<img src=" Caleb Shomo.jpg" width="50"height="50"> Adeshinogekai.blogspot.com.
</body>
</html> 
Hasilnya :


Oke gini penjelasannya (ciee..)
Ukuran asli dari photo/gambar Caleb shomo adalah “300x300” kemudian saya ubah ukuran imagenya menjadi 100x100 dan 50x50 dengan cara “LIAT TULISAN YANG BERWARNA BIRU DI ATAS”  
teman-teman juga bias merubah ukuran image tersebut sesuai dengan keinginan teman-teman apakah itu mau di ubah menjadi ukuran 500x500 atau 400x450 terserah sesuai dengan selerah teman-temanlah :v

 [note : jika format gambar adalah png/gif maka rubah format gambar yang ada pada belakang nama photo/gambar tersebut,seperti contoh diatas saya memakai photo/gambar dengan format (.jpg) . kemudian pada saat penulisan nama photo perhatikan setiap detail nama photo yang mau di masukkan karena ini penyebab biasanya photo tdk mau muncul. Sebagai contoh di atas, nama Caleb Shomo memakai huruf kapital C & S pada awal nama photo/gambar kemudian disusul dengan huruf kecil, jika seandainya saya memasukkan nama caleb shomo.jpg (tanpa memakai huruf capital C & S) pada awal nama photo maka otomatis photo tersebut tdk akan tampil (percaya deh sama eiikee..) yaelah -_- ]
atau begini aja supaya gak repot repot tulis nama photonya, saya kasi cheat and tricknya  caranya copy paste aja tuh nama photo ke dalam  notepad atau program apalah yang teman-teman pakai untuk membuat html. Gampang kan?? :v

Waddoh ada yng ketinggalan -_- gini, ini yang paling penting diantara semua penjelasan diatas hahaha… pertama buat FOLDER terlebih dahulu untuk menyimpan alamat html yang sudah anda buat tadi kemudian COPY photo/gambar anda  ke dalam FOLDER tersebut juga. Jika tidak HMMMMM…. TERIMA SENDIRI AKIBATNYA, SAMPE NENEK2 TUH HTML YANG ENTE BIKIN KAGAK BAKALAN PERNAH JADIIIIIII JADIIIIIIIIIIIII JADIIIIIIIIIIIIIIIIIIIIIIIIII….. dan hasilnya teman2 garuk kepala sampe tendang kursi, banting meja, dan computer teman2 yng masih polos juga di salahkan di caci maki dan segala macam kata-kata kasar yang anda lemparkan kepadanya (GUUOOOBLOK) XD

Setop dolooee ada yang ane lupa -_-  gini biasanya saya pake notepad untuk membuat html. Sebenarnya ada program yang lain tapi ane lupe namanye hehehe… kalau gak mau repot download programnya pake aja notepad yang sudah terinstal di komputer teman-teman. sejak lahir tuh notepad emang sudah ada dalam kandungannya komputer jadi kagak usah di cari lagi di google gmna caranya pake notepad bla bla bla…. Hehehe..
Next>>> perhatikan dengan seksama penjelasan ini atau anda akan pusing sendiri seperti org gila (PLAAKKK) XD jika html tersebut sudah selesai teman2 buat, sekarang tinggal di save caranya gini, sebelum di save ganti formatnya dulu caranya liat gambar di bawah ini.

pada saat saya menyimpannya saya menambahkan (.html) di belakang nama file yang mau sya simpan  (note: pada saat penulisan .html harus memakai huruf kecil semua) mudah kan?

sekian penjelasan dari saya, lagian saya juga sudah capek mengetik :v intinya kalau mau belajar lebih banyak lagi tentang html silakan download MODUL PRAKTIKUM WEB 1 di bawah ini, semoga bermanfaat bagi teman-teman semua (cheers..) :) ehh.. setop doloooee mohon maaf atas kekurangan atas info yang saya berikan dan jika ada kata yang menyinggung sobat blogger mohon di maafkan wassalam :)

Read More
Langganan: Postingan (Atom)