• Tidak ada hasil yang ditemukan

LAPORAN TUGAS BESAR MEMBANGUN WEB PRIBADI SHODIQ PLUS ARIE. Disusun Oleh:

N/A
N/A
Protected

Academic year: 2021

Membagikan "LAPORAN TUGAS BESAR MEMBANGUN WEB PRIBADI SHODIQ PLUS ARIE. Disusun Oleh:"

Copied!
60
0
0

Teks penuh

(1)

LAPOR

RAN TUG

GAS BES

SAR

MEMBANGUN WEB

B PRIBAD

DI “SHOD

DIQ PLU

US ARIE”

                        Disusun OOleh: • Muham

POLI

• Rohma mmad Akhiiruddin ( A

ITEKNIK

ad Shodiq                               

K INDUST

PELAIH

2011

( A A1309033 ) A1309045 )

TRI TAN

NAH LAU

UT

HARI

(2)

WEB PRIBADI SHODIQ & ARIE

PENDAHULUAN

A. Tema dan Desain Halaman web

Web ini memuat informasi dengan tema profil pribadi dan bisnis kami. Informasi biodata dan bisnis tersebut kami tampilkan dalam beberapa link yang semuanya dapat diakses melalui halaman utama atau halaman index. Setiap halaman kami desain dengan berbagai animasi untuk menambah daya tarik tampilan bagi pengunjung. Karena web ini bersifat web pribadi, maka desain tampilan setiap halaman identik dengan hoby kami.

B. Link

Penampilan informasi kami bagi dalam beberapa halaman/link. Secara keseluruhan terdapat 10 halaman/link, yang terdiri dari “Home”,

“R.Shodiq”, “M.Akhiruddin”, “Novel Amatir”, “Bisnis Bata Merah”, “Bisnis Desain Grafis”, “Form Pemesanan Bata”, “Form Pemesanan Desain”, “coach”, dan “Buku Tamu”.

(3)

PEMBAHASAN

A. Halaman Index.html

Pada halaman index atau halaman utama kami menampilkan beberapa cuplikan informasi yang terdapat pada bagian-bagian halaman link lainnya. Di dalam halaman utama ini kami juga memberikan menu untuk masuk pada delapan halaman link. Semua menu kami letakkan pada bagian bawah judul web. Selain kami tampilkan pada bagian atas, menu link juga kami tampilkan pada bagian badan halaman dan berbentuk daftar kebawah. Pemberian menu link ganda ini dimaksudkan untuk memberikan kemudahan dan banyak pilihan kepada pengunjung untuk menelusuri seluruh halaman web ini.

Pemrograman web ini menggunakan kode html, dan berikut adalah skrip pada halaman index:

<html> <head> <title>halaman_index</title> </head> <body bgcolor="black"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red"><img src="arie2.png" width="70" height="80" align="right"/>SELAMAT DATANG DI WEB PRIBADI KAMI<img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

(4)

</td> </tr> </table>

<p align="right"><font color="blue" size="4"> <blink><b>HOME SDQ plus ARIE web</b></blink></font><br>

<font color="red" size="2"><blink>MEMUAT INFORMASI PROFIL DAN BISNIS KAMI</blink></p></font>

<b><font color="blue">Silahkan telusuri halaman web kami, semoga bisa menambah informasi Anda</font></b>

<table border="2"> <tr bgcolor="silver">

<th> <a href ="shodiq.html">R.SHODIQ</a></th> <th> <a href ="arie.html">M.AKHIRUDDIN </a></th> <th> <a href ="novel.html">NOVEL AMATIR </a></th> <th> <a href ="bisnis1.html">BISNIS BATA</a></th>

<th> <a href ="bisnis2.html">BISNIS DESAIN GRAFIS</a></th> <th> <a href ="form1.html">FORM PEMESANAN BATA</a></th> <th> <a href ="form2.html">FORM PEMESANAN DESAIN</a></th> <th> <a href ="coach.html">COACH</a></th>

<th> <a href ="buku_tamu.html">BUKU TAMU</a></th> </tr>

</table> </br>

<table border="0" width="100%"> <tr>

<td rowspan=3 valign="top">

<font color="blue" align="center"><b>REALITA KONDISI SOSIAL & EKONOMI</b></font></br>

<embed src="sdq.mp4"></embed></br>

<img src="shodiq2.png" width="100" height="135" align="left"/> <font color="white"><b>Shodiq,,,,,</b></br>

(5)

&nbsp Begitu orang-orang akrab memanggil saya. Saya lahir di Pelaihari, 02 Maret 1988. Sejak 2009 saya terdaftar sebagai mahasiswa Politeknik Industri Tanah Luat program studi Teknik Informatika.

Selain disibukkan dengan aktivitas kuliah, akhir-akhir ini saya memiliki dua kesibukan lain, yaitu menjalankan bisnis dan nulis naskah novel. Ingin tau lebih lanjut terkait dengan bisnis dan karya novel

saya?,,,,,</br><a href="shodiq.html"><blink>klik disini</blink></a> <p>

<img src="arie2.png" width="115" height="135" align="left"/> <b>M.Akhiruddin,,,,,</b></br>

&nbsp Nama saya Muhammad Akhiruddin, biasa di panggil Arie. Lahir di Pelaihari, tanggal 30 November 1986.

Saya adalah Mahasiswa Politeknik Industri Tanah Laut Jurusan Teknik Informatika. Saya juga bergabung di dalam sebuah Organisasi yaitu di dalam Organisasi Badan Eksekutif Mahasiswa (BEM), menjabat sebagai Menteri Kreatifitas & Seni.

Ingin tau lebih jauh tentang saya?,,,,,</br><a href="arie.html"><blink>klik disini</blink></a>

</p> <p>

<a href="coach.html"><img src="coach.jpg" width="215" height="185" align="left"/></a>

<b>Tim Coach Business,,,</b></br>

&nbsp Adalah sebuah pelatihan untuk para pelaku bisinis oleh FBI (Formula Bisnis Indonesia),,,,,dst

</font> </p> </td>

<td bgcolor="silver" align="justify" valign="top">

<a href="bisnis1.html"><img src="btl3.jpg" width="130" height="120" align="left"/></a>

(6)

<b><u>Bisnis Shodiq</u></b> Menyediakan batu bata merah berkuaitas untuk sebuah bangunan idaman.

&nbsp BATALA adalah sebuah nama usaha pemproduksian batu bata merah yang berlokasi di Desa Gunung Melati RT3, RW1, kec. Batu Ampar Kabupaten Tanah Laut.

BATALA beroperasi sejak Oktober 2010...ya, walau terbilang sangat muda, namun produk BATALA mampu bersaing dengan produk sejenis lainnya dipasaran.

Hal itu tentu terkait dengan metode dan teknik produksi yang diterapkan.</br>

