Lngkah-langkah membangun homepage

Langkah-langkah membangun homepage

I. Langkah-langkah membangun HomePage

II. Fungsi-fungsi dalam HomePage Builder

1. Bolehcity Homepage Site Manager

2. Homepage Builder editor

III. Membuat bermacam tipe halaman

1. Membuat Halaman Utama

2. Membuat Halaman Buletin Board

I. Langkah-langkah membangun HomePage

1. Langkah ke-1 : Sebelum membangun HomePage

a. Perencanaan Situs, Komposisi menu

Sebaiknya anda menggambar peta situs sebelum anda membuat HomePage. Anda akan mengalami banyak melakukan coba-coba dan akhirnya menjadi ruwet bila anda langsung membuat tanpa perencanaan.

Anda akan menghemat energi dan waktu dengan menulis nama halaman dan keterangan khusus mengenai isinya nanti. Juga anda harus memikirkan bagaimana tiap halaman saling terkait.

b. Penyiapan gambar dan isi HomePage

Ada satu hal lagi yang harus anda lakukan sebelum masuk ke proses pembuatan. Pertama siapkan semua isi yang akan berada pada HomePage dalam file teks. Kedua, siapkan semua gambar seperti logo, ikon dll. Akan banyak menghemat waktu anda.

Jika persiapan tidak dilakukan atau tidak semuanya, anda akan melakukan pencarian isi dan gambar berulang-ulang, dan tentu saja memakan banyak waktu.

2. Langkah ke-2 : Membangun HomePage

a. Pembuatan HomePage

Sekarang saatnya membangun HomePage anda. Pertama, dekorasi dan buat HomePage anda dengan gambar dan isi yang telah anda siapkan. Tapi, jangan membuat link halaman-halaman itu dulu. Mungkin ada halaman yang kelewatan atau salah link. Ingat, sangat penting bagi anda untuk menyelesaikan semua halaman dari HomePage anda dulu.

b. Men-link Halaman

Ketika anda telah selesai membuat semua halaman, anda sampai pada proses terakhir pembuatan HomePage, yaitu men-link halaman. Anda akan menghemat waktu dengan men-link halaman pada akhir, dan kecil kemungkinan untuk melakukan kesalahan.

3. Langkah ke-3 : Pengaturan dan perawatan HomePage

Begitu anda selesai membuat HomePage bukan berarti tugas telah selesai semua. Sangatlah penting untuk menambah dan mengupdate isi halaman anda, periksa tanggapan pengunjung atas HomePage anda dan menambah menu atau item yang dianggap perlu.

Orang tidak akan datang dan kembali ke HomePage yang ditinggalkan tanpa maintenance. Jadi, jangan lupa untuk secara teratur mengupdate isinya, tambah dan perbaiki yang salah.

Inilah langkah-langkah umum untuk membuat HomPage yang keren dan rapi. Selamat membangun HomePage !

II. Fungsi-fungsi dalam HomePage Builder

BolehCity Homepage Builder terdiri dari dua bagian seperti gambar di bawah. (Page Editor and Site Manager)

<Bagian kiri dari layar adalah 'Site Manager', dan bagian kanan adalah 'Page editor'.>

1. Bolehcity Homepage Site Manager (bag. 1)

Fungsi dasar dari Bolehcity Homepage Site Manager Memperbolehkan user untuk mengatur semua jenis halaman yang ada di website seperti halaman biasa atau halaman bulletin dalam gaya windows Explorer. Berikut ini fungsi yang disediakan oleh Site Manager.

<Menu Site Manager>

a. Buat Folder

Membuat folder baru

<Menu Buat Folder>

Ketika bekerja dengan banyak halaman, akan lebih mudah untuk mengatur mereka dengan mengelompokkan dalam beberapa folder. Ini window yang muncul ketika menu Buat Folder diklik.

<Window buat folder>

Ketika anda mengklik tombol "Ok" setelah memasukkan nama folder baru, folder baru akan muncul pada TreeView di sebelah kiri. Sebelum membuat folder, mohon periksa folder mana yang sedang dipilih saat itu. Folder akan dibuat sebagai sub-folder dari folder yang sedang dipilih saat itu. Maka daripada itu, pastikan di mana folder akan dibuat.

