文字型的網站

網頁設計所用的語言是html（hypertext makeup language）,該語言的編寫可以利用以下的方式進行：

• 直接在網頁編輯器如Dreamweave、Frontpage編輯。
• 直接以純字軟體﹣﹣如PC的附屬程式中的記事本來編寫。
• 從網站上直接拷貝html格式
• 從Words檔案複製

簡易練習

• 改變文字大小
• 改變段落
• 改變格式
  
• 在文章內加錨點（anchor)
• 在文章內加特殊符號
• 改變文字的色彩

模擬練習：
請將http://cd.ntit.edu.tw/~hsieh/3ds/01basic.htm的文字拷貝到你的index.html檔，並編輯成類似/http://kids.fmp.com.tw/giftlife/gf01.htm的編輯模式。
本練習希望你可以理解以文字為主要內容的網站之建構，它包括以下的項目：

• 網站架構初探﹣﹣分類、命名、檔案夾
• 頁面格式﹣﹣頁面大小、背景色、色彩、字型、表格及圖像
• 插入橫隔線
• 表格
• 文字的超連結
• 錨點的使用
  到http://web.ntit.edu.tw/~hsieh/anchor.html拷貝到Dreamweaver。

範例：

• http://www.coe.missouri.edu/~etp1083/mascot/#introduction
• http://kids.fmp.com.tw/giftlife/gf01.htm(西遊記)

範例製作要點

• 水平分割線可以在code內之 hr 加入 color=" #ffcc33 "以產生色彩。

延伸討論：網站設計的步驟
依據http://www.1cog.com/web-design-process.html的實務說明，網站設計的步驟可分以下十二個階段。

1. 初洽（Initial Talks）
2. 估價（Fixed-price quote）
3. 簽約（Contract signed）
4. （Register domains）
5. 細節討論（Detailed discussions）
6. 內容提供（Content provision）
7. 建構（Construction）
8. 首次草稿（Initial draft）
9. 最後草稿（Final draft）
10. 定案（Final version）
11. 發佈（Web site published）
12. 搜尋引擎行銷（Search engine marketing）
    

其他可供參考的網站如下：
http://www.webdesignfromscratch.com/web_design_process.cfm
http://www.netdogz.com/design-process.asp