bengkel slider web fakulti sains - home | people at ......2016/06/23  · designing •size of...

Bengkel Slider Web Fakulti Sains

Yap Yung Szen22 June 2016

Disclaimer: The contents represents the slides are from (limited) personal experiences of the author and does not reflect the official opinion of UTM.

Bahan Hak Cipta Terpelihara

•Bahan hak cipta terpelihara (copyright) secara amnya, tidak boleh digunakan tanpa kebenaran pencipta melainkan

kebenaran bertulis telah diperolehi

atau

sumber adalah dari badan kerajaan

atau

bahan yang digunakan adalah dari website syarikat tersebut,

di mana banner yang disediakan adalah untuk promosi syarikat tersebut.

Bahan Hak Cipta Terpelihara

Bahan hak cipta terpelihara termasuk (tetapi tidak terhad kepada):

• Foto-foto (instragram, flickr, facebook, etc..)

• Imej-imej daripada google images• Garisan • Logo**

• Corak• Background• Fonts• dsb.

Designing

• Size of banner mesti lebar = “1000 px” tinggi = “320 px”• Nice, simple and professional, tak perlu berlebihan• Theme colour = not too much colours• Text = bold atau shadow sahaja.• Jangan guna Wordart atau Clipart dari Microsoft!!

Designing

• Alignment & spacing bagi teks dan objek mesti sesuai/tepat• This is a bad example of bad spacing

• This is a bad example of bad spacing• This is a bad example of bad spacing

• This is a bad example of bad spacing

Designing

• Alignment & spacing bagi teks dan objek mesti sesuai/tepat

• Guna Ctrl + Click or Shift + Click untuk resize (aspect ratio)

Designing

• Alignment & spacing bagi teks dan objek mesti sesuai/tepat

• Guna Ctrl + Click or Shift + Click untuk resize (aspect ratio)

• Sekiranya sesuai, guna imej lutsinar (transparent). C

Filetype: PNG

Designing

• Guna high quality logo and icons (UTM, Facebook, etc.) – Cari PNG yang transparent dari sumber asal.

• Gunakan “grouping” semasa designing.

• Google banners for ideas!!

For more information, please visit

• http://corporateaffairs.utm.my/utm-identity/

• http://corporateaffairs.utm.my/corporatepublication/banner-bunting-backdrop-and-billboard/

From PowerPoint to JPG

• File >> Save As >> JPG

Website: Slider vs Banner

•Slider: Plugin (“app”) untuk memaparkan banner yang disediakan.

•Banner: Imej banner yang dibuat oleh webmaster.

Website: Events vs Posts

•“Events” – kalendar• Mengandungi maklumat aktiviti, tarikah, dan tempat*.• Tidak akan muncul di slider

•“Posts” – blog• Jika dikategori sebagai “News”, akan muncul di lajur pertama muka depan science.utm.my • Jika dikategori sebagai “Featured-Slider”, akan muncul di slider. (Gunakan “Set featured

image”.)

Thank you..

Yap Yung Szen22 June 2016