Ada folder yang tidak bisa dibuat sub-folder lagi
. =>Anda bisa membuat sub-folder pada folder Root atau folder yang berisi halaman biasa.

b. Buat Halaman

Membuat halaman baru

<Membuat halaman baru>

User dapat membuat halaman biasa, halaman bulletin, dan halaman guest book. Ini window pilihan yang muncul bila mengklik menu buat halaman.

 

<Window pilihan jenis halaman>

 

Pilih jenis template dengan mengklik salah satu template.

<Window pilih jenis template untuk halaman biasa>

Pilih jenis template yang ingin anda gunakan desain halamannya.

Desain halaman yang berbeda akan muncul menurut jenis template yang dipilih. Pilih satu desain dan klik pilih. Kemudian halaman baru itu akan terbentuk. Halaman baru ini akan diletakkan dalam folder terpilih.

- Halaman biasa tidak dapat dibuat dalam folder Buletin, hanya pada fodler Root atau folder biasa.
- Halaman Buletin akan dibuat dalam folder folder walaupun anda memilih folder lain..

c. Hapus Folder/Halaman

Menghapus dan secara permanen membuang halaman dan folder.

<Menu Hapus Folder/Halaman>

Halaman atau folder yang dipilih akan dihapus bila anda memilih halaman atau folder yang ingin anda hapus, dan klik tombol hapus.

<Window konfirmasi penghapusan>

Halaman yang berada dalam folder akan ikut dihapus bila folder tersebut dihapus.

- Hati-hati saat menghapus
Berhati-hatilah ketika menggunakan menu hapus.
Folder atau halaman yang terhapus tidak dapat dikembalikan seperti semula.

d. Pindah Folder/Halaman

Memindahkan lokasi folder/halaman

<Menu pindah folder/halaman>

Pilih folder atau halaman yang ingin anda pindah, dan klik "Pindah Folder/Halaman" akan muncul window di bawah.

<Window pilih lokasi pindah>

Pilih folder tujuan dan klik "Pindah", kemudian folder/halaman akan pindah ke dalam folder tujuan. Jika yang dipindah adalah folder, maka semua halaman di dalamnya akan ikut pindah.

Berhati-hatilah saat menggunakan menu "Pindah folder/halaman".

Hyperlink yang ada kemungkinan tidak jalan ketika anda memindahkan folder atau halaman, link antar halaman atau data dapat dimodifikasi.

User harus membetulkan link-link pada halaman yang dipindah menurut lokasi barunya.

- Folder dan halaman buletin tidak bisa dipindah.

e. Mengubah nama folder/halaman

Untuk mengubah nama folder/halaman, klik pada nama folder/halaman dengan mouse, dan ketika muncul kursor untuk mengetik, masukkan nama baru folder/halaman dan tekan "enter". Nama baru akan muncul.

<Mengubah nama folder/halaman>

Berhati-hatilah ketika mengganti nama. Hyperlink mungkin tidak akan jalan ketika anda mengubah nama folder/halaman. Harus mengubah link menurut nama baru folder/halaman.

- Beberapa folder tidak dapat diubah namanya.
Nama Folder root dan folder buletin tidak dapat diubah.

f. File Manager

User dapat mengatur pembuatan , penghapusan dan uploading file dan folder di sini.

<File manager>

Ketika anda memilih menu "File manager", window di bawah akan muncul.

<Window File Manager>

Folder/File Manager dibagi 2 bagian. Bagian kiri menampilkan daftar folder, bagian kanan menampilkan file-file dalam folder terpilih.

1). Buat folder

Membuat sub-folder baru dalam folder yang dipilih user. Klik tombol "Buat Folder" dan masukkan nam sub-folder baru.

<Window pemasukkan nama folder >

2). Hapus folder

Menghapus folder yang tak perlu. Pilih folder yang ingin anda hapus dan klik "Ya".

<Window konfirmasi hapus folder>

Folder akan dihapus jika anda mengklik tombol "Ya".

- Folder root dan UserUpload adalah folder system dan tidak bisa dihapus.

3). Upload File

User dapat mengupload file sendiri. "Window Upload File" akan muncul ketika tombol "Upload File" diklik.

<Window Upload File>

Klik tombol "Browse" dan pilih file pada komputer anda yang ingin anda upload dan klik tombol "Yes".