Awal mula saya merintis usaha ini adalah dengan melihat kondisi pembangunan di Tanah Laut yang berkembang begitu pesat. Kemudian saya menganalisa dan mengumpulkan data-data terkait

kebutuhan-kebutuhan yang memang menjadi sebuah prioritas dalam sebuah pembangunan, maka saya memutuskan untuk mencoba untuk menjalankan bisnis batu bata merah...dst.</br>

<a href="bisnis1.html"><blink>klik disini</blink></a> </td>

<td rowspan=3 bgcolor="white" valign="top">

<font color="blue"><b><blink>DAFTAR NAVIGASI LINK</blink></b></font>

<ol type="square">

<li><a href ="shodiq.html">Shodiq</a> <ul type="circle">

<li> Home</li> <li> Novel </li> <li> Bisnis</li> </ul>

<li><a href ="arie.html">Akhiruddin</a></li> <ul type="circle">

<li> Home</li> <li>Bisnis</li>

(7)

</ul>

<li><a href ="novel.html">Novel Amatir</a> <ul type="circle">

<li>R. Shodiq</li> </ul>

<li><a href ="bisnis1.html">Bisnis Bata</a> <ul type="circle">

<li>Shodiq</li>

<li>Form Pemesanan</li> </ul>

<li><a href ="bisnis2.html">Bisnis Desain</a> <ul type="circle">

<li>Akhiruddin</li> <li>Form Pemesanan</li> </ul>

<li><a Href ="coach.html">Coach</a> <ul type="circle">

<li>Home</li> </ul>

<li><a href ="form1.html">Form Pemesanan Bata</a> <ul type="circle">

<li>Home</li> <li>Bisnis Bata</li> </ul>

<li><a href ="form2.html">Form Pemesanan Desain</a> <ul type="circle">

<li>Home</li>

<li>Bisnis Desain</li> </ul>

<li><a href ="buku_tamu.html">Buku Tamu</a></th> <ul type="circle">

(8)

</li> </ol> <p>

<font color="blue" align="justify"><blink>Dapatkan semua produk-produk kami dengan harga nego,,,,,</blink>

</font>

<p><img src="desain.jpg" width="170" height="180" align="center"/></br>

<img src="btl3.jpg" width="150" height="100" align="center"/></p> </p>

</td> </tr> <tr>

<td background="merah3.jpg" align="justify">

<a href="bisnis2.html"><img src="grs.jpg" width="150" height="140" align="right"/></a>

<font color="gold"><b><u>Bisnis Arie</u></b> &nbsp Usaha yang saya jalankan ini bergerak dibidang jasa penjualan kaos Khas daerah. Dimana saya bertugas sebagai desainer untuk kaos tersebut. Desain yang saya buat meliputi kekhasan di suatu Daerah tertentu,

namun yang pertama saya buat adalah tentang daerah Tanah Laut yang terkenal dengan bermacam-macam kekhasannya... Untuk daerah Tanah Laut sendiri, desain yang saya buat berdasarkan pada tempat-tempat wisata misalnya seperti tempat wisata gunung Khayangan, pantai Takisung,

pantai Batakan, Taman Minatirta dll. namun saya juga membuat desain berdasarkan ciri khas dari daerah ini sendiri, yaitu Tajau yang terdapat pada logo tanah Laut,

Sapi yang banyak ada disini, jagung yang juga banyak di tanam disini, juga tidak ketinggalan dengan Bunga Khas Tanah Laut yaitu bunga Anggrek Bulan. untuk menjalankan usaha ini, saya bekerjasama dengan pihak lain untuk masalah percetakan kaos.

(9)

jadi, disini saya berperan sebagai desainer. sedangkan pihak tersebut berperan sebagai tempat untuk melakukan percetakan. Disini akan saya perlihatkan contoh-contoh desain yang telah saya buat.</br>

<a href="bisnis2.html"><blink>klik disini</blink></a></font> </td>

</tr> <tr>

<td background="batala.jpg" align="justify">

<img src="novel.jpg" width="200" height="160" align="left"/>

<b>"Ternyata Khairina"</b> </br>Adalah karya novel amatir saya yang pertama. Novel ini diilhami dari kisah nyata perjalanan cinta seorang anak manusia yang

hidup dalam keterpurukan.</br>

Ketika ia sadari dan yakini bahwa sebuah kutukan telah datang dan selalu hadir dalam kehidupannya, terutama dalam kehidupan cintanya. Awalnya tampak begitu indah, namun selalu berakhir dengan kekecewaan dan penuh dengan kesakitan. Semua itu telah membawanya dalam dunia yang gelap,

tak ada satupun manusia di sekelilingnya yang mampu melihat dan menyentuhnya. Ia sendiri, sendiri menerima semua yang datang padanya sampai dengan tak lagi ia sanggup untuk bertahan…</br>

<a href="novel.html"><blink>klik disini</blink></a> </td>

</tr> </table>

<table border="5" width="100%"> <tr bgcolor="pink">

<td aligen="center">

<marquee><font color="red"><b>shodiq_99@yahoo.co.id</font> & <font color="blue">arie0311@yahoo.co.id</font></b></font></marquee> </td>

(10)

</table> </font> </body> </html>

Berikut adalah tampilan halaman index.html pada web browser:

Gambar 1. Tampilan Halaman Index.html

B. Halaman shodiq.html

Halaman ini memuat profil pribadi Shodiq seperti biodata, bisnis, pengalaman kerja, riwayat pendidikan, dan karya novel amatir. Halaman ini menampilkan informasi berbentuk teks dan gambar. Pada halaman ini disertakan juga menu link untuk menuju halaman novel, bisnis, dan halaman utama. Berikut adalah skrip/ kode html halaman shodiq.html: <html> <head> <title>halaman_shodiq</title> </head> <body bgcolor="black"> <font face="arial">

(11)

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

</tr> </table>

<hr size=5 width="100%"> </div>

(12)

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br> <font color="white"><b>INFORMASI PROFIL DAN BISNIS

KAMI</b></p>

<b><h3><font color="red">ROHMAD SHODIQ</font></h3></b></font> <table border="2">

<tr bgcolor="silver">

<th> <a href ="index.html">HOME</a></th> <th> <a href ="bisnis1.html">BISNIS </a></th>

<th> <a href ="novel.html">NOVEL AMATIR</a></th> </tr>

</table>

<table border="0" width="100%"> <tr>

<td rowspan=3 valign="top">

<font color=white"><b>PENGALAMAN KERJA</b></font> <img src="tambang.jpg" width="200" height="170" align="left" title="Saat Bekerja Di Tambang"/>

<img src="teknisi.jpg" width="200" height="170" align="left" title="Saat Menjadi Teknisi di Instansi Pemerintahan"/>

<img src="ro.jpg" width="200" height="170" align="left" title="Saat Menjadi Honorer Radiologi RSUD Hadji Boejasin Pelaihari"/>

