Tutorial Lengkap Cara Mudah Mendesain Web Pembelajaran Offline (Part 2)


Jika semua tab telah selesai dibuat langkah selanjutnya adalah menempatkan tab pada blok warna hitam pada sisi bagian atas halaman template.


Sekarang template selesai. Proggres selanjutnya adalah bagaimana membuat halaman menu page untuk setiap materi. Untuk ini dapat dibuat pada bagian page name.



Tanda + berfungsi untuk menambahkan halaman, dan simbol gerigi untuk fungsi sebagai berikut :


·         Add a new page  untuk menambahkan halaman baru
·         Rename merubah nama halaman page
·         Delete untuk menghapus halaman
·         Created new folder untuk membuat folder
·         Dupilicate untuk mencopi halaman beserta desain di halaman tersebut.
·         Page properties untuk mengatur halaman
·         Set as website home page untuk menetapkan page sebagai halaman utama
·         Show page information untuk melihat status halaman.
Untuk ini buat halaman sebanyak 26 halaman dengan rincian nama halaman seperti gambar berikut :


Secara umum pengisian halaman berupa input gambar dan tesk yang diambil dari materi yang telah dibuat pada tugas sebelumnya. Untuk itu mengunakan tool image untuk mengimput gambar dan tesk untuk memasukkan teks. Adapun tambahan format yaitu video dan slide gambar. Untuk prosedure input format seperti berikut:
a.       Berikut Langkah untuk mengunakan tool image:
 Arahkan dan klik pada tool image


1.      Kemudian pada lembar kerja akan muncul kotak gambar


1.      Klik pada gambar maka akan muncul kotak dialog seperti berikut.


1.      Klik pada gambar normal untuk memasukkan gambar dari directory komputer. Contoh hasil memasukkan gambar.


b.       Langkah-langkah untuk memasukkan tesk.


1.        1. Arahkan pointer dan klik pada tool image


2.      Maka pada lembar kerja akan muncul kotak teks



3    Kemudian klik dan isikan teks pada kolom teks, untuk mengatur lebar kolom dapat dilakukan dengan meletakkan pointer pada sisi luat kolom, tahan dan tarik.
4.   ntuk pengaturan tambahan dapat dengan mengklik 2 kali pada kolom teks. Maka akan muncul jendela pengaturan seperti berikut. 


Font layout untuk mengatur jenis tesk, ukuran huruf dan efek tesk(bold, italic, underline) hiperlink untuk menghubungkan menghubungkan teks dengan halaman lain.

Cara Memasukkan Video

1.      1. Klik pada menu drop down dan pilih tool flash video


12. Maka akan muncul kotak input video pada lembar kerja kemudian klik dua kali. Maka akan muncul jendela pengaturan video.




3. Pertama untuk no1 pilih flv video flash. Lalu pada no 2 klik internal file link dan klik + untuk menambahkan video dari directory komputer.
1.      4. Kemudian pilih video lalu klik open.

Memasukkan foto silde

      1.      Untuk ini kita menggunakan menu photo album. Klik pada tool fhoto album


     2.  Klik pada kotak  iput foto. Maka akan muncul jendela penagaturan, pada jendela pengaturan tekan icon + untuk memasukkan foto-foto dari directori komputer.

      3.    Langkah selanjutnya adalah memilih foto-foto untuk yang diinginkan kemudian klil open.


Adapun tambahan fitur pada web seperti icon download dan navigasi next back. Dimasukkan dengan mengunakan tool image yang dilinkkan ke halaman dan file yang dimaksudkan.













Artikel Terkait


EmoticonEmoticon