Ketika anda mengupload file *.HTML secara otomatis akan diubah menjadi file *.HTM. BolehCity menganjurkan anda untuk membuat halaman HTML dengan ekstension *.HTM.

4). Hapus File

Menghapus file-file yang user buat di Bolehcity Homepage Builder atau yang pernah diupload. Pilih file di sebelah kanan dan klik tombol "Ya". Window konfirmasi penghapusan di bawah akan muncul.

<Window konfirmasi penghapusan>

File terpilih akan dihapus jika anda klik tombol "Ya".

g. Preview Homepage

User dapat melihat hasil kerjanya secara keseluruhan homepage.

<Menu Preview Homepage>

User tidak dapat melihat dan memeriksa semua halaman jika halaman-halaman tersebut tidak dihubungkan dengan hyperlink, walaupun semua halaman telah dibuat. Maka dari itu, sebelum mengklik "Preview Homepage", linklah halaman-halaman dengan hyperlink.
User tidak dapat melihat hasil preview homepagenya jika tidak ada halaman "default", yang merupakan halaman awal dari folder Root.

h. Keluar

User akan kembali ke halaman depan setelah semua pekerjaan selesai.

<Menu keluar>

2. Homepage Builder editor (bag. 1)

User dapat mengedit semua template yang ada di BolehCity dengan editor yang disediakan oleh BolehCity Homepage Builder. Editor halaman ini menggunakan mode WYSIWYG(What You See Is What You Get) untuk mengedit dan membuat user lebih mudah untuk membuat atau mengedit teks dan gambar pada web.

Inilah tool-tool yang ada di editor.

Tool bar

a. Edit HTML

Menampilkan halaman yang sedang diedit dalam bentuk HTML dan user dapat langsung mengedit.

Ikon Edit HTML

Ketika anda mengklik ikon tsb, window di bawah muncul.

Window Edit HTML

Dalam window Edit HTML, source halaman yang sedang diedit akan muncul dan user dapat mengedit sourcenya. Ketika selesai mengedit source klik tombol simpan untuk menyimpan pekerjaan anda.

- Hindari mengedit source bila anda tidak begitu mengetahui tentang HTML
Jangan sentuh HTML source jika anda tidak pandai tag HTML. Dapat tejadi kesalahan fatal.

b. Simpan

Menyimpan halaman yang sedang dikerjakan ke web server.

Ikon simpan

- Jangan lakukan apa-apa pada saat proses penyimpanan.
Penyimpanan mungkin membutuhkan waktu lama tergantung pada koneksi ke server. Selama penyimpanan, coba hindari menggunakan menu-menu seperti "Pindah folder/halaman" atau "refresh" karena bisa mempengaruhi proses penyimpanan.

- Simpan sesering mungkin
Web server biasanya mempunyai fungsi batas waktu log out otomatis. Bila seorang user menggunakan web server source dalam jangka waktu lama, bisa mengganggu dan membuat user lain tidak bisa mengakses ke BolehCity. Maka dari itu, web server secara otomatis memutus koneksi jika iser tidak menggunakan servis dalam jangka waktu tertentu dalam asumsi bahwa user tidak menggunakan servis lagi. Untuk mencegah kehilangan semua kerja keras anda, selalu menyimpan perkejaan anda secara teratur.

c. Preview HomePage

Menu ini mengijinkan user membuka browser baru dan melihat halaman yang diedit dan seluruh HomePage.

Ikon Preview

Anda harus menyimpan hasil kerja anda dulu untuk bisa melihat hasil preview.

- Bila tidak bisa melihat halaman yang sedang diedit…
Kadang-kadang perkerjaan yang diedit tidak muncul di web browser langsung karena seting browser. Jika hal ini terjadi, klik tombol "refresh" pada web browser.

d. Undo/Redo

User dapat membatalkan editan yang dilakukan, atau mengulang editan kembali setelah sebelumnya diundo.

Ikon Undo/Redo

e. Edit Font

Seperti program word processor, editor memberikan fungsi-fungsi ini.

·         Font type
Memilih font dimana letak kursor berada.

Combo box tipe Font

User dapat mengubah tipe font pada bagian tertentu dari teks.

·         Bold
Mempertebal teks

Ikon bold

·         Italic
Mambuat karakter miring

Ikon Italic

·         Garis Bawah
Menambahkan garis bawah pada teks