<img src="lan.jpg" width="200" height="170" align="left"title="Proyek Bangun Jaringan LAN"/>

<a href="coach.html"><img src="coach.jpg" width="200" height="170" align="left"/></a>

<b></b></br> </font> </td> <td>

(13)

<font color="white">Shodiq,,,,,</br>

begitu orang akrab memanggil saya. Saya lahir di Pelaihari, 02 Maret 1988. Sejak 2009 saya terdaftar sebagai mahasiswa Politeknik Industri Tanah Luat program studi Teknik Informatika.</br>

Selain disibukkan dengan aktivitas kuliah, akhir-akhir ini saya memiliki dua kesibukan lain, yaitu menjalankan bisnis dan nulis naskah novel.</br> Semua kesibukan itu terasa sangat menyita waktu saya, walau tak lagi punya waktu santai, saya merasa bisa menikmati semua kesibukan itu. Semua itu bisa saya lakukan mungkin lantaran pengalaman saya di dalam dunia kerja. berkali-kali saya keluar masuk perusahaan dan instasi, namun saya belum bisa mendapatkan apa sebenarnya yang saya inginkan. karena ketidak cocokan itulah mungkin sebagai

penyebab saya harus berkali-kali mengundurkan diri dan mencari pekerjaan ditempat yang baru. Semua itu saya lakukan lantaran ingin merasakan bagaimana bekerja di dunia industri, dan dapat saya simpulkan dunia itu adalah dunia yang cukup keras.<br>

Melihat dari pengalaman-pengalan yang saya alamai selama bekerja diperusahaan itu, kemudian saya berfikir mungkin bisnis merupakan solusi bagi saya. Dengan berbisnis saya bisa mengaplikasikan semua yang saya mau.

Selain itu, bisnis menurut saya merupakan sebuah tantangan tersendiri dan dapat memberikan sebuah kepuasan tersendiri.</br>

Lain hal lagi dengan aktivitas menulis saya, itu adalah kegiatan yang berawal dari iseng, iseng menulis sebuah cerita dan berawal dari iseng itulah kini menjadi sebuah kebutuhan bagi saya. sebuah novel

amatir berjudul <b>"Ternyata Khairina"</b> adalah karya pertama saya. Naskah dengan 280 halaman itu menceritakan kisah pahit seorang Zainal karena cinta. Novel yang sedang saya rampungkan saat ini berjudul <b> "Selimut Cinta"</b> dst.

</font>

(14)

<font color="blue"><b><blink>DAFTAR NAVIGASI LINK</blink></b></font>

<ol type="square">

<li><a href ="shodiq.html">Shodiq</a> <ul type="circle">

<li> Home</li> <li> Novel </li> <li> Bisnis</li> </ul>

<li><a href ="arie.html">Akhiruddin</a></li> <ul type="circle">

<li> Home</li> <li>Bisnis</li> </ul>

<li><a href ="novel.html">Novel Amatir</a> <ul type="circle">

<li>R. Shodiq</li> </ul>

<li><a href ="bisnis1.html">Bisnis Bata</a> <ul type="circle">

<li>Shodiq</li>

<li>Form Pemesanan</li> </ul>

<li><a href ="bisnis2.html">Bisnis Desain</a> <ul type="circle">

<li>Akhiruddin</li> <li>Form Pemesanan</li> </ul>

<li><a Href ="coach.html">Coach</a> <ul type="circle">

<li>Home</li> </ul>

(15)

<li><a href ="form1.html">Form Pemesanan Bata</a> <ul type="circle">

<li>Home</li> <li>Bisnis Bata</li> </ul>

<li><a href ="form2.html">Form Pemesanan Desain</a> <ul type="circle">

<li>Home</li>

<li>Bisnis Desain</li> </ul>

<li><a href ="buku_tamu.html">Buku Tamu</a></th> <ul type="circle"> <li>Home</li> </li> </ol> </td> </tr> <tr> <td> <p><font color="blue"><b><u>TENTANG NOVEL</u></br>TERNYATA KHAIRINA</b></font></p> <p><img src="1.jpg" width="140" height="150" align="left"/></p> <font color="white"><b>"Ternyata Khairina"</b> </br>Adalah karna novel amatir saya yang pertama. Novel ini diilhami dari kisah nyata perjalanan cinta seorang anak manusia yang

hidup dalam keterpurukan.</br>

Ketika ia sadari dan yakini bahwa sebuah kutukan telah datang dan selalu hadir dalam kehidupannya, terutama dalam kehidupan cintanya. Awalnya tampak begitu indah, namun selalu berakhir dengan kekecewaan dan penuh dengan kesakitan. Semua itu telah membawanya dalam dunia yang gelap, tak ada satupun manusia di sekelilingnya yang mampu melihat dan

(16)

menyentuhnya. Ia sendiri, sendiri menerima semua yang datang padanya sampai dengan tak lagi ia sanggup untuk bertahan…

Adalah sebuah cerita yang menggambarkan betapa berlika-likunya perjalanan cinta seorang Zainal. Naskah ini mulai ditulis pada September 2009 dan selesai pada hari Selasa, 08 Pebruari 2011. Novel amatir ini didedikasikan untuk seseorang yang spesial...dst

<a href="novel.html">klik disini</a> </font>

</td> </tr> <tr> <td>

<font color="white"><p><img src="sn.jpg" width="220" height="260" align="right"/></p>

Selain belajar komputer dan bisnis, saya juga belajar seni, ya itung-itung buat penghilang kepenatan.

Saya dan teman-teman kuliah membentuk sebuah tim seni tari dan sudah pernah mengisi diberbagai acara.

Menurut saya seni merupakan sebuah pembentukan karakter dan mental, dimana kita dihadapakan pada sebuah

metode dan urutan langkah suatu pekerjaan. Artinya dengan menjadi pelaku seni, baik itu tari, derama, dan lainnya

akan membentuk sebuah sikap atau mental yang berorientasi pada penyelesaikan pekerjaan sesuai dengan aturan main dan

penyelesaian secara sistematis. </font>

</td> </tr>

<p><font color="blue"><b><u>BIODATA</u></b></font></p> <table border="0" width="100%">

<tr bgcolor="white"> <td>

(17)

<pre>

Nama : Rohmad Shodiq

Tempat, tanggal lahir : Pelaihari, 02 Maret 1988

Agama : Islam

NO. HP : 085 285 604 671

E-mail : shodiq_99@yahoo.co.id

Hoby : Nulis naskah

Alamat : Desa Gunung Melati, RT 3, RW 1, kec.Batu

Ampar, kab.Tanah Luat, Kalimantan Selatan Indonesia.

Riwayat Pendidikan : SD Negeri 1 Gubung Melati Tahun 1994

: SLTP N 1 Jorong Tahun 2000

: SMK DUA DESEMBER Pelaihari Tahun 2003

: Politeknik Industri Tanah Laut Tahun 2009

