Muki word press

1,217 views

Published on

Muki word press

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,217
On SlideShare
0
From Embeds
0
Number of Embeds
102
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Muki word press

  1. 1. MUKI http://mukispace.om 2010/05/02
  2. 2.  誰是MUKI? - 自我簡介  哪個比較好? - WordPress V.S. 國內BSP  寫書純屬意外? – 出書過程揭密  佈景主題實戰篇 - 一步一步學會製作主題  誰有問題? - Q&A時間
  3. 3.  MUKi Wu  Human Being  Blogger  Plurker  Web Designer  WordPress User
  4. 4.  國中 - 初次接觸電腦  高中 - 無名小站  大一 - MOcasting/PIXNET  大三 – WordPress
  5. 5.  從國內BSP到自己架設WordPress  現成BSP的好處 ◦ 建立快速 ◦ 多種版型樣式、套用容易 ◦ 不用自己維護主機 ◦ 流量無限制 ◦ 整合性佳  現成功能可選用(點閱數、網站統計、誰來我家等)  圖片、相簿  影片、內嵌  好友、留言板、私密留言
  6. 6.  國內BSP的缺點 ◦ 版型樣式限制多 ◦ 版型良莠不齊 ◦ 功能延伸不足 ◦ 無法使用最新的套件(Plurk、Facebook等) ◦ 沒有獨立網址、網域(Pixnet VIP現在可用) ◦ 使用第三方JavaScript有諸多限制 ◦ 無法當自己Blog真正的主人  所以…. WordPress出現了!
  7. 7.  WordPress出現!  想當自己的主人 ◦ 租用虛擬主機 ◦ 承租網路空間 ◦ 架設WordPress ◦ 服務上線!  為什麼選用WordPress?
  8. 8.  WordPress的優點 ◦ 多樣化的外掛(Plugin) ◦ 自由的版面設計功能 → 完全客製化 ◦ 良好的後台圖形介面(GUI) ◦ 更新頻繁 → 良好安全性、隨時跟上網路潮流 ◦ 眾多使用者 → 網路資源豐富(中/英) ◦ 完整的使用者權限管理 → 共同作者
  9. 9.  WordPress的缺點 ◦ 架站需進階電腦使用知識(FTP、後台介面架構等) ◦ 需要基本HTML & CSS的常識 ◦ 版型需要自行設計(但有許多現成版型可選用) ◦ 最新的技術文章大多是英文 ◦ 需要自己管理虛擬主機與網域名稱
  10. 10.  所以…..?  國內BSP ◦ 在版型及功能上需求不高 ◦ 僅作為資訊公告 ◦ HTML基礎較不熟練 ◦ 沒有預算  WordPress ◦ 求新求變 ◦ 新技術的追求者 ◦ 想要有個人風格 ◦ 有基礎HTML&CSS概念
  11. 11.  一切從2009的夏日開始….  一封G-Mail的來信開啟了機緣  出版社→虛擬先生→幸運的我  居中牽線的大媒人 - 「Google」  分工: ◦ 後台架設/虛擬主機 – 虛擬先生 ◦ 前台模組/頁面規劃、設計 –我
  12. 12.  寫書的時間 ◦ 2009/07/19 - 開始 ◦ 2009/11/29 - 完成!! ◦ 2010/1月 - 校稿 ◦ 2010/02/02 - 面市  甘苦談 ◦ 蠟燭兩頭燒 ◦ 看不到盡頭的文字獄 ◦ 周公也要參一腳 ◦ 趕!趕!趕! ◦ (好像都沒有甘?)
  13. 13.  章節分配 ◦ 7. 不可不知的WordPress 進階功能 ◦ 8. 改造你的Wordpress 佈景主題 ◦ 9. 運用css讓你的主題排版更流暢 ◦ 10. 使用外掛擴充Wordpress功能 ◦ 11. 絢爛的特效讓Wordpress與眾不同 ◦ 12. 了解部落格受歡迎的程度 (12-3) ◦ 13. 推廣你的部落格 ◦ 14. SEO的重要性(14-4) ◦ 15. 將WordPress變成現金 ◦ 16. 和社交網站的整合
  14. 14.  你想要什麼?  從想法一步步實現夢想  確認頁面元素  頁面要有哪些東西? ◦ 標題、橫幅圖片 ◦ 分頁、分類、標籤雲 ◦ 前台外掛 ◦ Blog Widget ◦ 圖片、相片的表現方式?
  15. 15.  確認使用者UI ◦ 使用者如何瀏覽網站?  左至右?上至下? ◦ 分頁的放置位置?  左、右、上方或浮動 ◦ 使用者的眼光該如何進行?  聚焦點?圖靠左或靠右? ◦ 側邊欄元件的呈現方式  順序:最新文章?熱門文章?廣告?  必要:標籤雲?分類?
  16. 16.  設計頁面 ◦ 頁面寬度? 1024x768跟1280x1024仍是主流 ◦ 三欄或是兩欄? ◦ 各種元件的擺放位置 ◦ 是否使用側邊欄?(設計UI時跟選單一起考量) ◦ 圖示濫用的迷思 ◦ 使用Photoshop等繪圖工具  先行畫出頁面外觀並調整  各式元件需分層規劃以便調整  確認Layout與各元件尺寸跟設計
  17. 17.  切版 - 製作HTML頁面 ◦ 第一層:背景/大圖/搭配DIV表現 ◦ 第二層:icon/css sprites ◦ header.php、index.php、single.php循序漸進 ◦ reset重置 → style css撰寫 ◦ 確認不同瀏覽器的顯示效果 ◦ CSS部份  命名規則?  CSS縮寫、CSS優化,減少讀取速度  善用選擇器  替你的CSS做分類
  18. 18.  現場開放問答  以下問題恕不提供解答 ◦ 身材的秘密… ◦ 是男?是女?
  19. 19. MUKI http://mukispace.com

×