Ikon garis bawah

·         Warna huruf
Memilih warna huruf

Ikon Warna Huruf

Bila anda mengklik ikon warna font, window di bawah muncul.

Tabel warna font

Pilih warna favorit anda dari tabel, atau masukkan nilai RGB atau nilai hexadesimal dan klik tombol "Ya".

·         Warna Latar Huruf
Memilih warna latar huruf

Ikon warna latar huruf

Menggunakan tabel dengan cara yang sama dengan tabel warna font.

f. Pangaturan Teks

Seperti pengolah kata, editor bisa mengatur tampilan teks atau gambar

·         ·Rata Kanan
Mengatur teks menjadi rata kanan.

Ikon rata kanan

·         Rata tengah
Mengatur teks menjadi di tengah.

Ikon Rata tengah

·         Rata Kiri
Mengatur teks menjadi rata kiri.

Ikon rata kiri
Mengatur teks menjadi rata kiri

- Mengatur teks dalam tabel
Untuk teks yang berada di dalam tabel, kadang pengaturan tidak sesuai dengan yang diinginkan user. Kalau begitu, klik ikon show table dan periksa lokasi dan ukuran tabel. Teks diatur menurut jumlah cell dalam tabel.

g. Increase/Decrease Indent

Menu ini menambah dan mengurangi banyak spasi dalam paragraf.

Ikon Increase/Decrease indent

Dengan menggunakan menu ini, user dapat dengan mudah memindahkan lokasi dari seluruh paragaf.

h. Hyperlink

Membuat hyperlink pada teks atau gambar.

Ikon Hyperlink

Klik ikon hyperlink setelah memilih teks atau gambar yang nantinya anda ingin link kemudian window di bawah akan muncul.

Window hyperlink

Ada 2 cara membuat hyperlink, internal atau eksternal.

·         Hyperlink halaman internal
Meng-Hyperlink halaman-halaman yang telah user buat. Pilih satu halaman dari daftar di combo box.

·         Hyperlink halaman eksternal
Gunakan menu ini untuk meng-hyperlink ke website eksternal. Tulis saja URL dari website yang ingin anda link.

·         Undo link
Mambatalkan hyperlink yang telah user buat sebelumnya.

·         Pilih frame target
User dapat menggunakan menu ini bila ia ingin meng-hyperlink ke browser baru atau frame(window) tertentu. Jika tidak ada nilai target yang dimasukkan, halaman yang dihyperlink akan muncul pada browser yang sama user gunakan pada saat itu.

i. Edit background

Mengedit background halaman

Ikon Edit background

Di window ini user dapat mengatur gambar backgrounf, warna, warna font keseluruhan, warna link, warna visited link. Window di bawah muncul bila menklik ikon edit background.

Window Edit Background

Untuk memilih gambar background, hilangkan tanda cek pada check box dari gambar background, dan klik tombol "browse" dan pilih gambar background.
Pilih warna background dengan mengklik salah satu warna pada tabel warna. Jika gambar background telah dipilih, warna background tidak akan dimasukkan ke background.
Memilih warna teks untuk warna teks keseluruhan halaman. Bila dipilih "None", warna default dari browser yang akan diberikan pada teks.
Warna link untuk memilih warna teks hyperlink. Link color selects the hyperlinked text color. Bila dipilih "None", warna default dari browser yang akan diberikan pada teks.
Warna Visited link untuk memilih warna teks visited hyperlink. Bila dipilih "None", warna default dari browser yang akan diberikan pada teks.

Window pilih musik background

Setelah memilih file MIDI yang akan digunakan sebagai latar belakang musik, klik tombol yes. Simpan dan cek apakah terpasang secara benar dengan mengklik preview. Upload MIDI file anda dengan menggunakan BolehCity File Manager pada folder User Upload. File suara harus berformat *.mid.

j. Efek Transisi pada halaman

Klik ikon dibawah untuk menambah spesial efek pada saat perpindahan halaman.

<Ikon Efek Transisi>

< Window Efek Transisi>

k. Judul Halaman

Kata-kata ini akan dipakai sebagai judul halaman dan akan muncul pada bagian paling atas dari window.

Field Judul Halaman

Masukkan kata-kata singkat sebagai judul

l. Masukkan Gambar

Memasukkan gambar pada halaman yang sedang dikerjakan

