Hallo Arto.
Sebenarnya saya sendiri kurang menguasai program Frontpage. Mungkin Arto
bisa belajar dari pengalaman saya dan rekan rekan web design yang lain di
dalam proses pembuatann homepage.
Dari pengalaman yang saya lakukan langkah langkahnya adalah sebagai berikut:
1. Buat sketsa design untuk halaman depan dengan menggunakan adobe
Photoshop.
----> Biasanya jika screenn monitor yang saya gunakan berukuran
- 600x400 pixel maka besarnya media gambar pada adobe adalah
sebesar 536 x 196 pixel sedangkan
- 800x600 pixel maka besarnya media gambar pada adobe adalah
sebesar 760 x 420 pixel.
---> Tujuannya adalah agar saat halaman depan selesai tidak terdapat scroll
vertical dan horizontal pada browser yang dapat mengganggu pandangan mata
visitor.
2. Setelah yakin dengan design yang di buat dengan adobe photoshop, save
design tersebut dalam format default photoshop yaitu *.psd
3. Bukalah program Adobe Image Ready (Jika photoshop yang anda gunakan versi
5.5 andda tinggal memilih menu FILE - JUMP TO - ADOBE IMAGE READY) kemudian
Buka file PSD yang di save di Photoshop tadi.
4. Design yang di buat di photoshop tadi, kini di tampilkan pada program
IMAGE READY, Sekarang anda tinggal mengoptimalkan design tersebut dan
menyimpannnya kedalam format *.jpg atau gif dan *.html
---> Jika Design photoshop tadi ingin di tampilkan utuh (satu file gambar)
lakukan pada IMAGE READY
- FILE - SAVE OPTIMIZED AS (yakinkan bahwa Save
html file dan Save Image diberi tanda v
sedangkan save selected sliced di biarkann
kosong)
- berilah nama index.html apabila design
tersebut merupakan halamann utama homepage.
- Tekan OK
---> Jika Design photoshop tadi ingin di tampilkan mennjadi beberapa bagian
kecil lakukan pada IMAGE READY:
a. Tampilkan Ruler dengan cara memilih menu VIEW - SHOW
RULER
b. Buat Guide Line (Garis Biru) dengan cara:
- Arahkan cursor pada Ruler kemudian tekan
tepat di tengah Ruler.
- Tahan cursor tersebut kemudian di geser ke
arah batas gambar yang ingin di buat
menjadi bagian2 kecil. (slicing).
- akan terlihat garis berwarna biru saat mouse
di lepas. lanjutkan cara tersebut sesuai
keinginan anda.
- Setelah anda yakin telah cukup membuat
pembatas gambar untuk menjadikan gambar
tersebut menjadi beberapa bagian kecil.
pilihlah menu :
SLICE - CREATE SLICE FROM GUIDE
*) Apabila gambar yanng terpecah
tersebut ingin ddi buat link untuk ke halaman
selanjutnya masukan alamat URL
tujuan pada kotak isian URL yang terdapat pada
windows SLICES
*) catatan:
Untuk mengaktifkan
Windows Slices: --> WINDOWS - SHOW SLICES
- Setelah selesai simpan lah dann jadikanlah
design tersebut menjadi satu halaman
homepage dengan cara memilih menu:
FILE - SAVE OPTIMIZED AS.
- berilah nama index.html apabila design
tersebut merupakan halaman utama homepage.
- Tekan OK
Yang perlu di ingat:
Untuk halaman Depan suatu homepage nama file yang di gunnakan defaultnya
adalah index.html
Untuk membuat code tag HTML untuk Link melalui gambar adalah:
<A HREF="url-untuk-halaman-yang-dituju.html><IMG
SRC="nama-gambar.jpg"></A>
atau dengan text
<A HREF="url-untuk-halaman-yang-dituju.html>Link Ke
Halaman Berikutnya</A>
--------------------------------[ SELAMAT MENCOBA ]-----------------------------------
============[ Tutorial By: B Production and Team Master Web Indonesia ]===============
Note:
Jika kurang jelas anda dapat menghubungi: [EMAIL PROTECTED]
Salam,
......:::::[ Bemby Indra Kusuma ]:::::......
Tutorial Riset Master Web Indonesia
http://bpro.master.web.id
-----Original Message-----
From: artok <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED] <[EMAIL PROTECTED]>
Date: Wednesday, June 28, 2000 5:36 AM
Subject: [MasterWeb] [web master]tanya tentang penggabungan....
>Hello milis,
>
> saya sedang ingin membuat homepage, tetapi saya kurang tau apa bisa
> saya menggunakan halaman depan HP dengan menggunakan adobe photo
> shop sedangkan isi menggunakan front page 2000 ? kalo bisa bagaimana
> cara untuk membuat link dari adobe photoshop ke front page 2000 dan
> apakah nantinya halaman depan HP harus diberi nama index.html ?
> tolong saya diberi masukan..... dan sebelumnya saya ucapkan terima
> kasih....
>
>--
>Love and Peace Forever,
> artok mailto:[EMAIL PROTECTED]
>
>
>
>
>------------[ MasterWEB - www.master.web.id ] -------------
>Moderator : [EMAIL PROTECTED]
>Berlangganan : [EMAIL PROTECTED]
>Stop Berlangganan : [EMAIL PROTECTED]
>-----------------------------------------------------------
>
>
