Dokumen tersebut merupakan laporan tentang proses pembuatan sebuah website menggunakan software Artisteer2. Software ini memudahkan pengguna untuk membuat website dengan fitur drag-and-drop. Penulis menjelaskan langkah-langkah pembuatan website dengan Artisteer2 mulai dari mengedit layout, template, dan background, lalu mengubah isi konten menggunakan Adobe Dreamweaver.

1. Disusun Oleh :
Nama : Garna Nur Rohiman
Nim : 11.11.4975
Kelas : 11S1TI-05

2. Saya akan menjelaskan tentang proses pembuatan website
ini untuk memenuhi syarat “Report”. Saya membangun
website ini dengan menggunakan software “Artisteer2”,
karena software tersebut dapat mempermudahkan
seseorang untuk membuat website sesuai dengan
keinginannya. POin plus untuk software ini adalah software
ini “user friendly”, artinya pengoperasiannya mudah hanya
tinggal klik-klik saja. Berikut cara pembuatan website
dengan menggunakan “Artisteer2”.

3. 1. Di dalam laptop/PC anda harus sudah terinstall
“Artisterr2” terlebih dahulu, kalau belum terinstall download
dulu.
2. Bukalah Aplikasi “Artisterr2”, maka akan tampak halaman
utama sebagai berikut:

4. 3. Pilih kategori “HTML page”, karna disini saya membuat
web berbasis HTML.
4. Maka tampilan awal seperti dibawah ini.

5. 5. Nah Layout awal (layout default artisteer2) sudah keluar,
sekarang saya akan mengedit sebagian layout default sesuai
dengan keinginan saya. Berikut apa saja yang saya edit :
 Saya mengedit background, dengan cara Masuk ke menu
Background > kemudian pilih background > Klik
background tersebut.

6.  Edit Header dengan cara masuk ke menu Header >
hapus Headline dan Slogan text > untuk memasukan
gambar, pilih from file kemudian open > kemudian
atur ukuran sesuai dengan header, nah hasilnya sebagai
berikut

7.  Nah kemudian kemudian saya mengubah Layout menjadi
2 kolom, dengan cara masuk ke menu “Layout pilih 2
kolom > klik kolom tersebut”

8.  Kemudian saya mengubah button menu dengan cara
yang sama, yaitu masuk ke “Menu menu > pilih tombol menu
yg diinginkan”.

9.  Kemudian saya mengubah warna background menjadi
seperti dibawah ini

10.  Nah semua sudah selesai, kemudian export ke “HTML
page”, yaiutu dengan cara klik tombol export > pilih HTML
page > isikan nama dan pilih folder untuk tempat
menyimpannya > pilih export as folder > Export.

11.  Nah kemudian kita ubah total content dan kolom sesuai
keinginan saya, saya mengubahnya menggunakan “Adobe
Dreamweaver CS3”. Di situ saya mengubah dan
menambahkan coding-coding HTML. Sehingga tampilan
Home menjadi sebagai berikut

13. Didalam Home saya banyak menambahkan kolom-kolom tambahan, seperti Klinik, Petshop, Iklan dan Agenda, berikut source code yang ditambahkan :
Klinik :
<div class="art-Block">
<div class="art-Block-tl"></div>
<div class="art-Block-tr"></div>
<div class="art-Block-bl"></div>
<div class="art-Block-br"></div>
<div class="art-Block-tc"></div>
<div class="art-Block-bc"></div>
<div class="art-Block-cl"></div>
<div class="art-Block-cr"></div>
<div class="art-Block-cc"></div>
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">Klinik</div>
</div>
</div>
<div class="art-BlockContent">
<div class="art-BlockContent-body">
<div><center><b>LOGO berukuran <br/>
175px X 100px</b></center><br />
Phone: 085 726 333 882 <br />
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>