Ikon Masukkan Gambar

Window di bawah akan mucul ketika mengklik ikon masukkan gambar.

Window masukkan gambar

Window masukkan gambar terdiri dari 3 bagian. Bagian kiri atas menunjukkan daftar folder yang telah terkategori. Bagian kanan atas menampilkan file-file yang ada dalam folder terpilih. Bagian kiri bawah menampilkan gambar yang dipilih.

Pembagian folder gambar terdiri dari category, company, school, lab/organization, hobby/club, personal/family, dan userupload.
Untuk mengupload gambar user, klik tombol "upload" dan pilih file yang akan diupload.

m. Masukkan counter

Memasukkan counter yang akan menghitung total pengunjung pada halaman di mana counter itu dipasang.

Ikon masukkan counter

Hanya 1 counter yang dapat dimasukkan per halaman. Di bawah ini adalah window yang muncul ketika ikon masukkan counter diklik

Window masukkan counter

Masukkan jumlah digitnya, dan pilih desain favorit dan klik tombol "Ya", dan counter akan dimasukkan di mana cursor sedang berada. Lokasi counter dapat dipindah sesuai keinginan user. Masukkan angka awal dan counter akan mulai dari angka tersebut. Desain counter dapat diubah kapan saja dengan mengklik dua kali gambar counter.

n. Masukkan Table

Memasukkan tabel kedalam halaman

Ikon masukkan Tabel

Tabel mempunyai 2 fungsi didalam Halaman Web. Pertama, ia berguna untuk membuat tabel dan sangat berguna didalam membuat informasi yang disusun dalam bentuk tabel. Fungsi lainnya adalah untuk meletakkan kata atau gambar pada lokasi tertentu. User dapat dengan mudah meletakkan teks atau gambar pada tempat yang diinginkan dengan cara membagi halaman tersebut dalam bentuk tabel kecil dan memasukkan teks atau gambar pada sel tabel tersebut. Kebanyakan user mengunakannya untuk keperluan peng-editan di kemudian hari.

Pada saat meng-klik ikon masukkan tabel, jendela dibawah akan tampil,

Jendela Keterangan Tabel

User dapat memilih banyaknya baris, kolom, keterangan tabel, dan keterangan sel pada tabel itu sendiri. Bila user menset besar border pada 0 maka border tabel tidak akan terlihat.

o. Tampilkan Border Tabel

Ikon tampilkan border tabel

Ini akan menampilkan border pada tabel bila border walau dibuat pada ketebalan 0.

Halaman dengan border 0

Halaman dengan border 0 hanya diperlihatkan border-nya

Fungsi ini dapat menampilkan border yang tak ditampilkan oleh Browser Web. Lebih baik pada saat peng-editan border diperlihatkan kemudian disembunyikan bila telah selesai dengan menekan tombol ikon tampilkan border.

p. Edit Tabel

·         Sisipkan baris
Sisipkan satu baris diatas posisi terakhir kursor.


Ikon sisipkan baris

·         Hapus baris
Hapus baris pada posisi kursor


Ikon hapus baris

·         Sisipkan Kolom
Sisipkan satu buah kolom pada sebelah kiri posisi terakhir kursor.


Ikon Sisipkan kolom

·         Hapus Kolom
Hapus kolom dimana kursor terletak.


Ikon hapus kolom

·         Sisipkan Sel
Sisipkan satu sel tepat di atas sel dimana posisi terakhir kursor.


Ikon sisipkan sel

·         Hapus Sel
Hapus sel dimana letak terakhir kursor.


Ikon hapus sel

·         Gabung Sel
Gabung sel-sel terpilih menjadi satu buah sel.Sel yang kosong tidak akan bisa digabung, oleh karena itu tulis sesuatu pada sel kemudian setelah digabung dihapus kembali tulisannya.


Ikon gabung sel

·         Pisahkan sel
Pisahkan sel menjadi 2 bagian


Ikon pisahkan sel

q. Cut(Ctrl + X), Copy(Ctrl + C) dan Paste(Ctrl + V)

