Tuesday, November 18, 2008

Membuat Header/Banner di eXe

Ada 2 tahap, yaitu :

A. Membuat Banner terlebih dahulu, missal di Photo Filtre,

  1. File – New
  2. Edit ukuran gambar menjadi 800 x 100
  1. Klik OK
  2. Buka File Gambar yang akan dijadikan back-ground (File – Open – Browse)
  3. Select memanjang pada gambar yang akan dijadikan background
  4. Klik kanan dalam area – selection
  5. Pilih copy

  1. Klik gambar 800-100 yang sudah kita buat awal, klik kanan di sana, pilih paste
  1. Rapikan garis selection, hingga gambar menjadi background, tarik ke kanan-kiri-atas-bawah, sehingga penuh seperti ini, kemudian tekan Enter:
  1. Setelah itu, kita bisa mengulangi cara yang sama, untuk mengambil gambar logo, dari file gambar logo, copy , paste di banner kita, atur/geser, setelah itu tekan Enter,
  1. Setelah selesai, kita bisa menuliskan Teks, di dalam banner kita, gunakan menu Image – Text atau tekan CTRL + T, sehingga muncul seperti ini:
  1. Tuliskan teks, pilih font, warna dan ukuran huruf misalnya 30
  2. Setelah itu, klik OK,
  3. Maka di banner ada text yang masih ada garis putus2, atur tempat, ukuran huruf dsb

  1. Setelah itu akhiri dengan Enter. Untuk menambah text lain misalnya slogan/alamat, caranya sama, Image – Text, lanjutkan langkah nomor 13-14.
  2. Setelah itu simpan – Save –as, pastikan dgn format JPG.
  1. Maka banner pertama telah selesai dibuat, dengan nama: banner-smkn1minggir.jpg.

B. Tahap berikutnya adalah memasukkan

Buka program eXe, dan buka file elp (latihan/modul) yang akan ditambah banner

  1. Pilih tab Properties
  2. klik Load Image, pilih file yang sudah kita bikin sebelumnya : banner-smkn1minggir.jpg
  3. Kemudian klik Show image, sehingga tampil bannernya:
  1. Bisa dipilih Tile background image, agar banner disusun berderet, kalau tidak dipilih, banner hanya tunggal. Setelah itu, scroll ke bawah, klik Apply
  2. Simpan file kita : File – Save as, sehingga kita bisa mengekspor dgn mudah.
  3. Kembali ke tab Authoring, banner belum tampil. Tapi setelah di Export melalui menu File – Export – Website – Self Contained Folder, dan buka file index.html maka banner/header akan tampil

Panduan lengkap dengan gambar dapat di download di sini >>

Selamat mencoba

1 comment:

Anonymous said...

Pak Pur kalau integrasi eXe dengan Moodle , atau dengan Blog bgaimana ?
kalau bisa mohon di buatkan langkah2nya dalam postingan, terima kasih