membina minisite jualan

Membina Minisite Jualan

Membina Laman Web Yang Menjual

Sebelum membina minisite ,kita perlu tahu dan faham cara minisite itu berfungsi.Ini memudahkan kita menguasai isu-isu asas dalam membina laman web.

Asas laman web adalah satu fail yang ditulis mengikut format yang tersendiri.Format ini digelar HTML(Hyper Text Mark Up Language).Fungsi format ini adalah bagi memudahkan pelayar web memaparkan isi kandungan fail tadi dengan betul.

Ia kemudian diletakkan dalam komputer yang bertindak sebagai pelayar atau server.Server ini menghantar kepada mana-mana komputer yang mahu melihat fail HTML tadi melalui pelayar web.Servis server ini dinamakan atau dipanggil hosting.

Nama domain bertindak sebagai alamat laman web.Secara asasnya , setiap server memiliki satu set nombor yang bertindak sebagai alamat atau IP address Contohnya 192.168.100.64

Nombor-nombor ini sukar diingati jadi wujud servis yang dipanggil DNS atau Domain Name Server.DNS ini menyimpan nama domain dan IP address server kita.

Apabila sebuah komputer meminta atau memanggil nama domain kita,DNS terus mencari IP dan seterusnya menghantar arahan kepada server bagi menghantar fail HTML kepada pelayar web tadi.

Kini banyak format yang digunakan dalam pembinaan minisite.Antara format yang popular adalah HTML,DHTML,XML dan CSS serta lain-lain format.Format ini lebih mudah dipelajari namun terhad pada membina laman web statik iaitu laman web yang hanya memaparkan informasi.

Bagi laman web yang memerlukan kemasukan data daripada pihak ketiga dan kemudian diproses sebelum dipaparkan semula ,pengaturcaraan pada server perlu dilakukan dengan menggunakan bahasa pengaturcaraan seperti PHP,MySQL,ASP,SQL,Ruby on Rail,Javascript dan Ajax.

Bagi memudahkan proses pembinaan minisite,disyorkan mencari dan menggunakan templete yang banyak terdapat diinternet.Contohnya seperti berikut:

1.Oswd.com-http://www.oswd.com

2.Opensource Templete-Http://www.opensourcetempletes.org/

3.Free CSS-http://www.free-css.com

4.OpenSource Web Designer-http://www.opendesigns.org/

5.OpenSource Web Templetes-http://www.oswt.co.uk/

Pastikan templete yang mahu digunakan perlu dilesenkan sebagai Creative Commons atau lesen GNU .Produk ini tidak memerlukan kita membayar royalti kepada pencipta asal.Namun terdapat beberapa sekatan atau perkara yang penting yang boleh dibaca dalam fail teks README.txt yang disertakan bersama templete.

Menggunakan Oswd.com bagi mencari templete percuma laman web

step pertama

lawat laman web oswd.com dan download satu templete yang mahu gunakan.

Step kedua

unzip fail.zip yang didownloadkan dan extract all semua fail

Ikuti struktur minisite itu.Setiap gambar diletakkan dalam sebuah folder yang berasingan iaitu fail images.

Index.html adalah fail utama yang dipaparkan apabila laman web dilayari.Fail style.css pula mengandungi segala stail yang digunakan oleh laman web itu.

Menggunakan perisian Kompozer membina minisite

Perisian Kompozer ialah perisian bagi menghasil dan mengubahsuai fail HTML.Ia lebih mudah dipelajari berbanding mempelajari bahasa HTML secara terus.Perisian ini adalah percuma.

Perisian ini dikategorikan sebagai Open Source .Dalam bengkel amali pemasaran internet di kursusperniagaan.com, ia menekankan pada penggunaan perisian Open Source bagi membina minisite.Gunakan perisian Open Source bagi mengelakkan tindakan undang-undang .Ini kerana menggunakan perisian cetak rompak bagi tujuan perniagaan adalah salah dan tidak dibenarkan.

Perisian Kompozer termasuk dalam kategori perisian What You See Is What You Get(WYSIWYG) sama seperti perisian Adobe Dreamweaver CS4,Microsoft Word,Microsoft Publisher dan lain-lain.

Ia hanya memerlukan kemahiran asas dalam mengendalikan komputer bagi digunakan dengan sempurna.Sekiranya kita sudah tahu cara menggunakan perisian Microsoft Word,jadi mudah bagi kita mempelajari perisian Kompozer ini..Berikut adalah langkah-langkah mudah menggunakan Kompozer:

1.Muat turun perisian Kompozer di http://kompozer.net/download.php

2.Pilih download bagi window (pilih 32 atau 64 bit)

3.Unzip.fail .zip fail yang telah didownload dan extract files

4.Dalam folder yang diextract klik pada ikon Kompozer

