Sunday, February 9, 2014

menampilkan website

<a href="http://pandapotan girsang"><style type="text/css">
.h_mnu_01{
width: 100%;
font-family: jokerman, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.h_mnu_01 ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #4aed05
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4aed05;
border-right-color: #4aed05;
border-bottom-color: #4aed05;
border-left-color: #4aed05
}

.h_mnu_01 ul li{
display: inline;
}

.h_mnu_01 ul li a{
float: left;
color: #4aed05;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #4aed05;
}

.h_mnu_01 ul li a:visited{
color: ##4aed05;
}

.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{
color: #FFFF00 !important;
padding-top: 5px;
padding-bottom: 5px;
background: ##008000;
}

</style>

<div class="h_mnu_01">
<ul>
<li><a href="http://pandapotangirsang.blogspot.com//">HOME</a></li>
<li><a
href ="http://www.livescore.com//">Livescore</a></li>
<li><a href="https://twitter.com/@pandapotanGrsg//">Twitter</a></li>

<li><a href="http://ketawa.com//">Cerita Lucu</a></li>

<li><a href="http://www.blogger.com/profile/13940256310312812956">About Me</a></li>

<li><a href="http://www.duniainter.net/kata-kata-motivasi//pandapotangirsang.blogspot.com/">Kata Motivasi</a></li>
</ul></div></a>

Saturday, February 8, 2014

Jwb No 2 UTS

soal nomor 2 UTS praktikum web
pembuatan sebuah garis, dimana garis - garis tersebut berbentuk Vertikal.

<html>
<head>
</title> </title>
</head>
<body>
<script>
var i,j,dx;
dx=100;
document.write("<table><tr height=1000px>")
for(i=1;i<=10;i++)
{
document.write("<td><div style='width:3px;height:",dx,"% ;background-color:#000000;'></div>      </td>");
// document.write("<hr width=",dx,"% >");
dx=dx-10;
}
document.write("</tr></table>")
</script>
</body>
</html>

hasil :

PERTEMUAN VII

JAVA SCRIPT

· Struktur

Javascript, merupakan bahasa pemrograman yang populer berbasis Script dan memiliki kemampuan menciptakan halaman website yang dinamis. berikut adalah pemahaman dasar javascript yaitu struktur penulisan kode javascript...

</script>

Keterangan:

merupakan tag awal untuk penulisan javascript. Tag dapat di tempatkan dimana saja diantara tag HTML, baik HTML, head, body dan form.

Isi dari script. pada tag diatas hanya berisi tag komentar . tag komentar akan menjadikan kode javascript tidak ditampilkan pada web browser yang tidak mendukung javascript.

tag penutup javascript.

Penulisan javascript dapat menggunakan file eksternal dengan ekstensi ".js" .

untuk memanggil file eksternal dapat meletakan baris kode diantara tag <head></head>. dengan menggunakan atribut "src".

<html>

<head>

</head>

<body>

</body>

</html>

· Tipe Data dan Variabel Pada Javascript

Variabel digunakan untuk menyimpan data atau informasi. Sebuah nilai variabel dapat diubah. Ketentuan nama variabel dalam javacript adalah sebagai berikut :

Ø Variabel harus terdiri dari rangkaian huruf, angka, dan underscore.

Ø case sensitive, artinya membedakan huruf kecil dan besar.

Ø Harus diawali dengan huruf.

Ø Tidak harus deklarasi variabel dan tercipta sendiri ketika pertama kali digunakan.

Ø Berbentuk varian (tidak terikat pada satu tipe data, tetapi dapat diisi oleh tipe data yang berbeda dengan awalnya ketika pertama kali digunakan).

Contoh Pendeklarasikan variabel pada javascript :

Ø Variabel diawali dengan var.

Contoh :

var A=10;

Ø Variabel juga bisa dibuat tanpa harus menggunakan var.

Contoh :

A=10;

Ø Javascript mempunyai tiga tipe data :

o Strings

o Numbers

o booleans : true false

Contoh :

var A = "10";

atau bisa ditulis, A=" 10 ";

