很多客戶在選擇U Web服務時，經常會問一個問題：「雖然有平台可以即時更新消息很方便，但我又不懂網頁語法，有辦法自己維護網頁內容嗎？」
其實，除非您想更新的內容是需要重新繪製圖表、動畫或美化難度較高的排版，的確就需要專業人士的協助，不然，若只是整齊簡單的圖文編排，只要你會基礎的文書軟體(例如word)，再加上幾個小技巧，就能在U Web輕鬆上稿啦！
今天就來分享一下平常在教育訓練時，會教客戶的幾個小技巧。
1. 文字請一律使用「純文字貼上」
由於大家都會習慣在word裡排好版，再將內容貼進HTML編輯區(http://zh.wikipedia.org/wiki/HTML)，此時往往會發現，如果想直接在編輯器中再調整一些細節的格式，怎麼都動不了，或是不如己意，有的調了有效，有的調了沒效，這是為什麼呢？
因為功能強大的word已經在幕後幫我們處理了各式各樣複雜的指令，當我們將內容從word複製，直接「貼上」進編輯區後，大家可以試著點閱「原始碼」，就會發現：哇！有好多複雜的標籤在裡面，眼花撩亂@_@。
沒錯！當你直接將word的內容貼進來時，就會將複雜的格式語法也帶進來，這些語法常常會阻斷原本我們為貴公司的網頁所設計好的CSS(http://zh.wikipedia.org/wiki/CSS)，因此網頁內容的樣式就會缺乏一致性而變得不美觀。(不要問我：為什麼某某知名部落格的編輯器就不會這樣…… 人客啊！免費的不代表就是低廉，這些免費的服務功能，可都是龐大成本開發出的成果唷！如果貴公司也有足夠的預算，那當然沒問題啦XD)
總之，如果你也是不懂語法的素人，這邊教大家一個小技巧：使用「純文字貼上」，這樣一來就會讓原始碼維持最乾淨的情況，步驟如下：
(1) 複製表格
(2) 點選「純文字貼上」(圖示：
(3) 如果你想再針對部分內容調整字級、粗體、字體顏色、背景色、對齊等等，可以使用HTML編輯區的功能，就能兼顧文字格式及網頁呈現一致美觀啦！
2. shift+enter=斷行；enter=分段
如果你壓住shift再按enter，對編輯器所下的語法就是<br>，<br>就是單純的斷行，而直接按enter的話，語法就是<p>，<p>表示分段，這兩者之間除了行距不同外，也會跟是否延續相同格式有關。
P.S：這個操作技巧也可以使用在word裡，尤其在使用項目符號或編號等清單功能時最明顯，大家可以自己試試看。
3. 表格可使用「自word貼上」
有時候我們的資料內容是用表格呈現，但如果我們也將表格用純文字貼上就會發現資料會真的只剩下文字，而沒有欄與列，更沒有格線。所以，如果遇到表格，我就會建議大家使用「自word貼上」，步驟如下：
(1) 複製表格
(2) 點選「自word貼上」(圖示：
(3) 再使用HTML編輯區的功能，設定表格內的文字的格式(字級、粗體、字體顏色、背景色、對齊等等)
4. 插入圖片
講完文字、表格，最後要跟大家講的就是圖片啦！圖片在HTML必須要有引用的來源位置，所以不能直接複製、貼上，而是要用「插入」。步驟如下：
(1) 將游標移至要放置圖片的位置，點擊一下
(2) 點選「插入影像」(圖示：
(3) 如果你的圖片是引用自某個網站，可以直接貼上該張圖片URL(也就是該圖片的所在位置，請在圖片上按右鍵，選擇”複製捷徑”或”複製影像網址”)，但引用前要注意版權問題，可別未經同意就引用，會吃上官司啊！
(4) 如果你的圖片是在你的電腦裡，那請點選「插入影像」後，再選擇「上傳」，直接瀏覽要使用的圖片檔後，點選「上傳至伺服器」。
(5) 如果想再調整圖片的尺寸，請點一下圖片，按右鍵選擇「影像屬性」，然後再變更寬度或高度其中一項，圖片就會等比例改變了。最後要記得按「確定」喔！
以上，就是今天的常用基礎小技巧教學，希望大家滿意啊！
如果還不滿足，可以參考Polly的進階教學篇，另外，U Web服務都會有2小時教育訓練，人客別擔心啦！
沒有留言:
張貼留言