Pengalaman Kerja : Asisten Teknik Listrik Industri di SMK DUA

DESEMBER Pelaihrai Tahun 2006

: Karyawan PT. CBSA Bentok, sebagai Teknisi

Listrik (control room) Tahun 2007

: Karyawan kontrak over hould PLTU Asam-Asam,

sebagai helfer generator unit 1 Tahun 2008

: Karyawan PT. CBMT Pelaihari, sebagai karyawan

produksi kraser Tahun 2008

: Sebagai buruh mobil barang di Jakarta

Tahun 2008

: karyawan honor kontrak RSUD Hadji Boejasin

Pelaihari, sebagai tenaga IPSRS & Radiologi Tahun 2009

</pre> </td> </tr>

(18)

</table> <p>

<table border="5" width="100%"> <tr bgcolor="pink">

<td aligen="center">

<marquee><font color="red"><b>shodiq_99@yahoo.co.id & shodiqr@yahoo.com</b></font></marquee> </td> </tr> </table> </p> </font> </body> </html>

Berikut adalah tampilan halaman shodiq.html pada web browser:

Gambar 2.a. Tampilan Halaman shodiq.html

C. Halaman arie.html

Halaman ini memuat profil pribadi Arie seperti biodata, riwayat pendidikan, dan bisnis desain grafis. Halaman ini menampilkan informasi

(19)

berbentuk teks dan gambar. Pada halaman ini disertakan juga menu link untuk menuju halaman bisnis dan kembali ke haaman utama. Berikut adalah skrip/ kode html halaman:

<html> <head> <title>halaman_arie</title> </head> <body background="merah3.jpg"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

(20)

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

</tr> </table>

<hr size=5 width="100%"> </div>

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br> <font color="white"><b>INFORMASI PROFIL DAN BISNIS

KAMI</b></p>

<b><h3><fontcolor="red">MUHAMMAD AKHIRUDDIN</font></h3></b></font> <table border="2">

<tr bgcolor="silver">

<th> <a href ="index.html">HOME</a></th> <th> <a href ="bisnis2.html">BISNIS </a></th> </tr>

</table>

<table border="1"> <tr>

<td rowspan="2" bgcolor="violet" width="15%"> <font color="black"><b>DAFTAR ISI</b></font> <ol type="square">

<li><a href ="shodiq.html">Shodiq</a> <ul type="square">

<li> Bisnis</li> <li> Novel </li> </ul>

(21)

<li><a href ="arie.html">Akhiruddin</a></li> <ul type="square">

<li>Bisnis</li> </ul>

<li><a href ="novel.html">Novel Amatir</a></li> <li><a href ="bisnis1.html">Bisnis Bata</a></li> <li><a href ="bisnis2.html">Bisnis Desain</a></li>

<li><a href ="form1.html">Form Pemesanan Bata</a></li> <li><a href ="form2.html">Form Pemesanan Desain</a></li> </ul>

</li> </ol>

<img src="coach.jpg" width="150" height="130" align="right"/> <img src="btl3.jpg" width="150" height="150" align="right"/> <img src="grs.jpg" width="150" height="170" align="right"/> </td>

</tr> <tr>

<td><img src="arie2.png" width="240" height="320" align="left"/> <p align="justify"><font size="3"

color="red">M.Akhiruddin,,,,,</font></p>

<p align="justify"><font color="gold">Nama saya Muhammad Akhiruddin, biasa di panggil Arie. Lahir di Pelaihari, tanggal 30

November 1986. Saya adalah Mahasiswa Politeknik Industri Tanah Laut Jurusan Teknik Informatika. Saya juga bergabung di dalam sebuah Organisasi yaitu di dalam Organisasi Badan Eksekutif Mahasiswa (BEM), menjabat sebagai Menteri Kreatifitas & Seni. Sebelum kuliah di Polteknik Industri Tanah Laut ini. Saya sempat bersekolah di SDN PELAIHARI 7 pada tahun 1992 dan lulus pada tahun 1998. Setelah itu saya melanjutkan sekolah ke MTsN PELAIHARI dan lulus pada tahun 2001. Lalu saya melanjutkan ke SMU PGRI PELAIHARI pada tahun tersebut, dan lulus pada tahun 2004. Saya adalah seorang yang mempunyai hobby

(22)

menggambar. jadi, apapun yang berhubungan dengan yang namanya menggambar. maka saya akan senang sekali melakukannya. Banyak teman-teman yang sering minta tolong kepada saya untuk di buatkan gambar. Terutama membuat logo-logo suatu organisasi. Kebisaan saya menggambar sudah terlihat sejak saya masih kecil dulu. tepatnya saat saya masih di taman kanak-kanak. saya tidak tidak tahu apakah bakat saya ini adalah keturunan, yang pasti di rumah saya memang ada juga yang bisa menggambar seperti saya. Yaitu dua orang kakak saya dan juga ayah saya.</br>

selain Hobby menggambar. saya juga mempunyai hobby lain, yaitu main sepakbola.

</font></p>

<p><font color="red"><b><u><b>BIODATA</b></u></b></font></p> <pre><font color="gold">

<img src="taz.gif" width="240" height="320" align="left"/>

Nama : Muhammad Akhiruddin

Tempat, tanggal lahir : Pelaihari, 30 November 1986

Agama : Islam

NO. HP : 085 222 833 164

E-mail : arie0311@yahoo.co.id

Hoby : melukis & sepakbola

Alamat : Jl. Taqwa No.20 Rt.9 Rw. 3 Kec. Pelaihari,

Kab.Tanah Laut,

Kalimantan Selatan.

Riwayat Pendidikan : SDN Pelaihari 7 Tahun 1992

: MTsN 2 Pelaihari Tahun 1998

: SMA PGRI Pelaihari Tahun 2001

: Politeknik Industri Tanah Laut Tahun 2009

</font> </pre> </td>

(23)

</tr> </table> </font> </td> </tr> <tr> </font> </body> </html>

Berikut adalah tampilan halaman arie.html pada web browser:

Gambar 3. Tampilan Halaman arie.html

D. Halaman novel.html

Halaman ini menampilkan informasi tentang sebuah karya novel amatir anak Pelaihari. Novel tersebut berjudul “Ternyata Khairina”, dan didalam web ini, penulis sedikit memberikan gambaran alur cerita di dalam naskah “Ternyata Khairina” tersebut. Didalam halaman ini hanya terdapat menu link untuk menuju ke halaman shodiq.html. Berikut adalah skrip/kode html:

<html> <head>

(24)

<title>halaman_shodiq_novel</title> </head>

<body bgcolor="black"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

(25)

</tr> </table> <hr size=10 width="60%"> <table border="0"> <tr bgcolor="silver"> <td alidn="center">

<marquee><b>"Novel Amatir Karya Anak Pelaihari"</b> Novel ini didedikasikan untuk seorang yang sangat saya cintai, seseorang yang telah pergi jauh meninggalkan diriku untuk selamanya. Tetesan air mata

