4.2 Mendesain LayoutTemplate
Sebelum membuat situs yang perlu diperhatikan adalah desain layout situs tersebut. Dalam mendesain harus diperhatikan bentuk, pemilihan warna, bentuk dan juga
penempatan gambar-gambar. Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang bagus. Adapun langkah-langkah umum yang penulis
lakukan dalam mendesain layout adalah sebagai berikut:
a. Membuat dokumen baru dengan ukuran panjang 1000 pixel dan lebar 900 pixel.
Resolution: 72 PixelsInch, dan Canvas color: Custom dengan warna biru muda 4ABAE2.
b. Selanjutnya menggambar kotak memanjang. Dengan pilihan warnanya pada
Properties di bagian Fill category: Solid dengan warna Abu-abu 0E1937. Selanjutnya, mengatur posisi dan ukurannya.
c. Menggambar bentuk-bentuk unik, menduplikasi bentuk unik , memberikan pola
efek bayangan, memberikan hiasan foto dan logo hingga menggambar tombol- tombol navigasi dan mengatur bagian content layout.
d. Dengan memanfaatkan tool-tool yang ada di Macromedia Fireworks MX 2004
seperti rectangular marquee tool, gradient fill tool, line tool, pointer tool dan text tool dan dengan kreasi penulis, dibentuk suatu layout seperti gambar berikut ini:
Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008.
USU Repository © 2009
Gambar 4.3 Desain awal layout web
4.3 Pemotongan Grafik Web
Pemotongan slice merupakan cara pemotongan gambar besar menjadi gambar- gambar dengan ukuran yang lebih kecil, yang nantinya gambar-gambar tersebut akan
disatukan kembali menjadi satu kesatuan gambar yang utuh dalam HTML Hypertext Markup Language. Tujuan utama proses slice ini adalah untuk mempercepat proses
downloadakses sebuah situs web di Internet.
Pemotongan slice grafik adalah suatu proses memotong suatu grafik menjadi bagian-bagian kecil. Slice merupakan suatu teknik yang sering digunakan oleh
seorang web designer untuk mempercepat akses loading situs yang dibuat.
Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008.
USU Repository © 2009
Suatu browser tidak membaca keseluruhan grafik terlebih dahulu lalu menampilkannya tetapi browser akan membaca potongan kecil grafik yang telah
dibuat lalu langsung menampilkannya. Dengan memanfaatkan teknik ini dapat mempercepat proses loading dalam menampilkan halaman web.
Pemotongan grafik ini dapat dilakukan di Photoshop atau menggunakan Image Ready yang sudah terinstal secara otomatis ketika menginstal Photoshop. Adapun tool
yang digunakan adalah slice tool dan slice select tool. Hasil dari prosesnya dapat dilihat pada gambar di bawah ini:
Gambar 4.4 Proses slice desain pada Photoshop
Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008.
USU Repository © 2009
4.4 Mempersiapkan Database Server
Kategori