Contoh diatas adalah memberikan nilai " 10 " pada variabel A.

Contoh penggunaan variabel dalam notepad:

<html>

<head>

<title>Belajar Variabel Pada Javascript</title>

</head>

<body>

var a,b,c;

var a=5;

var b=10;

c=a+b;

document.write("Nilai A = " +a,"<br>" );

document.write("Nilai B = " +b,"<br>");

document.write("Nilai C = " +c,"<br>","<br>");

document.write("pandapotan girsang")

</script>

</body>

</html>

Hasil :

PERTEMUAN IX

Pernyataan Bersyarat

Dalam menulis kode, Kita ingin melakukan tindakan yang berbeda untuk keputusan yang berbeda. kita dapat menggunakan pernyataan kondisional dalam kode untuk melakukan hal ini.

Dalam JavaScript kita memiliki pernyataan kondisional berikut:

· Jika pernyataan - menggunakan pernyataan ini untuk mengeksekusi beberapa kode hanya jika kondisi tertentu adalah benar

§ Sintaksis

if (kondisi)
{
Pernyataan
}

§ Contoh Program

<html>

<head>

<title>Bersyarat</title>

</head>

<body>

var nilai=90;

if (nilai>=81)

{

document.write("Nilai Huruf A");

}

</script>

</body>

</html>

§ Hasil :

· Jika ... pernyataan lain - menggunakan pernyataan ini untuk mengeksekusi beberapa kode jika kondisi benar dan kode lain jika kondisi salah

§ Sintaksis

if (kondisi)
{
Pernyataan benar
}
else
{
Pernyataan salah
}

§ Contoh Program

<html>

<head>

<title>Bersyarat</title>

</head>

<body>

var nilai=90/78

if (nilai >=81)

{

document.write("Nilai = A");

}

else

{

document.write("Nilai Tidak = A");

}

</script>

</body>

</html>

§ Hasil :

Pernyataan benar Pernyataan Salah

· Jika ... lain jika .... pernyataan lain - menggunakan pernyataan ini untuk memilih salah satu dari banyak blok kode yang akan dieksekusi

· Sintaksis

if (kondisi)
{
Pernyataan 1
}
else if
{
Pernyataan 2
}

else if
{
Pernyataan 3
}

.
.
.

else if
{
Pernyataan n
}

else

{
Pernyataan
}

· Contoh Program

Menghitung Nilai Mahasiswa<br><br>

<html>

<head>

<title>Bersyarat</title>

</head>

<body>

var A,B,Jumlah;

var A=70;//jika variabel A,B diganti maka akan secara

var B=80;// otomatis nilainya akan berubah

Jumlah=(A+B)/2;

if (Jumlah >=81)

{

document.write("Nilai = A");

}

else if(Jumlah>=71 && Jumlah<=80)

{

document.write("Nilai = B");

}

else if(Jumlah>=61 && Jumlah<=70)

{

document.write("Nilai = C");

}

else if(Jumlah>=51 && Jumlah<=60)

{

document.write("Nilai = D");

}

else

{

document.write("Nilai = E");

}

</script>

</body>

</html>

PERTEMUAN VIII

disini saya akan mencoba bagaimana membuat pohon terang dari html. Mana tau nanti di tahun berikutnya pohon terangnya bisa kita rubah warnanya. (hehehe )

