Anda di halaman 1dari 46

1

Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Elemen pertama: Menambah Teks kepada Laman anda


Elemen adalah blok pembinaan laman. Menambah elemen ke laman
web adalah semudah klik pada elemen itu dan menarik(drag) ia ke
halaman. Marilah kita cuba menarik elemen yang paling asas - elemen
Text contoh seperti di bawah:

Elemen teks adalah elemen untuk menulis teks. Klik di dalam elemen
untuk mula menulis.

Sepertimana anda menulis, pastikan toolbar warna kelabu di bahagian


atas elemen tersebut. Ini adalah toolbar teks dan membolehkan
perubahan asas kepada format teks anda. Ia berfungsi sama seperti
mana-mana toolbar lain seperti biasanya kerja-kerja: pilih teks yang
anda mahu berlaku perubahan dan klik butang yang sesuai untuk
membuat perubahan itu.

Anda boleh melihat bahawa satu perkara yang anda tidak boleh lakukan

[Type text]
2
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

ialah menukar font untuk gaya yang berbeza. Setting untuk font
dikawal di tempat lain (untuk memudahkan jika ada perubahan) dan
anda akan mempelajarinya dalam panduan ini.

Untuk menambah lebih banyak teks ke halaman yang kita boleh terus
menulis dalam elemen yang sama, seret pada satu lagi elemen
perenggan, atau menggunakan salah satu daripada elemen-elemen teks
lain:

Elemen pertama: Menambah Gambar ke Laman


Menambah gambar ke laman web anda adalah cara yang sama seperti
menambah teks: dengan mengheret elemen gambar untuk halaman.

[Type text]
3
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Klik pada Image Box untuk memuat naik atau menambah gambar.

Ini membuka satu paparan dialog box yang mempersembahkan


beberapa cara untuk menambah foto. Kedua-dua pilihan utama adalah
sama ada untuk muat naik (atau seret) imej dari komputer anda sendiri
atau untuk membuat pencariani melalui pangkalan data stock photo
Weebly.

Mari kita mengfokus pada pilihan untuk memuat naik gambar dari
komputer anda sendiri.

Cara yang paling mudah untuk pendekatan ini adalah mengheret


gambar yang anda hendaki dari desktop anda ke dalam kotak " drag
photo here." Anda juga boleh menekan butang hijau " Upload a photo
from your computer " jika ia tidak mudah untuk memilih gambar yang
banyak.

Saiz gambar akan berbeza selepas memuat naik, tetapi ia biasanya


akan menunjukkan lebarnya sama dengan seluruh tapak.

