Agus Nur Ikhsan

Final Project Pemrograman Web Dinamis

Posted by Agus Nur Ikhsan on Senin, 07 Januari 2013

SCRIPT HOME.HTML

Yang dilingkari warna merah itu menandakan IMAGE yang ada diWEB ini

Dan script nya ini :

Ini untuk gambar HEADER & TOMBOL MENU

<tr>

<p><h2> AGUS NUR IKHSAN</h2>

</center>

<p>

</object>

</object>

</object>

</object>

</object>

</object></td>

</tr>

Ini untuk gambar sebelah KANAN

<tr>

</tr>

</table>

<tr>

</tr>

</table>

<tr>

</tr>

JADI untuk menampilkan gambar di WEB masukan script “img src=”Nama file.jpg+Lokasi Album”

KET Gambar yang dilingkari:

1. Menu Navigasi yang ada diweb, Menu itu diBuat menggunakan Flash yang sudah ada diMacromedia Dreamweaver 8

Ini contoh cara pembuatannya

Klik logo Flash yang ada diDreamweaver, pilih insert “flash button”, kemudian tinggal dimasukan sesuai keinginan, bisa dipilih juga model untuk tombol navigasi nya

Dan ini SCRIPTNYA:

</object>

(ini hanya SCRIPT untuk satu tombol Navigasi saja)

2. Gambar “Sasuke” yang bisa berubah pada saat kursor mouse berada diIMAGE tersebut

Contoh pembuatannya

Klik Logo Image seperti pada contoh yang dilingkari warna merah, pilih “ROLLOVER Image”,kemudian dibrowse gambar yang mau dipilih, seperti pada contoh anak panah diatas, masukkan juga gambar ke-2 nya dibawah gambar pertama, klik OK

Ini “SCRIPT” nya :

(ONMOUSEOVER pada saat mouse berada diatas suatu elemen form)

(ONMOUSEOUT pada saat mouse bergerak keluar dari area form)