<html>
<head>
<title>Untitled Document</title>
<style>
h1{
background-color:‪#‎0000FF‬;
color:‪#‎FFFF00‬;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
</style>
</head>

<body>
<h1>POHON NATAL </h1>
<table align="center" bgcolor="green">

<script>
var dx,i,j;
dx=1;for (i=1;i<=15;i++)
{
document.write("<tr><td align=center>");
for (j=1;j<=dx;j++)
{
if (j % 2 == 0)
document.write("<blink><font color=red>*</font></blink>");
else
document.write("<font color=yellow>*</font>");
}
dx=dx+2;
document.write("</td></tr>");
}
for (i=1;i<=5;i++)
{
document.write("<tr><td align=center>");
for (j=1;j<=3;j++)
{
document.write("<font color=white>*</font>");
}
document.write("</td></tr>");
}
</script>
</table>
</body>

</html>

hasil :

PERTEMUAN X

Materi :

1. Mengenal fungsi

2. Memanfaatkan fungsi

Latihan 1.

1. Buka notepad

2. Ketikkan struktur html

<html>

<head>

<title>Latihan Fungsi</title>

</head>

<body>

</body>

</html>

3. Simpan kode dengan nama lat101.html

4. Buka file lat101.html dari web browser

Hasil:

<html>

<head>

<title>Latihan Fungsi</title>

function pesan()

{

alert('Seribu langkah Dimulai Dari 1 Langkah');

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

Gambar 1. Antar Muka Menjumlahkan 2 Buah Bilangan

Jawab :

1. Buka notepad baru

2. Ketikkan struktur html

<html>

<head>

<title>Latihan Fungsi-2</title>

</head>

<body>

</body>

</html>

3. Simpan kode dengan nama lat102.html

4. Buka file lat102.html dari web browser

5. Rancang form seperti gambar 1

Kode html:

<html>

<head>

<title>Latihan Fungsi-2</title>

function jumlah()

{

//deklarasikan variabel untuk menampung nilai txta, //txtb dan txtc

var a,b,c;

//simpan nilai txta ke variabel a dan ubah menjadi angka

a=parseInt(document.getElementById('txta').value);

//simpan nilai txtb ke variabel b dan ubah menjadi angka

b=parseInt(document.getElementById('txtb').value);

//jumlahkan a + b dan simpan di c

c=a+b;

//tampilkan nilai c di tctc

document.getElementById('txtc').value=c;

}

function kali()

{

//deklarasikan variabel untuk menampung nilai txta, //txtb dan txtc

var a,b,c;

//simpan nilai txta ke variabel a dan ubah menjadi angka

a=parseInt(document.getElementById('txta').value);

//simpan nilai txtb ke variabel b dan ubah menjadi angka

b=parseInt(document.getElementById('txtb').value);

//kalikan a * b dan simpan di c

c=a*b;

//tampilkan nilai c di tctc

document.getElementById('txtc').value=c;

}

function bagi()

{

//deklarasikan variabel untuk menampung nilai txta, //txtb dan txtc

var a,b,c;

//simpan nilai txta ke variabel a dan ubah menjadi angka

a=parseInt(document.getElementById('txta').value);

//simpan nilai txtb ke variabel b dan ubah menjadi angka

b=parseInt(document.getElementById('txtb').value);

//bagikan a / b dan simpan di c

c=a/b;

//tampilkan nilai c di tctc

document.getElementById('txtc').value=c;

}

function kurang()

{

//deklarasikan variabel untuk menampung nilai txta, //txtb dan txtc

var a,b,c;

//simpan nilai txta ke variabel a dan ubah menjadi angka

a=parseInt(document.getElementById('txta').value);

//simpan nilai txtb ke variabel b dan ubah menjadi angka

b=parseInt(document.getElementById('txtb').value);

//kurangkan a - b dan simpan di c

c=a-b;

//tampilkan nilai c di tctc

document.getElementById('txtc').value=c;

}

</script>

</head>

<form>

<tr>

<td colspan=3 align=center><marquee>Menjumlahkan Dua Buah bilangan</marquee></td>

</tr>

<tr>

<td>Bilangan A</td>

</tr>

<tr>

<td>Bilangan B</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Outputnya adalah seperti gambar di atas

Pages

jalankeluarit

Labels

Social Icons

Social Icons

Featured Posts

Text Widget

Report Abuse

Popular Posts

Sunday, February 9, 2014

menampilkan website

Saturday, February 8, 2014

Jwb No 2 UTS

PERTEMUAN VII

JAVA SCRIPT

· Tipe Data dan Variabel Pada Javascript

PERTEMUAN IX

PERTEMUAN VIII

PERTEMUAN X

PEMROGRAMAN WEB

Followers

pengunjung

About Me