士林社大 105 年第 2 期課程─Google 智慧應用 2016.11.14

士林社大 105 年第 2 期第十節課
調整部落格編輯之案例



因為部落格的教學也已有數週，陸續有很多位學習同學已完成數篇文章的發表，本次就以數個案例來調整部落格文章的安排方式，讓網路上的讀者能更方便、舒適的閱讀文章。

由於手機的使用越來越普及，因此發表文章後，別忘了要在手機上觀看結果。因為行動裝置的螢幕大小差異很多，因此太過於複雜的文章排版，會讓在不同的行動裝置 ( 手機、平板 ) 上的呈現格式亂掉，建議簡單的直排、由上而下的順序放上所需的元素即可。畢竟現在越來越主流的網頁設計方式：RWD ( Responsive Web Design，響應式網頁 ) ，其部分的設計概念就是為因應行動裝置的呈現 ( 螢幕較小 )，而採取直向的、每列盡可能單一元素 ( 文字、圖片、影音等 ) 即可。

歸納整理本次教學影音中，幾個設計部落格文章須注意的事：

1. 盡量少用空白鍵的空白來做文字排版 ( 內縮、後移等 )，文字就從左寫起，之後在用靠左、置中、或靠右來安排位置即可
2. 橫向的一列盡可能就放一個元素，不要安排得太複雜
3. 利用項目符號來將條列式的敘述排列整齊
4. 段落與段落間建議留一行空白，便於舒適觀看
5. 若照片拍攝時盡可能拍得清楚、圖片置入時盡可能放大，利於觀看且美觀
6. 插入影片時，建議先將影片上傳至 Youtube，再將 Youtube 影片嵌入至部落格文章中

這次的教學影音，主題內容分別有：

1. 部落格修改case1 ( 文字在圖側的安排 )
2. 部落格修改case2 ( 善用項目符號來條列 )
3. 部落格修改case3 ( 內縮的方式，去除空白、勿用空白來調整左右對齊 )
4. 部落格修改case4-1 ( 插入 Youtube 影音 )
5. 部落格修改case4-2 ( 調整版型、以及側欄的寬 )