bersama do'a aku iringkan untuk kebahagiaanmu disana. amien</marquee>

</td> </tr> </table> </div>

<p align="right"><font color="red" size="3">SDQ plus ARIE web Memuat<br>

<b>INFORMASI PROFIL DAN BISNIS KAMI</b></font></p> <b><h3><font color="blue">ROHMAD SHODIQ || KARYA NOVEL AMATIR</font></h3></b>

<table border="2"> <tr bgcolor="silver">

<th> <a href ="shodiq.html">R.SHODIQ</th></a> </tr>

</table>

<p><font color="blue"><b><u>TENTANG

NOVEL</u></br>TERNYATA KHAIRINA</b></font></p>

<p><img src="novel.jpg" width="160" height="120" align="left"/></p> <font color="white">

<b>"Ternyata Khairina"</b> </br>Adalah karya novel amatir saya yang pertama. Novel ini diilhami dari kisah nyata perjalanan cinta seorang anak manusia yang

(26)

hidup dalam keterpurukan.</br>

Ketika ia sadari dan yakini bahwa sebuah kutukan telah datang dan selalu hadir dalam kehidupannya, terutama dalam kehidupan cintanya. Awalnya tampak begitu indah, namun selalu berakhir dengan kekecewaan dan penuh dengan kesakitan. Semua itu telah membawanya dalam dunia yang gelap,

tak ada satupun manusia di sekelilingnya yang mampu melihat dan menyentuhnya. Ia sendiri, sendiri menerima semua yang datang padanya sampai dengan tak lagi ia sanggup untuk bertahan…

Adalah sebuah cerita yang menggambarkan betapa berlika-likunya perjalanan cinta seorang Zainal. Naskah ini mulai ditulis pada September 2009 dan selesai pada hari Selasa, 08 Pebruari 2011. Novel amatir ini didedikasikan untuk seseorang yang spesial dihati penulis,,,,dst</br> ...Penghianatan itu membuat Zainal sangat tersiksa. Belasan kali ia menjalin asmara dan belasan kali itu pula ia harus merasakan sakitnya penghianatan. Sampai dengan suatu kabar datang melalui sepucuk surat yang di tulis oleh seorang mantan kekasihnya yang sedang sekarat,,, dst. <p><img src="baca.jpg" width="330" height="290" align="right"/></p> ...<b>Membaca sebagai salah satu cara saya untuk mendapatkan sebuah inspirasi menulis. Selain itu juga sebagai panduan terkait teknik menulis. Dengan banyak membaca saya mendapatkan banyak kosa kata dan terlebih teknik menulis,,,,,,,</b>

</font> <p>

<font color="blue"><b>Sepucuk surat terakhir sebagai curahan hati dan permintaan maaf dari gadis sekarat itu,,,,,,,</font></b>

<table border="2"> <tr> <td bgcolor="white"> <pre> Kepada….

(27)

Mas Zainal tersayang

Assalamualaikum,,,,,

Mas,,, sebelumnya aku minta maaf atas semua kesalahan yang telah aku perbuat terhadap mas Zainal

waktu itu, tapi tolong mas, tolong baca curahan hati ini sampi selesai. Mas Zainal, kalau mas sekarang ini sedang membaca surat ini, mungkin aku telah pergi jauh, pergi

jauh meninggalkan dunia ini untuk selama-lamanya. Namun aku sadari pastinya aku pergi dengan

meninggalkan suatu dosa terhadap mas Zainal, dosa yang mungkin membuat mas Zainal merasa sakit dan

kecewa, dosa yang telah menyakiti hati mas Zainal. Aku menyadari itu semua mas, tapi demi Allah semua itu

bukan atas kehendakku. Semua itu atas kehendak kedua orang tuaku yang sangat aku sayangi mas.

Aku sangat bingung waktu itu mas, aku sangat mencintai mas Zainal, namun disisi lain aku juga tidak

ingin menjadi anak durhaka. Orang tuaku sangat menginginkan aku untuk menikah dengan anak teman mereka

mas. Awalnya aku sangat terkejut dan ingin sekali berontak, namun aku tak kuasa kalau harus meneteskan air

mata kedua orang tuaku. Karena itulah aku putuskan untuk menerima dan menikah dengan pria pilihan

kedua orang tuaku itu. Mungkin mas bertanya kenapa aku tidak berterus terang terhadap mas dan kenapa

waktu itu aku harus berbohong dengan bersandiwara ingin pindah rumah,, semua itu aku lakukan karena aku

tak ingin membuat mas sedih dihadapanku, karena itu akan membuat aku tak kuasa untuk menjalani hidup ini

lagi. Aku tak sanggup kalau harus melihat mas Zainal kecewa, aku tak sanggup mas. Dengan berbohongpun

(28)

aku sangat tersiksa, batinku selalu meronta, hari-hariku penuh dengan penyesalan telah menyakiti hati mas

Zainal. Bahkan dihari pernikahanpun semua terasa hampa, tak ada kebahagiaan yang aku dapatkan. Semua itu

aku lakukan semata-mata untuk kebahagiaan kedua orang tuaku mas. Mas, waktu aku menulis surat ini aku sedang terbaring di rumah sakit karena penyakit yang telah

membawaku mengahadap Tuhan. Jadi aku tulis surat ini untuk mas Zainal, berharap mas Zainal mau

memaafkan dosa yang telah aku perbuat terhadap mas. Siang malam aku selalu berdo’a agar Tuhan bisa

mempertemukan aku dengan mas Zainal untuk meminta maaf langsung, namun ternyata Tuhan tidak

mengijinkan aku untuk bisa bertemu dengan mas Zainal. Mungkin ini semua karena dosa dan kesalahan yang

telah aku perbuat terhadap mas Zainal, untuk itu aku sangat mengharapkan kerelaan mas Zainal.

Mas,, aku sangat mencintai mas Zainal, walau aku tak bisa menikah dengan mas, namun cinta ini

tetap abadi dan telah aku bawa mati. Cintaku hanya untuk mas Zainal seorang. Semoga sekarang ini mas

Zainal dalam keadaan yang sehat tak kurang satu apapun dan aku yakin saat mas Zainal membaca surat ini

pasti mas Zainal telah memiliki istri yang cantik dan baik. Karena aku tau mas Zainal adalah pria baik dan setia.

Selamat tinggal mas,, tetesan air mata saat menulis surat ini aku iringi do’a untuk mas Zainal hidup

berbahagia untuk selamanya. Amin.

Wassalaam,,,,,

Tertanda,,,,

Wanita yang sangat mencintai mas,,

(29)

Tifa Sunartha. </pre> </td> </tr> </table> </p>