Menu ini tidak ada pada tool bar. Namun kita telah menambahkan kunci ini karena sering digunakan oleh user. Pertama sekali pilih teks atau gambar yang akan dipindahkan kemudian gunakan perintah: Cut(Ctrl + X) maka daerah terseleksi dipindahkan pada clipboard untuk sementara, Copy(Ctrl + C) akan menyimpan sementara daerah terseleksi pada clipboard untuk penggandaan. Paste(Ctrl + V) meletakkan file dari clipboard pada halaman.

r. Menggunakan kunci "Enter" dan kunci "Shift + Enter"

Pada umumnya fungsi kunci "Enter" adalah untuk mengubah baris pada saat mengedit pada pengolah kata, tapi di HTML kunci "Enter" berfungsi sebagai spasi dua kali (memasukkan tag </p>), dan kunci "Shift + Enter" untuk satu spasi (memasukkan tag <br>).

Kita telah belajar menu utama yang ada pada BolehCity Homepage Editor. Mari kita belajar bagaimana cara mengedit macam-macam tipe halaman Web.

III. Membuat bermacam tipe halaman

1. Membuat Halaman Utama (bag. 1)

Halaman Utama menyediakan informasi kepada pengunjung situs.

- Halaman awal seharusnya adalah halaman utama
Halaman pertama yang dilihat para pengunjung situs adalah halaman utama. ( Bulletin ) Board tidak bisa digunakan sebagai halaman awal. Dan halaman awal harus diberi nama 'default.htm'.

Tampilan dibawah ini akan muncul ketika user memilih halaman utama di window pemilih halaman.

Window tempat memilih desain untuk halaman umum

a. Pilih kategori template

Pertama pilih kategori template dimana anda akan memilih desain halaman. Kemudian window dibawah ini akan muncul

Window pilihan desain halaman

·         Nama Halaman
Pertama ketik di nama halaman kemudian pilih desain halaman yang anda mau anda gunakan. Jika tidak aka halaman awal, nama halaman akan secara otomatis dinamakan 'default.htm'.

·         Penjelasan Halaman
Penjelasan digunakan untuk memberi judul dari halaman yang akan ditampilkan paling atad pada window.Kategori Template Template teridiri dari Sekolah/Pendidikan, Organisasi/Riset, Hobi/Hiburan, Pribadi/Keluarga, Karakter, Perusahaan/Bisnis, LayOut, dan Kosong(Blank).
Template Layout terdiri dari 102 desain template dan user harus mengisi menu dan memasukkan gambar dan teks untuk menggunakannya
Template Sekolah/Pendidikan, Organisasi/Riset, Hobi/Hiburan, Pribadi/Keluarga, Karakter, Perusahaan/Bisnis bisa digunakan dengan cepat dan mudah bila user memasukkan teks dengan menggunakan BolehCity Homepage Builder. Template di letakkan dibawah setiap kategori menurut karakteristik dati desain template tersebut.
Template (Kosong)Blank adalah template kososng tanpa gambar dan teks. Jika user mau membuat dan mendesain template dari pada menggunakan template yang tersedia, pilih saja template kosong.

b. Edit isi halaman sesuai dengan kebutuhan anda.

Window BolehCity Homepage Builder

BolehCity Homepage Builder editor memungkinkan user untuk mengedit secara WYSIWYG(What You See Is What You Get) pada web browser. Dengan lain kata, user bisa menggunakan fungsi-fungsi yang sudah ada didalam editor seperti insert, dan mengedit teks, menyisipkan teks, mengecilkan maupun membesarkan gambar, drag & drop, copy & paste, dll; dengan mudah

·         Menyisipkan teks
Klik mouse pada tempat dimana anda mau mnyisipkan teks dan kursor akan segera tampil. User bisa dengan mudah menyisipkan dan mengedit teks. Tipe Font, size, bold, italic, underline, warna font color, warna latar font, bisa di pilih sesuai dengan kemauan user.Lebih lagi user bisa megeser teks dari kiri tengah maupan kanan. Secara Umum, user bisa membuat dan mengedit hompage seperti ketika anda menghunakan aplikasi pengolah kata.

·         Menyisipkan gambar dan mengeditnya
Klik gambar akan muncul icon untuk memasukkan gambar ke halaman yang aktif dan window dibawah ini akan muncul

Window masukkan gambar

Jika user memilih salah satu folder, maka file-file di dalamnya akan mincul di sebelah kanan. Klik salah satu file, maka akan tampil gambar di sebelah kiri bawah. Pilih gambar yang anda suka dan klik tombol "Ya", lalu gambar itu akan dimasukkan ke halaman kerja.

