MUKI
http://mukispace.om
        2010/05/02
   誰是MUKI?   - 自我簡介
   哪個比較好?    - WordPress V.S. 國內BSP
   寫書純屬意外?   – 出書過程揭密
   佈景主題實戰篇   - 一步一步學會製作主題
   誰有問題?     ...
   MUKi Wu
   Human Being
   Blogger
   Plurker
   Web Designer
   WordPress User
   國中   - 初次接觸電腦
   高中   - 無名小站
   大一   - MOcasting/PIXNET
   大三   – WordPress
   從國內BSP到自己架設WordPress
   現成BSP的好處
    ◦   建立快速
    ◦   多種版型樣式、套用容易
    ◦   不用自己維護主機
    ◦   流量無限制
    ◦   整合性佳
       ...
   國內BSP的缺點
    ◦   版型樣式限制多
    ◦   版型良莠不齊
    ◦   功能延伸不足
    ◦   無法使用最新的套件(Plurk、Facebook等)
    ◦   沒有獨立網址、網域(Pixnet VIP...
   WordPress出現!
   想當自己的主人
    ◦   租用虛擬主機
    ◦   承租網路空間
    ◦   架設WordPress
    ◦   服務上線!
   為什麼選用WordPress?
   WordPress的優點
    ◦   多樣化的外掛(Plugin)
    ◦   自由的版面設計功能 → 完全客製化
    ◦   良好的後台圖形介面(GUI)
    ◦   更新頻繁 → 良好安全性、隨時跟上網路潮流
   ...
   WordPress的缺點
    ◦   架站需進階電腦使用知識(FTP、後台介面架構等)
    ◦   需要基本HTML & CSS的常識
    ◦   版型需要自行設計(但有許多現成版型可選用)
    ◦   最新的技術文章大...
   所以…..?
   國內BSP
    ◦   在版型及功能上需求不高
    ◦   僅作為資訊公告
    ◦   HTML基礎較不熟練
    ◦   沒有預算
   WordPress
    ◦   求新求變
    ◦ ...
   一切從2009的夏日開始….
   一封G-Mail的來信開啟了機緣
   出版社→虛擬先生→幸運的我
   居中牽線的大媒人 - 「Google」
   分工:
    ◦ 後台架設/虛擬主機      – 虛擬先生
    ...
   寫書的時間
    ◦   2009/07/19   -   開始
    ◦   2009/11/29   -   完成!!
    ◦   2010/1月      -   校稿
    ◦   2010/02/02   -   面...
   章節分配
    ◦   7. 不可不知的WordPress 進階功能
    ◦   8. 改造你的Wordpress 佈景主題
    ◦   9. 運用css讓你的主題排版更流暢
    ◦   10. 使用外掛擴充Wordpre...
   你想要什麼?
   從想法一步步實現夢想
   確認頁面元素
   頁面要有哪些東西?
    ◦   標題、橫幅圖片
    ◦   分頁、分類、標籤雲
    ◦   前台外掛
    ◦   Blog Widget
    ...
   確認使用者UI
    ◦ 使用者如何瀏覽網站?
     左至右?上至下?
    ◦ 分頁的放置位置?
     左、右、上方或浮動
    ◦ 使用者的眼光該如何進行?
     聚焦點?圖靠左或靠右?
    ◦ 側邊欄元...
   設計頁面
    ◦   頁面寬度? 1024x768跟1280x1024仍是主流
    ◦   三欄或是兩欄?
    ◦   各種元件的擺放位置
    ◦   是否使用側邊欄?(設計UI時跟選單一起考量)
    ◦   圖示濫...
   切版 - 製作HTML頁面
    ◦   第一層:背景/大圖/搭配DIV表現
    ◦   第二層:icon/css sprites
    ◦   header.php、index.php、single.php循序漸進
    ◦...
   現場開放問答
   以下問題恕不提供解答
    ◦ 身材的秘密…
    ◦ 是男?是女?
MUKI
http://mukispace.com
Muki word press
Muki word press
Muki word press
Upcoming SlideShare
Loading in …5
×

Muki word press

486 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
486
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
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

×