<p><font color="white"> <b>Setelah menerima surat itu, barulah Zainal sadar bahwa semua penghianatan itu adalah bukan sepenuhnya kesalahan dari wanita yang pernah singgah dalam hatinya.

Tapi apalah daya, semua sudah terjadi. Zainal dengan amarahnya telah membenci semua wanita, dan disisi lain Tifa telah menutup mata untuk selamanya. Hanya surat

itu yang yang bisa Tifa kirim untuk meminta maaf pada Zainal...</br> Ingin dapatkan softcopy naskah Ternyata Khairina? Silahkan kirim permintaan Anda melalui E-mail dibawah ini,,,,,dst.</b></font> </p>

<p>

<table border="6" width="70%" align="center"> <tr bgcolor="pink"> <td aligen="center"> <marquee><font color="blue"><b>shodiq_99@yahoo.co.id</b></font></marquee> </td> </tr> </font> </body> </html>

(30)

Berikut adalah tampilan halaman novel.html pada web browser:

Gambar 4. Tampilan Halaman novel.html

E. Halaman bisnis1.html (Bisnis Bata Merah)

Halaman ini memberikan informasi tentang bisnis produksi batu bata merah. Informasi yang dimuat meliputi latar belakang perintisan usaha BATALA (Bata Tanah Laut) dan juga diberikan penjelasan secara garis besar terkait dengan langkah atau proses pembuatan bata merah. Pada halaman ini terdapat dua menu link, yaitu link menuju halaman shodiq.html dan form1.html (Form Pemesanan Bata). Berikut adalah skirp/kode hatml: <html> <head> <title>halaman_bisnis_bata</title> </head> <body bgcolor="black"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

(31)

</td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

</tr> </table>

<hr size=5 width="100%"> </div>

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br> <font color="white"><b>INFORMASI PROFIL DAN BISNIS

(32)

<b><h3><font color="blue">ROHMAD SHODIQ || BISNIS PRODUKSI BATU BATA MERAH (BATALA)</font></h3></b>

<table border="2"> <tr bgcolor="black">

<th> <a href ="shodiq.html">R.SHODIQ</a></th>

<th> <a href ="form1.html">FORM PEMESANAN BATA</a></th> </tr> </table> <table border="0"> <tr> <th><font color="blue"><b><u>WIRAUSAHA</u></b></font></th> </tr> <tr> <td>

<img src="btl3.jpg" width="120" height="125" align="left"/>

<font color="white">Menurut Gendro Salim, seorang praktisi NLP (Neuro Linguistic Programming),di dalam bukunya yang berjudul "Neuro

Intrepreneurship" dikatakan bahwa

wirausaha adalah <i>"sebuah pemikiran untuk mewujudkan apa yang diinginkan oleh orang lain, dan dapat mengembangkannya ketahapan yang lebih tinggi"</i></br>

Atas pengertian itulah saya tergerak untuk mencoba mengadu nasib dengan berwirausaha. Ditambah lagi sebuah pencarian yang belum saya temuakan pada dunia perusahaan,

maka kuatlah tekat saya untuk berwirausaha.</br>

Bermodalkan data dan anilisa kondisi eksternal dan internal, maka saya membuka usaha produksi batu bata merah. Baru memang, tapi saya yakin dengan kondisi eksternal

yang stabil ini usaha saya akan mampu berkembang kurang dari dua tahun.</br>

Dalam kesempatan ini saya akan berbagi teknik/cara membuat bata merah. Semoga bermanfaat bagi Anda,,,,,dst.</font>

(33)

</td> </tr> </table> <table border="0"> <tr> <th><font color="blue"><b><u>PROSES PRODUKSI</u></b></font></th> </tr> <tr> <td>

<img src="btl6.jpg" width="120" height="125" align="left"/> <font color="white"><b>A. MEMBUAT ADONAN</b></br>

Proses pertama adalah dengan membuat adonan. Hancurkan tanah sampai menjadi butiran-butitan kecil, kemudian aduk dengan air sampai rata. Setelah adonan benar-benar merata,

langkah selanjutnya adalah merendam adonan tersebut dengan air selama 24 jam. Ini bertujuan agar tanah benar-benar menjadi liat. Pastikan adonan benar-benar terendam air sepenuhnya.</br>

Setelah proses perendaman selama 24 jam selesai, langkah selanjutnya adalah membuang air dan kembali lakukan pengadukan secara merata. Ini bertujuan untuk mendapatkan tingkat

kekentalan adonan yang tepat./font> </td> </tr> </table> <table border="0"> <tr> </tr> <tr> <td>

<img src="btl7.jpg" width="180" height="80" align="right"/> <font color="white"><b>B. PROSES PENCETAKAN</b></br>

(34)

Selanjutnya adalah proses pencetakan adonan. Setelah adonan benar-benar rata dan tinggkat kekentalannya sudah tepat, maka adonan tersebut siap untuk dicetak. Pencetakan bisa menggunakan

cetakan kayu yang didesain khusus denga ukuran yang telah ditentukan.</br>

Adonan dimasukan kedalam ruang-ruang persegi panjang yang ada di cetakan, kemudian ditekan dan diratakan. Setelah itu adonan di dalam cetakan siap untuk dikeluarkan dan siap untuk dijemur.

</font> </td> </tr> </table> <table border="0"> <tr> </tr> <tr> <td>

<img src="btl8.jpg" width="120" height="80" align="left"/> <font color="white"><b>C. PROSES PENJEMURAN</b></br>

Adalah proses pengeringan dari adonan yang telah dicetak. Proses ini bisa dilakukan dengan memanfaatkan panas sinar matahari, atau menggunakan mesin pengering. Jika proses pengeringan

menggunakan panas matahari/dijemur, maka proses ini bisa berlangsung dalam cuaca panas selama 48 jam. Setelah bata kering, maka langkah selanjutnya adalah menyusun bata membentuk

sebuah tungku untuk kemudian dilakukan proses pembakaran.</font> </td> </tr> </table> <table border="0"> <tr> </tr>

(35)

<tr> <td>

<img src="btl9.jpg" width="120" height="80" align="right"/> <font color="white"><b>D. PROSES PEMBAKARAN</b></br> Proses pembakaran bisa berlangsung selama 48 jam tanpa berhenti (api terus menyala). Proses pembakaran bisa menggunakan tungku dengan kayu bakar, atau bisa juga menggunakan

mesin pembakaran. proses ini sangat menentukan kualitas bata yang dihasilkan. Semakin lama dan tinggi panas yang digunakan dalam proses pembakaran, maka bata akan semakin

masak dan tingkat kekerasannya akan semakin tinggi.</font> </td>

</tr> </table>

<table border="10" width="100%"> <tr bgcolor="pink">

<td aligen="center">

<marquee><font color="red"><b>shodiq_99@yahoo.co.id & shodiqr@yahoo.com</b></font></marquee> </td> </tr> </table> </font> </body> </html>

(36)

