Jumat, 21 Maret 2014

Tugas 5 (Membuat Form Pendaftaran)

1 komentar
dibawah ini adalah data scriptnya :
Maka Hasil Scripnya akan menjadi seperti ini :


Dan Jika ingin melihat hasil linknya silahkan download Link di bawah ini :


http://www.4shared.com/rar/ZZ3IAlRXce/tugas.html
Read full post »

Minggu, 16 Maret 2014

Tugas 4 ( Membuat Katalog Komik )

1 komentar
dibawah ini adalah data scriptnya :


Maka hasil tampilannya akan nampak di bawah ini :
Dan Jika ingin melihat hasil linknya silahkan download Link di bawah ini :


http://www.4shared.com/rar/ZZ3IAlRXce/tugas.html
Read full post »

Minggu, 09 Maret 2014

Tugas 3 (Membuat Tabel)

0 komentar
Code scriptnya :

<html>
    <head>
    <title>Pembuatan Tabel</title>
    <style>

    table,th,td
    {
    border:1px solid #339;
    }

    th
    {
    height:30px;
    background-color: 2px solid #339;
    color:white;
    }

    #table-a
    { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    width: 500px;
    text-align: center;
    border-collapse: collapse;
    }
    #table-a th
    { font-size: 18px;
    font-weight: normal;
    padding: 8px;
    background: #ccaed0;
    border-top: 2px solid #339;

    border-bottom: 1px solid #339;
    color: #339;
    }
    #table-a td
    { padding: 10px;
    background: #e8edff;
    border-bottom: 1px solid #339;
    color: #339;
    border-top: 1px solid transparent;
    }
    #table-a tr:hover td
    { background: #ccaed0;
    font-size: 30px;
    color: blue;
    }

    </style>
    </head>
         <body text="purple"bgcolor="olive">
         <center><font size="4">Nama     : Doni Rizki Anugrah<br></center>
         <center>NIM     : 1115132106</center>
         <br>
         <br>
         <b>Daftar Nilai</b>
         <br>
         <br>
   
         <font face="Tempus sans itc">
         <table border"5">
         <tr>
         <td>
   
         <table id="table-a">
         <tr>
         <td rowspan="2"> NO</td>
         <td rowspan="2"> NAMA</td>
         <th colspan="4">MATA KULIAH</th>
         <td rowspan="2">Rata-rata</td>
         <td rowspan="2"> NILAI</td>
         </tr>
         <tr>
         <td>Web Progamming</td>
         <td>Networking</td>
         <td>Project</td>
         <td>Operating System</td>
         </tr>

         <tr>
         <td>1</td>
         <td>Dian</td>
         <td>7</td>
         <td>7.5</td>
         <td>6.9</td>
         <td>8.5</td>
         <td>7,5</td>
         <td>C</td>
         </tr>

         <tr>
         <td>2</td>
         <td>Dona</td>
         <td>8</td>
         <td>7,4</td>
         <td>8.5</td>
         <td>6</td>
         <td>7,4</td>
         <td>C</td>
         </tr>

         <tr>
         <td>3</td>
         <td>Donny</td>
         <td>8,7</td>
         <td>9,5</td>
         <td>9,8</td>
         <td>9,3</td>
         <td>9,3</td>
         <td>A</td>
         </tr>

         <tr>
         <td>4</td>
         <td>Dafa</td>
         <td>7,9</td>
         <td>9</td>
         <td>8,7</td>
         <td>6,9</td>
         <td>8,1</td>
         <td>B</td>
         </tr>

         <tr>
         <td>5</td>
         <td>Ratu</td>
         <td>9.7</td>
         <td>8,5</td>
         <td>7,9</td>
         <td>8</td>
         <td>8,5</td>
         <td>B</td>
         </tr>
   
         </td>
         </tr>
         </table>
         </font>
         </table>
         <br>
         </center>Keterangan</center>
         <br>
               
                <table id="table-a">
                </caption>
                <tr bgcolor="green">
                <th>Nilai</th>
                <th>Keterangan</th>
                </tr>
               
                <tr bgcolor="yellow">
                <td>9-10</td>
                <td>A</td>
                </tr>
               
                <tr bgcolor="red">
                <td>8-8,9</td>
                <td>B</td>
                </tr>
               
                <tr bgcolor="blue">
                <td>7-7,9</td>
                <td>C</td>
                </tr>
               
                <tr bgcolor="blue">
                <td>6-6,9</td>
                <td>D</td>
                </tr>
               
                </table>
               
               
                </table>
                <br>
                    <marquee bgcolor="pink" style="font-family: Arial; font-size:20px;                                color:#800C0C;">Belajar bahasa progaman web ternyata mudah juga </marquee>
   

       </body>
</html>

Dan Hasilnya akan nampak seperti ini :



Pembuatan Tabel
Nama : Doni Rizki Anugrah
NIM : 1115132106
Daftar Nilai

NO NAMA MATA KULIAH Rata-rata NILAI
Web Progamming Networking Project Operating System
1 Dian 7 7.5 6.9 8.5 7,5 C
2 Dona 8 7,4 8.5 6 7,4 C
3 Donny 8,7 9,5 9,8 9,3 9,3 A
4 Dafa 7,9 9 8,7 6,9 8,1 B
5 Ratu 9.7 8,5 7,9 8 8,5 B

