desain blog dan konten telkomsel feb ugm 2012

Click here to load reader

Download Desain Blog dan Konten   Telkomsel FEB UGM 2012

Post on 13-Jan-2015

774 views

Category:

Technology

1 download

Embed Size (px)

DESCRIPTION

Membahas tentang Desain Blog dan juga Konten yang disampaikan di FEB UGM bekerjasama dengan Telkomsel

TRANSCRIPT

  • 1. DesainBlog & Konten 24 Januari 2012 24 Januari 2012 24 Januari 2012

2.

  • http://nurudin.jauhari.net
  • Twitter: @jauhari FB: n.jauhari@gmail.com
  • [email_address]
  • 082135335511

NurudinJauhari Nganggur Itu Anugerah 3. Inti Dari Blogging

  • Bagi KamiIntidariBloggingadalah Menuangkan Sesuatu

4. Mengenal Mesin2 Blogs

  • Mengenal Beberapa Mesin Blog yang banyak dipakai Saat ini

5. Blogger.com / WordPress.org

  • 2 Mesin Blog yang Sangat Populer

6. Blogger.com

  • Gratis
  • Templates Standar
  • Integrasi dengan Google
  • Komentar sedikit susah
  • Sulit Offline Editing

7. WordPress.org

  • WordPress.orgbukanWordPress.com
  • Dukungan Komunitas Bagus
  • Ribuan Plugins
  • Banyak Pilihan Tema
  • Instalasi Mudah
  • Server Lokal

8. Apa Hanya Itu?

  • MovableType, Expression Engine, Drupal, Joomla, TextPattern dan Masih banyak layanan sejenis

9. Kiat-kiat Memulai Desain Blog Desain Blog 10.

  • Tujuan Blog?
  • TemaBlog?
  • Fitur Blog?
  • Kemampuan?

Beberapa Poin Sebelum Mulai Desain Blog Tujuan Blog untuk Apa?Sharing Foto, Tutorial & Panduan, Informasi Umum, Berbagi Video? Mengenal Kemampuan Diri (Desain, Coding) 11. Beberapa Alat yang dibutuhkan

  • Text/HTML EditorAdobe Dreamweaver, Coda, Notepad, Notepad++, TextMate, TextWrangler, vim
  • Image EditorPixelmator, Adobe Flash, Adobe Firework, Adobe Photoshop, Corel Draw, etc
  • Browser Apple Safari, Google Chrome, Mozilla Firefox, Internet Explorer

12. ProsesDesain Blog Desain Blog 13. Merancang Dengan Grafis

  • Memerlukan Pengolah Grafis
  • Desain dalam Bentuk Gambar
  • Preview bisa langsung dilihat

14. Langsung Koding

  • Menuang Ide melaluibarisan kode
  • MembutuhkanDaya Imajinasi Lebih
  • Lebih Cepat

15. Typography San-Serif Serif 16. Layout 1 Kolom 2 Kolom 3 Kolom Mixed Beberapa Contoh Konsep Layout 17. CSS & XHTML Deskripsi CSS Menurut WikipediaCascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Deskripsi XHTML Menurut Wikipedia XHTML adalah bahasa markup penerus dan pengembangan dari HTML yang memiliki kemampuan yang kurang lebih mirip HTML, tapi dengan aturan sintaks yang lebih ketat. HTML merupakan aplikasi dari SGML (Standard Generalized Markup Language) yang sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML, turunan SGML yang lebih terbatas. 18. Barisan Kode CSS 19. Barisan Kode XHTML 20. Beberapa Contoh Desain Blog 21. Mengenal Struktur Tema WordPress Tema WordPress 22. Struktur TEMA WordPress 23. style.css 24. Tips bikin Tema

  • Gunakan CSS Framework
  • Bikin Basic Theme
  • Gunakan Struktur Kode yang Baku
  • Child Theme
  • Back Up

25. Manajamen Konten 26. Konten Apa Adanya 27. Konten Dengan Desain 28. Tips Singkat Desain Konten

  • Penekanan Kata
  • Sertakan Ilustrasi
  • Perlakuan Berbeda

29. Rujukan Utama

  • http://codex.wordpress.org /
  • http://digwp.com /
  • http://wptricks.net
  • http://www.google.com

30. NurudinJauhari Seorang Suami @IvaFitria, Abah @YashfaJauhar tinggal di @DesaPonjong, Gunungkidul, Yogyakarta Nganggur Itu Anugerah Aktip sebagai Petani dan beberapa kegiatan Sosial di DESA PONJONG Yogyakarta 24 Januari 2012 http://nurudin.jauhari.net Twitter: @jauhari FB: n.jauhari@gmail.com [email_address] 0821353355 11 31. Sumber sumber media

  • Browser Screenshoot
  • http://www.flickr.com/photos/kimeunyoung/2970436968/
  • http://www.flickr.com/photos/topgold/4068417024/
  • http://www.flickr.com/photos/birgerking/3145391821/
  • http://www.flickr.com/photos/juhansonin/4734830821/