Berikut adalah tampilan halaman bisnis1.html pada web browser:

Gambar 5. Tampilan Halaman bisnis1.html

F. Halaman bisnis2.html (Bisnis Desain Grafis)

Halaman ini memberikan informasi tentang bisnis jasa desain grafis. Informasi yang dimuat meliputi karakteristik dan tema desain. Halaman ini juga menampilkan beberapa contoh desain yang telah dibuat. Pada halaman ini terdapat dua menu link, yaitu link menuju halaman arie.html dan form2.html (Form Pemesanan Desain). Berikut adalah skirp/kode hatml: <html> <head> <title>halaman_bisnis_desain</title> </head> <body background="merah3.jpg"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

(37)

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

</tr> </table>

<hr size=5 width="100%"> </div>

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br> <font color="white"><b>INFORMASI PROFIL DAN BISNIS

(38)

<b><h3><font color="red">MUHAMMAD AKHIRUDDIN</font></h3></b></font> <table border="2">

<tr bgcolor="silver">

<th> <a href ="arie.html">M. AKHIRUDDIN</a></th>

<th> <a href ="form2.html">FORM PEMESANAN DESAIN</a></th> </tr>

</table>

<table border="2">

<td rowspan="2" bgcolor="violet" width="15%"> <font color="black"><b>DAFTAR ISI</b></font> <ol type="square">

<li><a href ="shodiq.html">Shodiq</a> <ul type="square">

<li> Bisnis</li> <li> Novel </li> </ul>

<li><a href ="arie.html">Akhiruddin</a></li> <ul type="square">

<li>Bisnis</li> </ul>

<li><a href ="novel.html">Novel Amatir</a></li> <li><a href ="bisnis1.html">Bisnis Bata</a></li> <li><a href ="bisnis2.html">Bisnis Desain</a></li>

<li><a href ="form1.html">Form Pemesanan Bata</a></li> <li><a href ="form2.html">Form Pemesanan Desain</a></li> </ul>

</li> </ol>

<img src="coach.jpg" width="150" height="130" align="right"/> <img src="btl3.jpg" width="150" height="150" align="right"/> <img src="grs.jpg" width="150" height="170" align="right"/>

(39)

</td> </tr> <tr>

<td><img src="arie2.png" width="200" height="230" align="left"/> <p align="justify"><font size="3" color="gold">DESAIN

GRAFIS,,,,,</br>

Usaha yang saya jalankan ini bergerak dibidang jasa penjualan kaos Khas Daerah. Dimana saya bertugas sebagai desainer untuk kaos tersebut. Desain yang saya buat meliputi kekhasan di suatu Daerah tertentu, namun yang pertama saya buat adalah tentang daerah Tanah Laut yang terkenal dengan bermacam-macam kekhasannya. Untuk daerah Tanah Laut sendiri, desain yang saya buat berdasarkan pada tempat-tempat wisata misalnya seperti tempat wisata gunung Khayangan, pantai Takisung, pantai Batakan, Taman Minatirta dll. namun saya juga membuat desain berdasarkan ciri khas dari daerah ini sendiri, yaitu Tajau yang terdapat pada logo tanah Laut, Sapi yang banyak ada disini, jagung yang juga banyak di tanam disini, juga tidak ketinggalan dengan Bunga Khas Tanah Laut yaitu bunga Anggrek Bulan. untuk menjalankan usaha ini, saya bekerjasama dengan pihak lain untuk masalah percetakan kaos. jadi, disini saya berperan sebagai desainer. sedangkan pihak tersebut berperan sebagai tempat untuk melakukan percetakan. Disini akan saya perlihatkan contoh-contoh desain yang telah saya buat.</font></p>

<table border="0" width="100%"> <tr bgcolor="white">

<td align="center">

<marquee><img src="desain.jpg" width="1200" height="300"/></marquee>

</td> </tr> </table>

<img src="sakuragi.gif" width="200" height="230" align="right"/> <p align="justify"><font size="3" color="gold">

(40)

Desain 1 menggambarkan tentang bermacam-macam tempat wisata yang ada di Tanah Laut dan juga saya masukkan unsur-unsur ciri khas dari daerah tanah laut yaitu Jagung dan Anggrek Bulan yang menjadi andalan di Tanah Laut.</br>

Desain 2 menggambarkan tentang sebuah ikon dari tanah laut, yaitu Tajau yang di beri bentuk animasi kartun. dan juga disisipkan disitu sapi beserta gerobak yang juga menjadi ikon dari daerah tanah Laut.</br>

Desain 3 menggambarkan tentang bunga yang menjadi ikon di Tanah Laut, yaitu bunga Anggrek Bulan yang menjadi bunga asli dari Tanah Laut.</br>

Desain 4 menggambarkan tentang Nanang Galuh yang sedang

mempromosikan tentang keindahan dari daerah Tanah Laut. Tidak lupa juga disisipkan gambar Tajau yang menjadi latar belakng dari gambar tersebut.</br>

Saya berharap usaha ini mendapat sambutan yang baik di masyarakat umum. Dalam usaha yang saya jalankan ini pasti tidak terlepas dari yang namanya persaingan. Namun saya yakin usaha ini akan berjalan dengan baik dan mampu di terima oleh masyarakat di sekitar wilayah Tanah Laut khususnya dan Kalsel pada umumnya.</font></p>

<b><font color="green">

Anda tertarik dengan desain saya. Hubungi no Hp. 085 222 833 164 atau via e-mail ke arie0311@yahoo.co.id

</font></b> </td> </tr> <tr>

<table border="0" width="100%"> <tr bgcolor="transparent">

<td align="center">

<marquee><p><h1><font color="white"><img src="arie2.png"

(41)

JL.TAQWA NO.20 RT9 RW.3 KEC. PELAIHARI KAB. TANAH LAUT | arie0311@yahoo.co.id </font></H1></P></marquee> </td> </tr> </table> </font> </body> </html>

Berikut adalah tampilan halaman bisnis2.html pada web browser:

Gambar 6. Tampilan Halaman bisnis2.html

G. Halaman Form form1.html (Form Pemesanan Bata)

Halaman ini merupakan halaman interaksi pengunjung dengan pemilik web, dimana halaman ini memuat informasi langkah-langkah pemesanan produk bata. Halaman ini terdiri dari kolom-kolom data yang harus diisi oleh pengunjung jika ingin memesan produk bata. Selain itu, halaman ini juga memberikan keterangan terkait tatacara pemesanan bata. Pada halaman ini terdapat dua menu link menuju halaman shodiq.html dan bisnis1.html. Berikut adalah skrip/kode html:

<html> <head>

(42)

<title>halaman_pemesanan_bata</title> </head>

<body bgcolor="black"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

</td> <td>

<img src="kop.gif" width="130" height="110" align="center"/> </td>

(43)

</tr> </table> <tr>