(A HREF=”#” sebagai pemanggilan file)

“FOOTER”

Yang ditunjukan panah merah itu merupakan FOOTER untuk WEB ini

SCRIPT-nya sebagai berikut:

“SCRIPT CONTACT.HTML”

Disini bagian table tengah nya aku masukkan SCRIPT CSS

Penjelasannya beserta SCRIPT:

Ditulis dengan warna BIRU sebagai keterangan maksud SCRIPT

<div id = "all">”(Untuk Mendeskripsikan semua bagian css disini menjadi satu macam saja)

<div id="header">(Untuk Mendeskripsikan Bagian HEADER saja)

<font color="#0000FF">(FONT COLOR sebagaia pemberian Warna pada tulisan #0000FF=BIRU)

Watashi wa "San" desu

<i> <marquee>Arigatho ghozaimasu</marquee>(MARQUEE=TULISAN BERJALAN)

</i> </div>

<div id="kiri"> (Untuk Mendeskripsikan Bagian Kiri saja)

<div id="navigasi"><center> (Untuk Mendeskripsikan Bagian Navigasi saja)

- Search Engine -

<li><a href="http://www.google.com" target="_blank"> Google </a></li>

<li><a href="http://www.yahoo.com" target="_blank"> Yahoo </a></li>

</ul>

- Social Network -

<li> <a href="http://www.google.co.id/" target="_blank">Facebook </a></li>

<li> <a href="http://www.twitter.com" target="_blank">Twitter </a></li>

</ol>

</div>

- Link Mahasasiswa-

”(untuk membuat link kesitus yang dimaksud disini TIF)”

Pendaftaran Mahasiswa</a></li>

<li> <a href="http://simeru.uad.ac.id" target="_blank">Simeru</a></li>

</ol>

</div>

<div id="isi">(Untuk Mendeskripsikan Bagian ISI saja)

Penjelasan Singkat Tentang CSS

<br>

CSS (Cascading Style Sheet)

adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk

mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak

terjadi pengulangan tulisan.</font></div>

</div>

<div id="footer"> ((Untuk Mendeskripsikan Bagian FOOTER saja)

</div>

<p>

“FANS_CLUB.HTML”

INPUT PENDAFTARAN DAN OUTPUT PENDAFTARAN

DALAM BENTUK JAVA_SCRIPT

<b>

<h1 align="center">(ALIGN sebagai pengatur posisi disini menggunakan “CENTER” jadi posisinya ditengah) (H1 sebagai pengaturan ukuran huruf)

Form Pendaftaran</h1>

</b>

(TABEL BORDER sebagai pengaturan ketebalan sisi-sisi pada table)

(BGCOLOR sebagai pengaturan untuk mewarnai background table)

<tr>

(INPUT TEXT sebagai penginputan dalam bentuk text)

(NAME=”#” sebagai pemanggilan fungsi)

(SIZE=”#” untuk membuat ukuran huruf)

</tr>

<tr>

<td>Alamat</td><td> : </td>

</tr>

<tr>

</tr>

<tr>

<td>Jenis Kelamin</td><td> : </td>

<td>

<input type="radio" name="ijekal" value=Laki-Laki/>Laki-Laki

<input type="radio" name="ijekal" value=Perempuan/>Perempuan</td>

(INPUT TYPE=”RADIO” merupakan script fungction selector)

</tr>

<tr>

<td>Agama</td><td> : </td>

<td>

<option>--pilih--</option>

<option value="Islam">Islam</option>

<option value="Kristen">Kristen</option>

<option value="Katolik">Katolik</option>

<option value="Hindu">Hindu</option>

<option value="Budha">Budha</option>

(OPTION VALUE untuk membuat menu pilihan )

</select>

</td>

</tr>

<tr>

<td>Prestasi yang pernah diraih</td><td> : </td>

</tr>

<tr>

(onClick pada saat pengguna melakukan klik )

</td>

</table>

</form>

<b>

<h1 align="center">Output Form Pendaftaran</h1>

</b>

<tr>

</tr>

<tr>

<td>Alamat </td><td> : </td>

</tr>

<tr>

<td>Telepon </td><td> : </td>

</tr>

<tr>

<td>Jenis Kelamin </td><td> : </td>

</tr>

<tr>

<td>Agama </td><td> : </td>

</tr>

<tr>

<td>Prestasi yang pernah diraih </td><td> : </td>

</tr>

</table>

</form></p>

“SCRIPT ABOUT.HTML”

<td width="421" rowspan="2"><p><font color="#0000FF"><li type="circle">Nama: Ahsan A.

(TD WIDTH untuk membuat ukuran table)

(li TYPE=”CIRCLE” untuk membuat start a circle list)

Sandiah</li>

<li type="circle">Alamat: Jln. Muja Muju No.618</li>

<li type="circle">TTL: Manado, 19 February 1993</li>

<li type="circle">Jenis kelamin: Laki-laki</li>

<li type="circle">Agama: Islam</li>

<li type="circle">Kebangsaan: Indonesia</li>

<li type="circle">Alamat E-mail: ahsan_10018133@yahoo.co.id</li>

<li type="circle">Alamat Blogger: <a href="http://manadosoft.blogspot.com" target="_blank">Manadosoft</a></li></div><hr>

<li type="circle">Musik:Rock,alternative rock, pop rock</li>

<li type="circle">Olahraga:Futsal, sepak bola</li></div><hr>

<div align="center"><u><b>Pendidikan<b></u></div><br>

<li type="circle">SD:SD Madrasah Ibtidaiyah Muhammadiya</li>

<li type="circle">SMP:SMP Muhammadiyah 1 manado</li>

<li type="circle">SMA:SMA Muhammadiyah 1 manado</li>

<li type="circle">Kuliah:Universitas Ahmad Dahlan</li>

<li type="circle">Fakultas Teknologi Industri</li>

<li type="circle">Jurusan Teknik Informatika</li></div><hr>

<div align="center"><u><b>Pengalaman Organisasi<b></u></div><br>

<li type="circle">Mantan Ketua Bidang OSIS</li>

<li type="circle">Mantan Ketua OSIS</li>

<li type="circle">Ketua Pimpinan Daerah Ikatan Pelajar Muhammadiyah manado</li>

<li type="circle">Ketua Pimpinan Wilayah Ikatan Pelajar Muhammadiyah manado</li>

<li type="circle">KULIAH:Anggota IMM UAD</li> </p>

Agus Nur Ikhsan 21.49 New Google SEO Bandung, Indonesia

Penjelasan Script Web HTML

Posted by Agus Nur Ikhsan on Senin, 16 April 2012

Contoh di bawah ini adalah untuk melakukan link tampilan gambar yang bergerak dan tulisan bergerak membuka nya pada window baru yang ada link nya, sehingga pengunjung tidak meninggalkan web site kita. Seberti contoh di bawah ini….

Yaitu :

1. Gambar Bergerak Ke Atas

<!-gerak_atas.html>

<html>

<body>

</marquee>

</div></div>

</body>

</html>

2. Gambar Bergerak Ke Bawah

<!-gerak_bawah.html>

<html>

<body>

</marquee>

</div></div>

</body>

</html>

3. Gambar Bergerak Ke Kiri

<!gerak_kiri.html>

<html>

<body>

</marquee>

</div></div>

</body>

</html>

4. Gambar Bergerak Ke Kanan

<!-gerak_kanan.html>

<html>

<body>

</marquee>

</div></div>

</body>

</html>

NB: Caranya di simpan di notepad dengan nama file yang sesuai dengan yang di atas tapi juga nama lain juga bisa, heheheh.
Selamat Mencoba Ya…

Agus Nur Ikhsan 21.29 New Google SEO Bandung, Indonesia

Agus Nur Ikhsan

Final Project Pemrograman Web Dinamis

Posted by Agus Nur Ikhsan on Senin, 07 Januari 2013

Penjelasan Script Web HTML

Posted by Agus Nur Ikhsan on Senin, 16 April 2012

Cara Membuat Gambar Bergerak atau Berjalan

Posted by Agus Nur Ikhsan on Sabtu, 21 Januari 2012

Labels

Popular Posts

Tentang Saya

Contact