(九十一学年度第二学暑假期间电脑教学课程教育训练网页设计讲义.docVIP

九十一學年度第二學暑假期間電腦教學課程教育訓練 網頁設計講義 網頁流程 一個網站是由許多網頁構成的。 一個網頁就是一個檔案，其副檔名為「主檔名.html」。 人家進網站所看到的第一頁就稱為「首頁」，其檔名固定為「index.htm」或是「index.html」。 利用「連結的語法」便可以將這些網頁互相串連起來，形成一個網站。 一、如何編輯網頁？ 網頁檔案其實就是純文字檔，Windows中的小作家或記事本，都可以拿來編輯網頁。 編輯網頁的語言，是「html標籤語言」，不需要有程式基礎也可以學會。 目前編輯網頁的軟體可分為種，第一種是「直接編寫html類」如 Windows 記事本，但需要精通 html 標籤語言的。第二種是「所見即所得類」如 FrontPage ，它的功能強大，但有些缺點，如做出的網站體積太大。 二、網頁的流程： 主題選定：就是網站內容先要想好。 架構決定：要做幾頁，每頁間怎樣連結，及版面如何呈現，要先在紙上打草稿。 工具取得：準備寫網頁的工具、圖片製作工具、網路工具。 網頁編寫：開始動工，編寫網頁，最累最有成就感的時候。 網頁空間：寫好網頁就要放上網路，得找個免費空間來放。 網頁上傳：有了網頁空間，就將寫好的網頁上傳到網路上。 網頁更新：後續的維護網頁工作，保持網頁的新鮮度。 三、注意事項： 如果提供網頁空間的公司沒有特別規定，一個網站的首頁（就是第一頁啦！） 名稱均訂為 index.htm 或是 index.html （一定要小寫喔！在網路上大小寫可是不一樣的！）如此一來，只要一點進該網站，瀏覽器便能辨識 您的首頁了。 檔案大小寫一定要注意，檔名最好全部都用「英文小寫字母」來命名， 因為，在我們的電腦中，INDEX.HTM 和 index.htm 是一樣的檔案，但上了網路之後，網站伺服器可是會認為這是不同的兩個檔案。最好 不要用中文來命名。 一個成功的網頁不外乎以下幾點：有內容，速度快，版面美，常更新 網頁名詞 一、網頁： 您上網路用瀏覽器所看到的每一個畫面都叫做網頁，這其中包含聲音、影像、動畫及文字，英文為「HomePage」 ，中文有人稱它為「烘焙雞」。而網頁是由HTML語言（原始碼）所組成的文件。 二、HTML： 全名是「HyperText Markup Language」，中文則稱它為「原始碼」。是編寫網頁的基本語法，簡單易懂，用最基本的文字編輯器（如記事本）即可編寫這就是您烘培雞的主體，當你完成這份文件的時候，你必須將之存取成 *.htm 或是 *.html，這樣就可用瀏覽器看到內容了。 三、網站： 由一堆網頁所構成的完整內容，稱為網站。 四、WWW： 則是由一堆網站所連結而成的網路世界。 五、首頁： 就是當我們連到網站時，第一眼所看到的網頁。 六、框架： 當我們進入一個網站時，常會見到瀏覽器的視窗被分割成二個，抑或更多的視窗；有的是左右分割，有的則是上下分割，這些被分割的網頁就是運用了框架（Frame)的功能。 七、跑馬燈： 有些網站上會有一排固定的字會向左或向右跑，這些字就是跑馬燈，如果你的網站有些訊息要讓訪客知道，這是一個不錯的打廣告的方式。 八、計數器： 有了它，你可以清楚的掌握網頁的人氣，而且現在的計數器功能很多，還可以幫你分析網頁流量及瀏覽者的相關資訊等。 九、留言板： 有了留言版，才能真正的跟網友們達到互動的效果，多聽聽別人的批評與建議，可以讓你做的更好，如果是鼓勵的話，也可以使你信心大增喔！更重要的是，可以利用它來回答網友們的問題。 十、聊天室： 人們總是喜歡交朋友，也喜歡發表自己的意見，尤其是在自由的網路世界中，更是心中有話大聲說，所以加一個聊天室也是不錯的選擇。 十一、DHTML(動態網頁) ： 可以讓你網頁上的字從四面八方飛過來飛過去，不再只是靜態地躺在那裡喔！ 十二、JavaScript： 主要的功能是讓你的網頁增添一些互動的功能與奇妙的特效。 十三、CSS： 中文的意思即為「樣式表」。簡單地來說，CSS只不過在現有的網頁HTML語言中（即原始碼），加上一些語法，使你可以擺脫傳統網頁標準樣式的限制，來使得網頁的文字、圖片、表格等更有變化。而且使用CSS的有三大好處，一是網頁更加生動活潑，二是網頁檔案可以大幅瘦身，三是修改網頁會更有效率。 十四、PHP、ASP、CGI： 目前網站的留言版、討論區、會員資料填寫、線上測驗等，大都是這些程式的傑作，總歸一句話，就是網頁與網友互動的程式語言。 十五、Hyperlink： 即「超鏈結」，是將滑鼠移到在附有超連結的圖片或文字上，按一下左鍵，就可以立刻連到這個超連結所指