5.Buka fail templete yang didownload tadi bagi tujuan ubahsuai menjadi minisite kita.Caranya klik ikon open dalam perisian Kompozer

6.Kemudian buka folder templete yang dileraikan dalam langkah sebelum ini dan tekan open sekali lagi

7.Klik fail index yang didownload dan free templete anda dibuka dalam perisian Kompozer

8.Selepas fail templete HTML itu dipaparkan ,kita boleh mengubah bahagian-bahagian yang kita mahu dengan cara yang sama seperti mengendalikan Microsoft Word.Kita boleh memasukkan ayat-ayat jualan yang disiapkan bagi menggantikan perkataan-perkataan dalam templete itu.Kesemua ciri-ciri perkataan boleh diubahsuai.Warna ,saiz,jenis dan pelbagai dekorasi bagi sesuatu perkataan boleh diubah dengan menggunakan toolbar .

Contohnya tukar tajuk utama laman web.Caranya Highlight perkataan yang mahu diubah selepas itu taip perkataan baru untuk ubah perkataan yang dihighlight.

Kenali fungsi setiap ikon-ikon bagi memasukkan dan mengubahsuai elemen HTML yang lain.Antara elemen-elemen itu adalah gambar atau imej,link,jadual dan CSS.

Sebelum melakukan ubahsuai ataupun memasukkan imej baru,semua imej yang mahu digunakan perlu disalin ke dalam folder images..Ini bagi memudahkan proses upload ke dalam server hosting.Contoh kita mahu memasukkan imej yang baru ke dalam templete.Langkah-langkahnya adalah seperti berikut:

Klik pada ruang templete yang mahu dimasukkan gambar baru.Contohnya letak gambar pada bahagian awal teks.

1.Pada Kompozer ,klik ikon 'image'.

2.Paparan berikut muncul .Klik ikon 'folder'

3.Pilih gambar yang mahu dimasukkan .Contohnya fail imej imej.png.Selepas itu klik 'open'.

4.Tulis dalam ruangan 'alternate text' kata kunci bagi gambar itu dan klik 'ok'.

5.Gambar itu kini dipaparkan di dalam Kompozer.

Tetapi posisi itu kelihatan tidak sesuai.Ubah posisi gambar ke sebelah kiri perenggan.Ini memerlukan kita mengubahsuai CSS bagi gambar itu.Ikuti langkah-langkah ber ikut:

1.Klik kanan pada gambar dan pilih menu 'image properties'.

2.Kemudian ,klik 'Advance Edit'

3.Pada window yang dipaparkan ,klik pada tab 'Inline Style'.Inline style ialah CSS yang diletakkan dalam elemen HTML.

4.Cari kotak dengan label 'Property' dan taip perkataan 'float'.

5.Pada kotak 'Value' taip perkataan 'left' .Ini menjadikan imej itu berada di sebelah kiri pelanggan.

6.Paparan CSS untuk ubahsuai posisi gambar.

7.Ia masih memerlukan sedikit ubahsuai .Perenggan itu memerlukan sedikit ruang bagi mengasingkannya daripada gambar itu.Ia disebut sebagai whitespace dalam bidang reka grafik.

Kita perlu mengubahsuai Inline Style pada imej itu.dengan memasukkan 'Property Marginj' dan nilai yang sepatutnya.Langkah-langkah adalah seperti berikut:

1.Pergi ke tab 'Inline Style' .Klik kanan > Image Properties > Advanced Edit > Inline Style.

2.Taip perkataan 'margin-right' dalam kotak 'Property'.Ini bermaksud kita hanya mahu mengubahsuai ruang di sebelah kanan imej tersebut.

3.Taip '10px' dalam kotak 'Value'.

Posisi gambar dan teks telah dijarakkan dan pandangan pembaca lebih jelas.

Kadangkala kita mahu menukarkan gambar yang sedia ada dalam templete dengan gambar yang lain.

Contohnya kita mahu menukar gambar dalam templete HTML kepada gambar yang sudah diambil.Gambar yang mahu ditukarkan perlu mempunyai saiz yang sama dengan gambar yang mahu ditukarkan bagi mengelakkan sebarang komplikasi pada templete anda.

Langkah-langkah menukarkan gambar kepada gambar yang lain adalah seperti berikut:

1.Klik kanan mouse pada gambar ,pilih 'image properties;.klik ikon folder di bahagian image location

2.Pilih image yang mahu dimasukkan dan klik gambar yang sudah diletakkan dalam folder images.Nama fail itu adalah demo_img.Kemudian klik ok,gambar itu sudah ditukarkan dengan imej yang anda pilih.

3.Pilihan gambar dibuat bagi menggantikan gambar sedia ada.

4.Gambar asal pada fail index.html

5.Gambar asal pada fail index.html sudah diganti.