<hr size=5 width="100%"> </div>

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br> <font color="white"><b>INFORMASI PROFIL DAN BISNIS

KAMI</b></p> <table border="2"> <tr bgcolor="silver">

<th> <a href ="index.html">HOME</a></th>

<th> <a href ="bisnis1.html">BISNIS BATA MERAH</a></th> </tr>

</table>

<table border="1"> <tr>

<td rowspan="2" bgcolor="violet" width="15%"> <font color="black"><b>DAFTAR ISI</b></font> <ol type="square">

<li><a href ="shodiq.html">Shodiq</a> <ul type="square">

<li> Bisnis</li> <li> Novel </li> </ul>

<li><a href ="arie.html">Akhiruddin</a></li> <ul type="square">

<li>Bisnis</li> </ul>

<li><a href ="novel.html">Novel Amatir</a></li> <li><a href ="bisnis1.html">Bisnis Bata</a></li> <li><a href ="bisnis2.html">Bisnis Desain</a></li>

(44)

<li><a href ="form1.html">Form Pemesanan Bata</a></li> <li><a href ="form2.html">Form Pemesanan Desain</a></li> </ul>

</li> </ol>

<img src="coach.jpg" width="150" height="130" align="right"/> <img src="btl3.jpg" width="150" height="150" align="right"/> <img src="grs.jpg" width="150" height="170" align="right"/> </td>

<td>

<p><font color="blue" size="3"><b>FORM PERMINTAAN PRODUK BATALA (BATA TANAH LAUT)</b></font></p>

<p>

<form method="post" action="formarea.html">

<b>Silahkan Masukan Data Pribadi dan Permintaan Anda:</b> <table border="0">

<tr bgcolor="silver"> <td valign="top"> <pre>

Nama :<input type=text name=txtnama size=50> No.Tlp :<input type=text name=txttlp size=50> E-Mail :<input type=text name=txtemail size=50> Jumlah Bata :<input type=text name=txtjumlah size=50> Alamat Pengiriman :<input type=text name=txtalamat size=80> </pre>

</td> </tr> </table>

<hr><input type=submit value=KIRIM><input type=reset value=HAPUS>

</form> </p>

(45)

<p>

<table border="1" width="60%"> <tr bgcolor="silver">

<td><b><u>CARA PEMESANAN</u></b></br> <pre>

1. Isi semua kolom data permintaan.

2. Kami akan mengirim komfirmasi permintaan Anda, dan jumlah biaya yang harus Anda transfer ke rekening kami.

3. Komfirmasi akan kami kirim ke E-mail Anda.

4. Krim kembali konfirmasi persetujuan Anda melalui E-mail shodiqr@yahoo.com

5. Kirim biaya harga produk plus pengiriman.

6. Setalah uang Anda tranfer, lakukan komfirmasi ke kami dengan menghubungi No. HP 085 285 604 671

7. Selanjutnya produk akan kami kirim ke alamat yang tertera di alamat pengiriman. </pre> </p> <p> <b><u>KETERANGAN</u></b></br> <pre>

1. Biaya transaksi adalah harga produk= Rp. 400.000/1000 bata ditambah ongkos kirim.

2. Minimal permintaan produk sebanyak 10.000 bata.

3. Biaya transaksi bisa Anda tranfer melalui Bank Mandiri NO. Rekening 031-00-0707688-1 atas nama ROHMAD SHODIQ

</pre> </p> </td> </tr> </table>

(46)

<table border="5" width="100%"> <tr bgcolor="pink">

<td aligen="center">

<marquee><font color="blue"><b>TERIMAKASIH ATAS KEPERCAYAAN ANDA PADA PRODUK

KAMI</b></font></marquee> </td> </tr> </table> </font> </body> </html>

Berikut adalah tampilan halaman form1.html pada web browser:

Gambar 7. Tampilan Halaman form1.html

H. Halaman form2.html (Form Pemesanan Desain)

Halaman ini merupakan halaman interaksi pengunjung dengan pemilik web, dimana halaman ini memuat informasi langkah-langkah pemesanan jasa desain. Halaman ini terdiri dari kolom-kolom data yang harus diisi oleh pengunjung jika ingin memesan jasa desain. Selain itu, halaman ini juga memberikan keterangan terkait tatacara pemesanan

(47)

desain. Pada halaman ini terdapat dua menu link menuju halaman arie.html dan bisnis2.html. Berikut adalah skrip/kode html:

<html> <head> <title>halaman_pemesanan_desain</title> </head> <body background="merah3.jpg"> <font face="arial">

<table border="0" width="100%"> <tr background="judul.jpg"> <td>

<img src="kop2.gif" width="130" height="110" align="center"/> </td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img src="arie2.png" width="70" height="80" align="right"/><font color="yellow">S</font><font color="blue">E</font><font color="magenta">L</font><font color="white">A</font><font color="red">M</font><font color="green">A</font><font color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font color="red">T</font><font color="green">A</font><font color="yellow">N</font><font color="blue">G</font> <font color="magenta">D</font><font color="white">I</font> <font color="red">W</font><font color="green">E</font><font color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80" align="left"/> </font></h1></marquee>

Gambar

Gambar 1. Tampilan Halaman Index.html
Gambar 2.a. Tampilan Halaman shodiq.html
Gambar 3. Tampilan Halaman arie.html
Gambar 4. Tampilan Halaman novel.html
+7

Referensi

Dokumen terkait

 Menyatakan diri sebagai bagian dari NII Kartosuwiryo  Diselesaikan dengan Musyawarah Kerukukan Rakyat Aceh C..

Puji syukur kami panjatkan ke hadirat Allah SWT, berkat rahmat dan karuniaNya, Pemerintah, dalam hal ini, Kementerian Pendidikan Nasional, sejak tahun 2007, telah membeli hak cipta

Pengeluaran berupa transfer uang, barang atau jasa yang diberikan oleh Pemerintah Pusat/Daerah kepada masyarakat guna melindungi dari kemungkinan terjadinya resiko

Teraba tumor ataupun KGB dengan diameter 5 cm atau lebih dan tidak ada metastasis jauh.. Tumor dengan infiltrasi langsung kejaringan sekitarnya dan tidak ada

Deteksi molekuler beberapa sampel daun nilam bergejala dan tidak bergejala dari ketiga lokasi menggunakan primer degenerate gen CP Potyvirus, berhasil

Cất giữ các dụng cụ máy không sử dụng ngoài tầm với của trẻ em và không cho bất kỳ người nào không có hiểu biết về dụng cụ máy hoặc các hướng dẫn này vận

Penelitian dengan judul karateristik campuran tanah dengan serbuk batu bata pada berbagai campuran untuk meningkatkan daya dukung lapisan tanah dasar jalan desa,

Penelitian ini menghasilkan peta tematik dengan judul Persebaran Keramba Budidaya Ikan Apung Berbasis Android Smart phone Di Sepanjang Sungai Martapura Kota