PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1....

15
Mardiyanto S.Kom Materi Pelatihan Pusat Komunitas Kreatif 2014 PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. Silahkan ketik browser anda masuk ke alamat www.weebly.com 2. Selanjutnya pada tampilan ini klik pilihan Site Ketik nama Ketik email Ketik Password Anda Klik Get

Transcript of PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1....

Page 1: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM

1. Silahkan ketik browser anda masuk ke alamat www.weebly.com

2. Selanjutnya pada tampilan ini klik pilihan Site

Ketik nama

Ketik email

Ketik Password Anda

Klik Get

Page 2: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

3. Pada tampilan template Website, silahkan pilih template yang di inginkan.

4. Pilih salah satu tampilan template kemudian pilih tombol “choose”, sebagai contoh dibawah ini.

Page 3: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

5. Berikan nama Domain Anda, centang pada pilihan “A great way to get your website started” dan

berikan nama domain Anda. usahakan dalam memberi nama sedekat mungkin dengan nama

usaha anda, seperti www.tokorendang.weebly.com

6. Selanjutnya Klik tombol “Build my Site”

Page 4: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

7. Silahkan kelola website anda dengan mendrag & Drop modul-modul yang ada disebelah kiri,

kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan & tarik

ke lembar kerja yang berwarna putih seperti gambar di bawah ini.

8. Beberapa penjelasan modul-modul secara umum

Letakan di bawah ini

Page 5: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

9. Berikut beberapa penjelasan modul secara umum sebagai berikut :

Text : untuk membuat tulisan pada lembar kerja

Title : Membuat Judul tulisan yang akan dibuat

Image : untuk menambahkan foto kedalam website

Gallery : untuk menambahkan galeri dari beberapa foto-foto

Slideshow : untuk membuat efek animasi dari beberapa foto

Map : untuk menambahkan alamat Peta Lokasi usaha Anda

Contact Form : untuk membuat form (lembar) isian

Embed Code : untuk menambahkan link website (URL)

Spacer : untuk menambahkan spasi antara objek

Button : untuk membuat tombol perintah

Search box : untuk membuat kotak pencarian kata yang ingin dicari

Divider : untuk membuat pemisah pada text

HD Video : untuk menambahkan Video

Audio : menambahkan efek suara Backsound pada website

Youtube : untuk menambahkan link Youtube kedalam website

Flash : untuk menambahkan file Flash (aplikasi animasi)

File : untuk menambahkan dokumen (.doc)

Block quote : untuk membuat efek background pada text

Poll : untuk membuat polling

Social Icon : untuk menshare keberbagai media social

Survey : untuk membuat Survey pada website

Bookings : fasilitas untuk memesan

Forum : untuk membuat forum Tanya jawab pada website

Page 6: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

10. Cara merubah tampilan default pada website, dengan cara klik dua kali pada objek yang ingin

diganti.

11. Menambahkan Tilte dan text pada website

Klik pada objek

Menambahkan Title dan Text

Page 7: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

12. Menambahkan foto pada website, silahkan tarik modul image kemdian klik dan cari file foto

yang ingin dimasukan.

13. Kemudian tampil seperti ini, klik tombol “upload a photo your computer “

Klik disini

Page 8: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

14. Hasil upload foto

15. Menambahkan Peta Lokasi pada Website

Page 9: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

16. Membuat RSVP Form (form isian )

17. Membuat online Booking

Page 10: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

18. Setelah proses edit websitenya sudah selesai, kemudian klik tombol Publish pada kanan pojok

atas.

19. Kemudian Klik “Continue”

Page 11: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

20. Pilih pada Pilihan Personal

21. Isi captcha dengan text yang tertera seperti dibawa ini dan klik “Ok, Publish My Site”

Page 12: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

22. Website Berhasil “TerPublish”

23. Website berhasil dibuat

24.

Klik pada link ini

Page 13: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

CATATAN :

1) Pada saat masuk Kembali ketika ingin membuka lembar control Panel (Pengaturan Website),

Silahkan kunjungi www.weebly.com

2) Kemudian Masukan Login “ Username / email” dan “Password” yang sudah diberikan pada

saat “Register ( mendaftar)”.

Login

di Sini

Page 14: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

3) Lembar Control Panel (Pengaturan) Weebly .

4)

Setelah di Klik My Site, maka akan tampil pengaturan Website Weeblynya

Klik

my site

Page 15: PANDUAN MEMBUAT WEBSITE DENGAN WEEBLY · PDF filePANDUAN MEMBUAT WEBSITE DENGAN WEEBLY.COM 1. ... kelembar kerja atau stage, dengan cara menekan mouse sebelah kiri kemudian ditekan

Mardiyanto S.Kom

Materi Pelatihan Pusat Komunitas Kreatif 2014

4) Untuk setiap melakukan perubahan silahkan untuk selalu menekan tombol “Publish” pada

pojok kanan atas.

SEKIAN &TERIMA KASIH

[email protected]

Update

content

Website