U Web 網站靜態網頁編輯與基礎CSS應用(下) – 靜態網頁影像編輯

文：Polly L .

U Web除了內容上稿區，更提供靜態網頁編輯區，使用者可以選擇純文字、Word等模式貼上內容，如果我們想要有樣式上的變化，必須進入HTML做原始碼編輯！

我們要介紹基礎的HTML編輯方式與CSS應用，主要分為【表格】與【影像】兩種，今天接著介紹影像的部分。

【Img】編輯：

U Web靜態網頁編輯中有一個很好用的影像編輯區 ( 圖B1 )

在插入圖片後，我們可以做一些基本的設定，讓影像編輯上可以有變化，我們稍後來比對一下前後的比對。

先進入上方影像編輯區做一些微調的設定看看會變成如何呢？點選進入【影像屬性】，我們先選擇【影像資訊】

1. 我們可以先設定影像來源與替代文字的說明 ( 如：信諾科技)。

2. 再來是寬度與高度的設定，依需要的大小來設定即可，(非必填)。

3. 邊框，依需求可填入數字1,2,3….等數字，(非必填)。

4. 水平距離，是指與左右的距離，垂直距離是指與上下的距離。

5. 對齊，可選擇置右或是置左對齊。

接下來我們就來看看設定前後所呈現的效果囉!!呈現效果 (圖B2)

一般在U Web中我們會先將列表或內容頁中的圖片尺寸統一化，另外靜態頁部分的縮圖建議也維持影像的尺寸與排列的統一，否則網頁易顯得較雜亂而不易閱讀喔，記住這些小技巧，編輯的網頁內容將會更豐富且完美。