Keterangan
Nilai Keterangan
9-10 A
8-8,9 B
7-7,9 C
6-6,9 D

Belajar bahasa progaman web ternyata mudah juga
Read full post »

Senin, 03 Maret 2014

Tugas 2_HTML & Hasilnya Latihan 2 Soal PG menggunakan javascript

0 komentar

HTML & Hasilnya Latihan 3 Soal PG  

Latihan Soal Web Progamming</center>
<center><font size="5">Nama         : Doni Rizki Anugrah</center>
<center><font size="5">Mata kuliah     : WEB Progamming</center>
<center><font size="5">NIK             : 111 151 321 06


    <html>
       <body text="black"bgcolor="purple">
 
       <style type="text/css">
       <!-- Mulai_antinoscript \\
       .alert {
       background: #fff6bf url(http://upload.wikimedia.org/wikipedia/commons/c/c0/Exclamation.png)  center no-repeat;
       background-position: 5px 50%; /* x-pos y-pos */
       text-align: left;
       padding: 10px 20px 10px 45px;
       border-top: 2px solid #ffd324;
       border-bottom: 2px solid #ffd324;
       }
       // selesai_antinoscript -->
       </style>
   
       <script language="JavaScript">
       <!-- Mulai_script_soal
       var ans = new Array;
       var done = new Array;
       var score = 0;
       ans[1] = "d";
       ans[2] = "a";
       ans[3] = "a";
       ans[4] = "c";
       ans[5] = "b";
       ans[6] = "d";
       an  s[7] = "a";
       ans[8] = "d";
       ans[9] = "b";
       ans[10] = "d";
   
       function Engine(question, answer) {
       if (answer != ans[question]) {
       if (!done[question]) {
       done[question] = -1;
       alert("Salah!\n\nNilai anda sekarang adalah: " + score);
       }
       else {
       alert("Anda sudah pernah menjawab soal ini!");
       }
       }
       else {
       if (!done[question]) {
       done[question] = -1;
       score++;
       alert("Benar!\n\nNilai anda sekarang adalah: " + score);
       }
       else {    
       alert("Anda sudah pernah menjawab soal ini!");
            }
         }
      }
      function NextLevel () {
      if (score > 10) {
      alert("Anda mendapatkan nilai SEMPURNA !");
      }
      if (score >= 7 && score <= 11) {
      alert("Akses Diterima! Klik tombol ...")
      self.location="http://www.umboh.net/p/about.html"
      }
      else {
      alert("Akses di tolak!  anda membutuhkan 7 point untuk lanjut ke tahap selanjutnya.")
        }
     }
      // Selesai_Script_Soal -->
      </script>
 
 
      <span style="font-size: x-large;"><span style="font-family: Arial;">Soal</span></span><br />
      <b><font size="3">Petunjuk: Jumlah poin untuk lanjut ke sesi berikut adalah 7 poin</b><br/>
      <noscript><p class="alert">Javasript tidak mendukung atau tidak aktif di browser anda. Mohon  agar mengatifkan javascript anda.</p></noscript>
      <hr />
  
      <form><font size="3">
      <b>1. Attribute widht digunakan untuk....</b><br />
      <input onclick="Engine(1, this.value)" type="radio" value="a" />Tinggi tabel <br />
      <input onclick="Engine(1, this.value)" type="radio" value="b" />Jarak antara sel <br />
      <input onclick="Engine(1, this.value)" type="radio" value="c" />Panjang tabel <br />
      <input onclick="Engine(1, this.value)" type="radio" value="d" />Lebar tabel <br />
  
      <b>2. Element yang berfungsi untuk menampilkan teks apa adanya adalah ....</b><br />
      <input onclick="Engine(2, this.value)" type="radio" value="a" />PRE <br />
      <input onclick="Engine(2, this.value)" type="radio" value="b" />CENTER <br />
      <input onclick="Engine(2, this.value)" type="radio" value="c" />BUTTON <br />
      <input onclick="Engine(2, this.value)" type="radio" value="d" />HR <br />
  
      <b>3. Element yang berfungsi untuk mengganti baris adalah ....</b><br />
      <input onclick="Engine(3, this.value)" type="radio" value="a" />BR <br />
      <input onclick="Engine(3, this.value)" type="radio" value="b" />P <br />
      <input onclick="Engine(3, this.value)" type="radio" value="c" />I <br />
      <input onclick="Engine(3, this.value)" type="radio" value="d" />U <br />
  
      <b>4. Element yang berfungsi untuk mendefinisikan opsi pilihan pada from kontrol adalah .....  </b><br />
      <input onclick="Engine(4, this.value)" type="radio" value="a" />Element Form <br />
      <input onclick="Engine(4, this.value)" type="radio" value="b" />Element option <br />
      <input onclick="Engine(4, this.value)" type="radio" value="c" />Element Select <br />
      <input onclick="Engine(4, this.value)" type="radio" value="d" />Contoh Jawaban  <br />
    
      <b>5. Element table berfungsi untuk .........</b><br />
      <input onclick="Engine(5, this.value)" type="radio" value="a" />Membuat Judul <br />
      <input onclick="Engine(5, this.value)" type="radio" value="b" />membuat suatu data multidimensi yang terdiri atas kolom dan baris <br />
      <input onclick="Engine(5, this.value)" type="radio" value="c" />membuat suatu data multidimensi yang terdiri atas kolom dan judul <br />
      <input onclick="Engine(5, this.value)" type="radio" value="d" />membuat suatu data multidimensi yang terdiri atas kolom  <br />
  
      <b>6. WWW merupakan singkatan dari ....</b><br />
      <input onclick="Engine(6, this.value)" type="radio" value="a" />World Web Wide<br />
      <input onclick="Engine(6, this.value)" type="radio" value="b" />Web World Wide<br />
      <input onclick="Engine(6, this.value)" type="radio" value="c" />World Wide Web<br />
      <input onclick="Engine(6, this.value)" type="radio" value="d" />Wide World Web<br />
  
      <b>7. Apa yang di maksud HTML :</b><br />
      <input onclick="Engine(7, this.value)" type="radio" value="a" />Script untuk menyusun dokumen-dokumen web<br />
      <input onclick="Engine(7, this.value)" type="radio" value="b" />Untuk menampilkan isi dokumen<br />
      <input onclick="Engine(7, this.value)" type="radio" value="c" />Script untuk menyusun dokumen-dokumen<br />
      <input onclick="Engine(7, this.value)" type="radio" value="d" />untuk mengeksekusi perintah-perintah<br />
  
      <b>8. Di bawah ini adalah attribute Element table kecuali,...</b><br />
      <input onclick="Engine(8, this.value)" type="radio" value="a" />Height<br />
      <input onclick="Engine(8, this.value)" type="radio" value="b" />border<br />
      <input onclick="Engine(8, this.value)" type="radio" value="c" />width<br />
      <input onclick="Engine(8, this.value)" type="radio" value="d" />option<br />
  
      <b>Element P berfungsi untuk :</b><br />
      <input onclick="Engine(9, this.value)" type="radio" value="a" />Ganti garis<br />
      <input onclick="Engine(9, this.value)" type="radio" value="b" />Ganti paragaf<br />
      <input onclick="Engine(9, this.value)" type="radio" value="c" />Membuat header<br />
      <input onclick="Engine(9, this.value)" type="radio" value="d" />Membuat tampilan tekt<br />
  
      <b>10. Berikut ini adalah bentuk atribut Element TH kecuali ....</b><br />
      <input onclick="Engine(10, this.value)" type="radio" value="a" />align<br />
      <input onclick="Engine(10, this.value)" type="radio" value="b" />colspan<br />
      <input onclick="Engine(10, this.value)" type="radio" value="c" />valign<br />
      <input onclick="Engine(10, this.value)" type="radio" value="d" />circle<br />
      <br />
      <br />
      <center>
   
      <input onclick="NextLevel()" type="button" value="Soal Selanjutnya" />
      </body>
    <marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">Belajar bahasa progaman web ternyata mudah juga </marquee>
      </center>
   
    </form>