[Type text]
4
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Anda boleh melaraskan saiz imej dengan mengklik dan menyeret kotak
kecil yang muncul di sudut bawah kanan imej tersebut (anda perlu klik
pada gambar untuk melihatnya.

Klik pada gambar yang juga akan membuka satu paparan dialog box
setting yang anda boleh gunakan untuk membuat perubahan
seterusnya.

Fungsian:
Lightbox: Jika anda mengaktifkannya pada imej, mana-mana pelawat
yang klik imej di laman anda akan dipaparkan versi yang lebih besar.
Link: Pilihan ini bertukar imej sebagai pautan

[Type text]
5
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Spacing: Membuat penyesuaian kecil kepada jumlah ruangan putih di


sekeliling gambar.
Caption: Membolehkan anda menambah caption teks asas di bawah
dalam gambar.
Advanced: Membolehkan anda melaraskan (atau menutup / pada)
sempadan di sekeliling gambar.

dan juga butang biru "Edit Image" akan membuka editor imej yang
mudah.

Editor ini memberikan beberapa pilihan asas untuk menambah kesan,


membolehkan anda memusingkan imej kepada mana-mana sudut dan
mempunyai ciri Crop yang boleh memotong bahagian yang tidak
diingini daripada imej.

Meletakkan Elemen Side-by-Side dengan Elemen


Lajur
Columns Element boleh digunakan untuk menambah sehingga lima
lajur ke dalam halaman. Ini membolehkan anda meletakkan elemen
seiring di samping antara satu sama lain. Columns Element diseret
ke halaman yang sama seperti mana-mana elemen lain.

[Type text]
6
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Elemen ini bermula dengan dua garisan, tetapi anda boleh menambah
sehingga lima garisan melalui toolbar yang muncul apabila anda perlu
ruang lebih. Hanya klik pada nombor yang sesuai. Rujuk skrin di
bawah:

Anda boleh menyeret sebanyak mana elemen ke dalam setiap lajur


seperti yang diperlukan, dan menggunakan bar biru antara garisan
tersebut untuk menyesuaikan lebar masing-masing. Elemen di dalam
garisan akan berkembang atau menguncup apabila anda menukar saiz
lajur yang sedia ada.

[Type text]
7
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Pembahagi antara garisan tersebut tidak muncul pada laman web yang
telah diterbitkan dan pengunjung tidak akan dapat melihatnya.

Cara Membuat atau menambah Pages untuk laman


web anda.
Tidak kira sama ada anda adalah seorang pelanggan secara percuma
atau pelanggan kepada perkhidmatan Pro Weebly, laman web anda
boleh mempunyai sebanyak mana halaman dan sub-laman seperti yang
diperlukan; Weebly tidak meletakkan sebarang had pada jumlah
halaman yang boleh ditambah ke laman web.

Untuk membuat halaman baharu, pergi ke tab Pages dan klik pada
butang Add Page.

[Type text]
8
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Terdapat pilihan untuk menambah Standard Page atau Blog. Untuk


masa sekarang, mari kita memberi tumpuan kepada mewujudkan
Standard Page.

Pemilihan untuk opsyen Standard Page akan menambah halaman


baharu pada senarai laman web anda.

[Type text]
9
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Menambah lebih muka surat adalah dengan mengklik Add Page


dengan memilih Standard Page sekali lagi (dan lagi).

Apabila anda menambah (dan nama) setiap halaman anda, secara


automatik ia akan menjadi sebahagian daripada bar navigasi laman
anda.

Menyusun Sub-laman
Jika laman anda mempunyai lebih muka surat dari yang anda boleh
muat pada bar navigasi dalam sistem ini , secara automatik ia akan
mencipta pautan. Semakin bertambah muka surat yang baharu maka
semakin banyak sub- laman wujud dan akan mewujudkan tab more.

[Type text]
10
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Dengan menggunakan pilihan yang terdapat di bawah tab Pages.


Seret halaman di bawah dan ke sebelah kanan laman lain dalam
senarai untuk mewujudkan sub-laman dari laman .

Anda boleh mengatur semula susunan halaman atau page dengan


mengklik dan menyeretnya ke atas dan ke bawah senarai halaman.
Menyeret halaman untuk bahagian teratas senarai itu akan membuat ia
menjadi laman utama anda. Laman Utama boleh dinamakan semula
kepada apa sahaja yang anda suka; nama bagi Home boleh ditukar
kepada Selamat datang. Menukar susunan muka surat dalam senarai itu
juga akan mengubah susunan di mana mereka dipaparkan dalam
navigasi.

[Type text]
11
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Anda juga dapat mewujudkan sub-laman daripada laman-laman lain.

Anda boleh melakukan ini dengan mengheret halaman atau laman di


bawah dan di sebelah kanan halaman yang lain.

Muka surat tersebut akan muncul dalam menu drop-down apabila di


scroll di bawah.

Untuk mengedit semula kandungan halaman, klik pada pautan dari


menu navigasi atau pergi ke tab "Pages", pilih halaman dari senarai dan
klik butang "Edit Page".

Membuat Pautan Navigasi yang membawa ke Laman


Web lain

Untuk membuat pautan navigasi yang membawa ke laman web yang


lain, pergi ke tab "Pages", klik butang "Add Page", dan memilih pilihan
"External Link".

[Type text]
12
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Beri pautan nama: nama ini adalah apa yang akan muncul dalam
navigasi anda. Kemudian masukkan link penuh ke laman atau laman
yang anda mahu link. Klik "Save" apabila anda selesai.

Sekarang jika sesiapa klik pautan ke laman ini dalam menu navigasi
anda, mereka akan meninggalkan laman web anda dan pergi terus ke
lpautan yang anda buat di atas. Jika anda mahu mengeluarkan pautan
dan menjadikan halaman ke halaman yang normal semula, hanya tanda
kotak dan klik "Save Setting".

Mana-mana halaman yang secara langsung dikaitkan dengan laman


web luaran akan mempunyai pautan ikon luar ditambah kepada senarai
halaman, seperti yang dilihat di bawah:

[Type text]
13
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Anda boleh melakukan di atas dengan mana-mana halaman di laman


anda selain daripada halaman "Home".

Cara Membuat "Link / Hyperlinks"


Untuk membuat pautan teks, mula-mula "highlight" teks yang anda
mahu gunakan untuk pautan.

[Type text]
14
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Kemudian klik ikon "chain link" dalam "toolbar" teks.

Ini akan membuka pautan "dialog box", di mana anda boleh memilih
jenis pautan yang anda ingin mencipta. Anda boleh:

Pautan ke halaman di laman web lain. Anda juga boleh memilih untuk
mempunyai pautan dibuka dalam tetingkap baru (supaya pengunjung
tidak diarahkan semula daripada laman anda sendiri apabila mereka
klik) dengan menandakan kotakyang disediakan.

Membuat pautan kepada laman lain di laman web anda sendiri. Hanya
perlu pilih halaman yang anda mahu dari menu "drop-down".
[Type text]
15
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Untuk membuat pautan ke fail supaya ia boleh dimuat turun. Anda


hanya boleh memilih fail dari menu "drop-down" atau muat naik yang
baru dengan menggunakan pautan biru "upload a file" .

Untuk membuat pautan kepada alamat e-mel pula. Ini akan


menyebabkan program mel pelawat (seperti Outlook atau Apple Mail)
terbuka dengan sendiri, agar mereka boleh menulis anda secara
langsung. Ambil perhatian bahawa sekiranya pengunjung tidak
menggunakan salah satu daripada program-program ini, pautan tidak
akan berfungsi dan mereka hanya perlu menyalin alamat anda atau
menggunakan Contact Form" jika anda mempunyai satu di laman.

[Type text]
16
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Apabila anda membuat pautan anda, klik "Save" dan kemudian "Publish"
laman web ini untuk menguji. Anda juga boleh klik pada mana-mana
pautan di dalam editor untuk melihat di mana ia membawa dan untuk
menukar / mengeluarkan jika diperlukan.

Pautan Imej/Gambar
Untuk membuat pautan gambar, pertama klik imej yang anda mahu
gunakan untuk pautan. Kemudian klik pilihan Link di atas kanan-sudut
imej.

[Type text]
17
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Ini akan membuka pautan "dialog box", di mana anda boleh memilih
jenis pautan yang anda ingin buat.

Anda boleh:

Membuat pautan kepada halaman di laman web lain.


Anda juga boleh memilih untuk mempunyai pautan dibuka dalam
tetingkap baru (supaya pengunjung tidak diarahkan semula
daripada laman anda sendiri apabila mereka klik) dengan
menandakan kotak yang disediakan.

[Type text]
18
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

.
Setelah memilih pautan yang anda mahu, hanya "Save" dan anda telah
set. Hanya ingat bahawa pautan tidak akan berbuat apa-apa di dalam
editor, ia hanya akan bekerja pada Laman "Published".

Edit "Header"
Semua tema adalah termasuk imej di bahagian atas setiap
halaman.Anda juga boleh menggunakan imej default pada mana-mana
halaman anda kerana weebly telah membuat header yang sangat
mudah untuk mengedit dan berubah.

Untuk memulakan, skrol ke atas imej header dan klik butang "Edit
Image":

[Type text]
19
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Ini akan meminta anda untuk sama ada "Add an Image" atau "Use the
original image". Pilih untuk "Add Image".

Ini akan membuka satu paparan "dialog box" yang membolehkan anda
untuk memuat naik imej dari komputer anda sendiri atau untuk mencari
imej dari pangkalan data stok foto weebly.

[Type text]
20
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Sebaik sahaja anda memuat naik atau mencari imej, anda akan dapat
mengedit gambar itu. Imej ini khususnya adalah lebih tinggi daripada
kawasan "banner".

Tetapi imej "header" boleh berubah semula dengan menggunakan buih


kecil di setiap sudut dan sisi imej.

Imej ini boleh diseret agar lebih sesuai dengan header dengan klik di
mana-mana dan menariknya.

[Type text]
21
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Gunakan alat-alat yang disediakan di bahagian atas halaman untuk


mengedit dan menambah teks / kesan kepada imej seperti yang
diperlukan.

Apabila anda berpuas hati dengan imej, pilih butang "Save" untuk
simpan ia. Anda boleh menggunakan anak panah di sebelah kanan
butang "Save" untuk memilih sama ada untuk menyimpan imej untuk
setiap halaman laman web ini, hanya laman ini atau untuk memilih
hanya muka surat tertentu untuk menyimpannya ke. Dengan cara itu
anda boleh mempunyai tajuk yang berbeza di muka surat yang berbeza
jika anda mahu.

Perlu diingat bahawa imej yang boleh ditambah kepada header " yang
sama hanya dengan mengedit "header" dan klik butang "Add Image" di
sebelah kiri atas.

[Type text]
22
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Tambah Widget dan Lain-lain Kandungan dengan


"Embedding Code"
Anda boleh menambah kandungan di luar (seperti video "embeded",
audio, iklan dan borang) ke laman web anda menggunakan elemen
"Embed Code " Weebly.

Setelah mendapatkan kod embed yang sesuai untuk tujuan menambah


ke laman tersebut. Ini biasanya boleh diakses melalui embed atau
butang "Share" yang ditemui atau didapati berhampiran kandungan yang
anda ingin berkongsi.

Sebaik sahaja anda mempunyai kod embed, klik di dalam elemen


Embed Code untuk paste di tempatnya.

[Type text]
23
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Apabila anda klik pada elemen, kandungan akan di paparkan di sana.


Selesai!

Muat naik Galeri Imej

Elemen Galeri membolehkan anda untuk memuat naik gambar secara


banyak, yang disusun dengan satu klik untuk "click-to-see-a-larger-
version" format grid yang anda boleh dikawall.

Seret unsur Galeri Foto (didapati di bawah Multimedia) ke laman untuk


memulakan.

[Type text]
24
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Kemudian klik butang "Upload" Imej yang muncul di dalam elemen


tersebut.

.
Kemudian sama ada imej diseret ke dalam kotak atau klik butang hijau
besar "Upload photo" .

Ini akan membenarkan anda memilih imej dari komputer anda untuk
memuat naik. Anda boleh memilih banyak bilangan imej dengan
menahan kekunci CTRL pada PC atau kekunci "Command" pada "PC
Mac". Jika anda mempunyai masalah memuat naik imej, kami akan
mengesyorkan menghadkan bilangan imej yang anda muat naik ke tidak
lebih daripada 25 pada satu masa. Anda sentiasa boleh menambah
lebih kemudian.

[Type text]
25
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Berikan masa beberapa minit untuk gambar memuat naik dan kemudian
anda akan melihat galeri peribadi pada halaman.

[Type text]
26
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Setiap imej di dalam galeri menghubungkan secara automatik kepada


versi imej yang lebih besar. Anda juga boleh memautkan imej di tempat
lain (laman web lain atau laman) jika anda suka atau menambah tajuk
yang akan muncul pada versi imej yang diperbesarkan. Klik di galeri
untuk melihat pilihan ini.

Klik pada imej kecil dan seret mereka di sekitar untuk menyusun semula
imej dalam galeri.Toolbox Galeri membolehkan anda untuk membuat
perubahan tambahan.

.
"Add Image" (tidak ada had, tetapi disyorkan memuat naik tidak
lebih daripada 200 imej-imej kepada satu galeri).
Tentukan bilangan lajur yang mahu. "Default" adalah 3, tetapi
anda boleh menggunakan 2 hingga 6.
Pilih jumlah jarak meletakkan antara setiap imej.
Dengan "Advanced", memilih jika anda mahu sempadan di
sekeliling setiap thumbnail atau tidak. Dan pilih jika anda mahu

[Type text]
27
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

sunting imej kecil sama ada segi empat atau segi empat tepat.
"Cropping" ini tidak memberi kesan pada imej-imej dibesarkan, ia
hanya perubahan rupa imej kecil untuk membuat galeri kelihatan
lebih seragam.

Membuat Image Slideshow


Elemen tayangan slaid (slide show) Weebly (boleh didapati di bawah
"Multimedia" kategori elemen) membolehkan anda untuk menunjukkan
gambar-gambar anda dengan gaya tersendiri.

Untuk menambah slidehow, seret elemen ke halaman di laman anda.

Ini akan membuka "Choose a Slideshow" kotak dialog di mana anda


boleh memilih gaya tayangan slaid yang anda mahu. Ini sentiasa boleh
diubah kemudian (Weebly juga menyediakan lebih banyak pilihan
kemudian), jadi tidak perlu menghabiskan terlalu banyak masa untuk ini.
Mari kita pilih "Thumbnail " di bahagian bawah untuk contoh ini.

[Type text]
28
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Anda sekarang akan diminta untuk muat naik gambar. Hit butang besar
"Upload photos from your computer" atau hanya seret beberapa gambar
ke dalam kotak untuk memulakan.

Kemudian pilih gambar yang anda mahu untuk muat naik. Anda sentiasa
boleh membuang foto / muat naik kemudian. Bergantung kepada berapa
banyak gambar yang anda pilih, ia mungkin mengambil mereka
[Type text]
29
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

beberapa minit untuk dimuat naik. Setelah mereka selesai memuat naik,
anda akan melihat mereka semua pada skrin pengurusan gambar.

Anda boleh seret semula mengikut susunan, klik "x" di sebelah satu
sama untuk memadam mereka dan klik "gelembung" untuk menambah
"caption" yang akan muncul bersama-sama dengan gambar dalam
tayangan slaid.

Apabila anda bersedia, klik "Save" dan anda akan melihat paparan slaid
sebagai sebahagian daripada halaman.

[Type text]
30
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Klik pada "slideshow" untuk membuka toolbox dan membuat perubahan.

Gunakan butang "Add / Edit Photos" untuk memaparkan "Manage


Photos" di dalam "dialog box" dilihat sebelum ini.

[Type text]
31
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Gunakan "Style Transition" untuk beralih antara lima peralihan gambar


yang berbeza.
Gunakan "navigation" untuk memilih sama ada anda mahu
menggunakan Thumbnail, Nombor atau tiada pelayaran langsung.
Gunakan "Speed" untuk menentukan berapa cepat tayangan slaid
perlu bermain.
Gunakan Spacing"yang" tweak" jumlah ruang imej.
Gunakan "Caption" untuk menentukan sama ada apa-apa keterangan
teks akan muncul di bahagian atas atau bawah setiap imej.
Dan dengan pilihan "Advanced", tetapkan "Autoplay" ke Aktif atau tidak
aktif (pada default) dan menentukan jika anda mahu tayangan slaid
untuk sentiasa bermain dalam susunan atau memulakan dari sudut
rawak setiap kali persembahan dimuatkan.

Ambil perhatian bahawa tayangan slaid secara automatik akan


berkembang kepada lebar halaman atau ruang di mana anda
meletakkannya.

Mematikan Image Muat turun


"Web Browser" membenarkan pengunjung laman untuk menyimpan
imej-imej dari laman web ke komputer mereka. Weebly menyediakan
cara untuk menghentikan ini daripada berlaku.

Untuk mematikan imej dari dimuat turun, klik-kanan di muka surat anda
dalam banyak pelayar (untuk mengelakkan orang dari mudah menyalin
teks dan gambar anda) paste berikut ke dalam kotak "Footer Code"
(NOT "Message Footer") di bawah "Setting" tab dalam "Search Engine
Optimization (SEO") kawasan editor:

<body oncontextmenu="return false;">

[Type text]
32
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Menyimpan perubahan ini dan ia akan menjadi aktif sebaik sahaja


laman web anda Published. Pilihan ini tidak berfungsi pada setiap
pelayar web, tetapi ia bekerja pada sebahagian daripada mereka.

Tetapi kita perlu menegaskan bahawa ia adalah hampir mustahil untuk


melindungi sepenuhnya mana-mana imej di Internet. Jika seseorang
mahu, mereka akan mencari jalan untuk mengaksesnya. Pengguna
Pro mempunyai pilihan untuk menggunakan kata laluan yang
melindungi halaman dengan menawarkan bentuk yang terbaik untuk
mengatasinya. Pengunjung yang melayarilaman web, memerlukan kata
laluan untuk melihat imej.

Bukan sahaja melindungi imej-imej dengan cara ini, beberapa


jurugambar dan lain-lain dengan imej dalam talian memilih untuk

[Type text]
33
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

menggunakan program grafik untuk menambah watermark atau


stamp ke versi dalam talian gambar mereka. Walaupun ia tidak
menghalang gambar daripada dimuat turun, ia melindungi gambar
tersebut.

Elemen Video YouTube


Elemen YouTube Video Weebly membolehkan anda untuk berkongsi
video YouTube. Elemen ini boleh didapati dalam Multimedia, terletak
atas di sebelah kanan di bar elemen. Seret elemen ini ke halaman untuk
memulakannya.

Kemudian klik di mana-mana sahaja dalam elemen untuk meningkatkan


keupayaan Toolbar. Anda perlu memasukkan pautan terus ke video
YouTube dalam ruangan yang disediakan.

[Type text]
34
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Sebaik sahaja anda menambah link, video ini muncul pada halaman
anda dalam masa kurang satu minit. Jika ia tidak muncul maknanya
anda tidak menggunakan pautan secara langsung - pastikan anda
menyalin pautan yang betul semula dengan menggunakan pilihan yang
dinyatakan di atas.

Apabila pautan berada di tempatnya, anda boleh menentukan saiz


pemain video menggunakan pilihan Advanced toolbox elemen
YouTube.

Membuat Contact Form


Contact Form merupakan satu bentuk hubungan dengan
menyediakan pelawat ke laman web anda cara mudah untuk mendekati
anda. Anda boleh meminta pengunjung untuk sesuatu yang mudah
seperti nama dan alamat e-mel, atau persediaan kajian penuh
bertanyakan kepada pengunjung beberapa soalan. Pengguna boleh
memasukkan sehingga lima medan tetapi pengguna Pro boleh
mempunyai jumlah yang tidak terhad medan. Anda boleh membuat
soalan pelbagai bentuk yang anda suka.Anda boleh memulakannya
dengan menyeret unsur Contact Form ke halaman.

[Type text]
35
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Bentuk ini bermula dengan tiga default medan iaitu tajuk; tujuan setiap
medandefault(Nama, E-mel, dan Komen) .

Medan ini ditetapkan seperti yang dikehendaki (bermakna penerima


mesti memasukkan sesuatu dalam medan itu untuk mengemukakan
borang) secara default. Ianya adalah sangat mudah untuk berubah
hanya dengan klik pada medan dan menggunakan toolbar untuk
membuat pelarasan.

[Type text]
36
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Beberapa tetapan boleh diubah untuk setiap medan; tetapan ini boleh
diakses hanya dengan klik pada medan untuk membuka toolbox itu.
Anda juga boleh memadam medan dengan mengklik "x" yang muncul di
bahagian atas kanan di medan.

Anda juga dengan mudah dapat menambah medan baru untuk borang
dengan mengheret mereka kepada hanya seperti mana-mana elemen
lain.

Terdapat medan pratetap untuk Nama, Alamat E-mel, Alamat Pos dan
Nombor Telefon.

Dan juga generik ringkas dan Text Box Fields (membolehkan anda
untuk mewujudkan medan yang meminta apa-apa maklumat yang anda
mahu), Pilihan butang, Drop Down Boxes dan check box untuk
[Type text]
37
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

membuat soalan gaya kajian, dan medan Upload yang membolehkan


orang yang mengisi borang untuk menghantar apa apa jenis fail

Sebelum anda melengkapkan borang anda dan Publish laman web


anda, anda juga akan mahu memberikan satu nama (untuk rujukan
anda) dan menentukan mana alamat e-mel (atau alamat) anda mahu
penghantaran dibuat. Anda boleh memasukkan lebih daripada satu
alamat dengan dipisahkan dengan koma.

Anda juga akan mahu untuk memutuskan sama ada anda mahu
memaparkan teks pengesahan secara langsung pada halaman yang
sama apabila bentuk itu dikemukakan, atau jika anda lebih suka
mengarahkan pengunjung ke laman lain di laman anda selepas borang
itu dikemukakan.

[Type text]
38
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Perhatikan bahawa anda boleh mencari tetapan ini dengan


menggunakan butang Form Options yang terletak di atas borang.

Replies borang anda akan pergi ke alamat e-mel yang anda masukkan
di bawah Form Option dan juga diarkibkan ke bahagian Form Entries
akaun anda. Form Entries boleh diakses di bawah butang More
disebelah kiri penyenaraian pada tapak halaman My Sites akaun anda.

Jika anda mempunyai lebih daripada satu bentuk borang yang berkaitan
dengan laman web anda, maka anda boleh flip melalui bentuk yang
berbeza menggunakan Form Entries drop-down di bahagian atas
halaman.

[Type text]
39
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Menambah Kalendar

Google Calendar adalah cara yang mudah, teguh dan bebas untuk
menambah kalendar acara untuk laman web anda. Anda menguruskan
acara anda secara langsung melalui antara muka Google dan
perubahan secara automatik ditambah kepada kalendar anda.

Mulakan dengan mendaftar untuk akaun Kalendar Google, jika anda


belum mempunyai satu, pergi ke http://www.google.com/calendar/render

Sebaik sahaja anda menggunakan kalendar (penambahan acara dll),


anda boleh menambah ke laman web anda dengan langkah-langkah ini.

Dalam senarai kalendar di sebelah kiri, klik anak panah bawah


bersebelahan dengan kalendar yang sesuai (anda boleh membuat lebih
daripada satu) dan pilih Calendar Settings option.

[Type text]
40
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Pergi ke Share, tab Kalendar ini dan dan check the box. Make this
Calendar public. Pastikan untuk Saveperubahan ini selepas anda
membuatnya.

Kemudian pilih tab Calendar Details dan pergi ke Embed this


Calendar Section.

[Type text]
41
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Serlahkan dan tulis kod embed yang disediakan. Ini adalah apa yang
anda akan gunakan untuk menambah kalendar ke laman web anda.
Perhatikan bahawa, semasa anda di sini, anda juga boleh
menggunakan "Customize" link di atas kod untuk membuat perubahan
kepada rupa dan saiz kalendar.

Kembali pada editor , seret elemen Custom HTML ke laman.

[Type text]
42
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Paste kod embed kalendar ke dalam elemen

Klik daripada elemen untuk melihat kalendar anda.

[Type text]
43
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Pastikan ianya di Publish untuk menolak ke tapak laman web


anda.Sekarang, bila-bila masa anda boleh menambah atau menukar
acara di Google, secara automatik ianya akan muncul dalam kalendar
anda.

Menambah Peta untuk Laman anda.

Jika anda mempunyai perniagaan atau organisasi yang mempunyai


pejabat-pejabat yang pengunjung laman boleh melawat, ia membantu
dengan memasukkan peta ke lokasi tersebut ke laman web anda.
Weebly mempunyai elemen terbina dalam Google Map yang
membantu anda berbuat demikian.

Mula dengan mengheret elemen Map pada laman web anda. Ia


terletak di bawah kategori yang elemen Basic.

[Type text]
44
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Peta ini memaparkan sebahagian kecil daripada pusat San


Francisco(home weebly!) Secara default.

Klik pada peta anda untuk membuka toolbox. Anda boleh membuat
beberapa perubahan dari sini.

Jika anda meletakkan peta di dalam elemen column, secara automatik


akan menyesuaikan diri dengan lebar lajur yang anda letakkan. Ini
secara langsung boleh digunakkan untuk menulis arahan secara
langsung bersebelahan dengan peta.

Anda juga boleh melaraskan ketinggian peta dengan menggunakan


pilihan Width & Height yang terdapat dalam toolbox.

[Type text]
45
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Jika anda berasa seperti di semua dihadkan oleh elemen Map yang
Weebly terbina dalamnya, anda juga dialu-alukan untuk menerapkan
peta terus dari maps.google.com (atau alat pemetaan yang sama).

Menerbitkan Laman Web dan Tindakan Seterusnya.


Sekarang anda telah menambah beberapa kandungan asas untuk
laman web anda, ini adalah masa sesuai untuk Publish ia. Untuk
berbuat demikian, hanya menggunakan butang Publish di sudut kanan
atas editor.

Ini akan membawa kepada kotak pengesahan, memberitahu yang


laman anda telah diterbit secara umum.

[Type text]
46
Kursus Pembangunan Blog/Laman Web Weebly 24-25 Februari 2014

Anda boleh klik alamat Published untuk melihat laman anda (anda juga
boleh memberi alamat ini keluar supaya orang lain boleh
menggunakannya untuk melawat laman anda), gunakan butang
Facebook dan Twitter untuk menghubungkan rakan-rakan dan
pengikut anda di sama ada pembekal untuk laman web anda (Weebly),
dan klik "x" di sudut kotak untuk menutup kotak dan terus mengedit
laman web anda.

Kemungkinan anda masih tidak selesai dengan laman web anda pada
ketika ini, dan itu memadai. Anda boleh terus menambah kandungan
melalui editor setiap kali anda mahukannya dan kemudian klik butang
Publish untuk menghantar kandungan yang ke laman web umum
anda. Anda juga boleh membatalkan penerbitan laman anda (jika perlu)
dengan pergi ke Setting> Unpublish.

[Type text]