《橙語網路字典》何謂HTML? —– (基本網頁設計)

html

哈嚕,阿橙 來講一下 HTML 是什麼了哦,超文件標示語言HyperText Markup LanguageHTML)是為了設計的一種標示語言。HTML被用來結構化信息——例如標題、段落和列表等等,也可用來在一定程度上描述文檔的外觀和語義。

那就來和大家來說明如何區分哦,並且怎樣才能做出美美的網頁。目前有很多動態網頁都有很多都能使用靜態化網址,所以就不容易看的出來了,但基本上使用 HTML 的網頁,檔案名稱都會是xxx.html 或是 xxx.htm。

那要製作一般 HTML 的網頁不難,首先要安裝 網頁編輯軟體美工繪圖軟體,簡單的介紹一般比較常見的軟體,網頁編輯軟體 (Dreamweaver) 及 美工繪圖軟體 (FireworksPhotoshop),那 阿橙 最喜歡使用網路上的資源了,大約講一下我的設計步驟:

1.首先開始在網路上找尋要使用的圖片素材。
網站一:http://www.nipic.com/
網站二:http://www.sucaiw.com/

找好了以上的圖片素材之後,就能開工啦。

 

2.之後就在美工繪圖軟體上做排版。
細節的過程要看情況了,所以就不做細節介紹了,有想要學的人可以留言詢問哦,那基本上現在都是寬螢幕,寬度大約1000px哦,設計好後,最重要的就是在切割圖片了,如何切割就是最困難的地方了。

 

3.使用網頁編輯軟體,做成網頁檔案。
在做網頁時,千萬不要也把您要的字都用在圖片裡,要有一部份是純文字的,不然網頁做好了之後,就沒辦法讓搜尋引擎給搜尋到了哦。

 

4.在網頁標題及描述裡加入關鍵字。
首先可以參考同業的網站,開啟網頁後,在檢視 > 原始檔,就能看到:
meta name=”keywords” content=”xxx,xxx,xxx,xxx”
meta name=”description” content=”xxxxxxxxxxx,xxxxxxxxxxxxxxx”
加入這些基本的優化方式,讓搜尋引擎知道您的網站是在做什麼的哦。

 

阿橙 就在這裡做個結尾,簡單的分享製作網頁的步驟,有問題可以來問我哦。

阿橙

熱愛在網路上分享所學的知識,從美工設計、網頁設計、網路行銷、社群行銷、SEO、內容行銷、網路廣告行銷,不斷學習與自我成長,樂在學習。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

驗證問答