Editor halaman pada saat memasukkan gambar baru

Jika user ingin menggunakan gambar selain yang disediakan oleh BolehCity maka pindahlah ke File Manager.

·         Ubah lokasi gambar dan ukurannya
Pada saat mengklik gambar kemudian akan muncul 8 titik putih. User dapat memindahkan lokasi sesuai keinginannya dan menyesuaikan ukuran ke atas, bawah, kiri, atau kanan

Mengubah ukuran gambar

·         Simpan
User harus menyimpan halaman yang telah diedit pada server sebelum menyelesaikan pengerjaan editing. Jika tidak maka user akan kehilangan format halaman yang telah diedit dikarenakan waktu logout yang telah habis atau dikarenakan koneksi internet yang tidak stabil. Jadi selalu ingat untuk di Save. Klik Save!

·         Preview
Bila user telah mengklik save dan menekan preview halaman maka dapat melihat tampilan halaman terakhir yang telah diedit.

·         Hyperlink
Hyperlink adalah tools untuk menghubungkan halaman yang ada dengan halaman lain. Setelah memilih teks atau gambar yang user inginkan sebagai penghubung antar halaman kemudian klik tombol "hyperlink", setelah itu window ini akan tampil.

Window hyperlink

User dapat menghubungkan halaman yang ada dengan halaman internal (direktori sendiri) atau dengan halaman eksternal (www).

Halaman Internal bisa digunakan dalam keperluan untuk menghubungkan dengan halaman lain yang user telah selesaikan. User bisa memilih daftar halaman yang ada.

Halaman Eksternal bisa digunakan untuk menghubungkan ke alamat www di luar termasuk e-mail.

Untuk membatalkan link yang telah ada maka cek pilihan 'There is no link'. Selalu klik tombol Yes setelah semua selesai.

Disamping perintah-perintah diatas juga ada banyak fungsi lain seperti masukkan Counter, Search Site tool. Untuk mengetahui lebih spesifik lagi kegunaan toolbar editor masuklah kedalam Menu "Homepage Builder Editor".

2. Membuat Halaman Buletin Board

BolehCity Homepage Builder mencakup halaman buletin board sebagai suatu keharusan dan akan dibuat secara otomoatis. Fungsi halaman buletin adalah sebagai sarana komunikasi antara sesama pengunjung dengan yang memiliki homepage (Pengumuman Resmi, Tanya Jawab, PDS /sarana untuk tukar menukar file) Dengan membuat halaman buletin dapat menarik perhatian untuk para pengunjung homepage.

Dalam pembuatan halaman buletin terdiri dari 3 langkah:

langkah 1: Pilih kategori buletin
langkah 2: Pilih desain halaman buletin
langkah 3: Edit gambar dan isi pada halaman buletin

Pada saat user memilih halaman buletin, pada pilihan tipe halaman pilih window dan window dibawah ini akan muncul:

Window membuat halaman buletin

Pertama, pilih kategori halaman buletin dan window di bawah ini akan tampil. Pilih kategori buletin dan tipe pada nama halaman buletin. Pilih fungsi dari buletin. Fungsi Reply mengizinkan pengunjung untuk menulis sesuatu pada buletin dan PDS mengizinkan user untuk mengupload dan download file. Jika memilih fungsi PDS maka buletin akan berfungsi sebagai pustaka file.

Perhatian: Berhati-hati bila memilih fungsi PDS karena tidak bisa diubah bila telah dipilih.

Setelah semua selesai, pilih desain template dengan mengklik gambar desain yang ada. Meng-edit teks dan gambar pada buletin adalah sama dengan prosedur mengedit pada halaman umum. Perbedaannya hanyalah jangan menghapus "Daerah penyisipan program buletin".

Pada saat user mengklik "Daerah penyisipan program buletin" maka window dibawah ini akan tampil.

Window peng-edit-an halaman Buletin CGI - Pilihan Basic Item.

User dapat meng-edit fungsi reply, properti sel dan properti tabel di tempat ini.

Window peng-edit-an halaman Buletin CGI - Pilihan ETC

User dapat mengubah background, warna huruf, dan besarnya halaman buletin. Aetelah semua proses editing selesai klik tombol Yes.dan selesai.