hasilnya adalah :



Latihan Soal Web Progamming
Nama : Doni Rizki Anugrah
Mata kuliah : WEB Progamming
NIK : 111 151 321 06
Soal
Petunjuk: Jumlah poin untuk lanjut ke sesi berikut adalah 7 poin

1. Attribute widht digunakan untuk....
Tinggi tabel
Jarak antara sel
Panjang tabel
Lebar tabel
2. Element yang berfungsi untuk menampilkan teks apa adanya adalah ....
PRE
CENTER
BUTTON
HR
3. Element yang berfungsi untuk mengganti baris adalah ....
BR
P
I
U
4. Element yang berfungsi untuk mendefinisikan opsi pilihan pada from kontrol adalah .....
Element Form
Element option
Element Select
Contoh Jawaban
5. Element table berfungsi untuk .........
Membuat Judul
membuat suatu data multidimensi yang terdiri atas kolom dan baris
membuat suatu data multidimensi yang terdiri atas kolom dan judul
membuat suatu data multidimensi yang terdiri atas kolom
6. WWW merupakan singkatan dari ....
World Web Wide
Web World Wide
World Wide Web
Wide World Web
7. Apa yang di maksud HTML :
Script untuk menyusun dokumen-dokumen web
Untuk menampilkan isi dokumen
Script untuk menyusun dokumen-dokumen
untuk mengeksekusi perintah-perintah
8. Di bawah ini adalah attribute Element table kecuali,...
Height
border
width
option
Element P berfungsi untuk :
Ganti garis
Ganti paragaf
Membuat header
Membuat tampilan tekt
10. Berikut ini adalah bentuk atribut Element TH kecuali ....
align
colspan
valign
circle


Belajar bahasa progaman web ternyata mudah juga
Read full post »
 

Copyright © Catatan Donny Design by Free CSS Templates | Blogger Theme by BTDesigner | Powered by Blogger