《网页进阶制作与範例实作.ppt》由会员分享，可在线阅读，更多相关《网页进阶制作与範例实作.ppt（14页珍藏版）》请在三一文库上搜索。
1、網頁進階製作與範例實作,講師：王仁宏,大綱,前言 淺談HTML 上網找資料吧！ 範例實作 問題討論,前 言,你會作網頁嗎？這句話常常在很多場合會被問到！ 小至朋友同學間閒聊大到工作面試、主管詢問都會有， 網頁製作能力，已經是基本要求的工作技能，但是如何 讓你的網頁能處處得人疼，靠運氣也得靠實力， 這又是另一種境界了，今天希望就藉由這堂課， 跟大家聊聊一些網頁的實作技巧。,淺談 H T M L,什麼是HTML? HTML是Hyper Text Markup Language 的縮寫 中文翻譯-超文件標記語言 HTML不是程式，他只是一種標記語言 什麼是超連結? Hypertext Link包含文
2、字的連結、圖片、電子郵件、書籤的連結 什麼是DHTML? Dynamic HTML 簡稱 DHTML 利用Script或是CSS來控制各項網頁元件，並達到動態的效果，稱之為DHTML CSS、Script、HTML的綜合運用,淺談 H T M L,什麼是表單？ 傳遞資料出去便需要表單，表單通常包含文字方塊、 下拉式選單、選項按鈕、核取方塊等等 什麼是CSS樣式表？ cascading Style Sheet 簡稱 CSS 是一種公開的規格 可以讓你更進階的控制字型、字體大小、背景顏色、邊框、 邊界、排列方式等等 進階的版面控制，讓改版更容易,淺談 H T M L,HTML的構成 html的構成
3、是有結構的 html文件是由元件(element) 所組成 元件是由標籤 (tag)所包覆而成 例如： ，即是一個網頁元件,一份基本的網頁應包含下列組成： 宣告這份為 html 文件 宣告html文件結束,淺談 H T M L,常見的HTML的元件,註：還有很多html的元件不在表中，此表只列出常用的。,淺談 H T M L,網頁各元件關係圖,網頁製作要點,顏色搭配 如果不知道搭什麼顏色好，可以儘量選擇粉色系、同色系為主 圖片檔案大小 根據研究，一張網頁的忍耐程度是七秒鐘左右，7x7k=50k左右，所以儘量維持你的網頁在此大小左右，但是目前網路速度越來越快，你可以適當調整。 表格排版 好的排版
4、，會讓閱讀性良好，適當的文字間距大小，更是讓 瀏覽者賞心悅目。,scrollbars顏色 既然網頁都變顏色了，配上灰色的scrollbar不是很不搭調嗎:P 利用Cool Web Scrollbars來作吧！ 利用框架 格出美感 可以利用iFrame，製造空間美感 例子 http:/ http:/ 網頁製作百寶箱 http:/dob.tnc.edu.tw/index.php,範例實作,利用Cool Web Scrollbars 工具作出有顏色的捲軸 CCS操控術捲軸特效 CCS操控術可變更滑鼠游標 CCS操控術發光字體 CCS操控術波動濾鏡 Javascript 每時問候 Javascript 地震網頁 Javascript 郵寄網址 等等,問題討論,歡迎提問 Seeing much, suffering much, and studying much, are three pillars of learning. (Benjamin Disraeli, English novelist) 多見識，多體驗，多研究，乃學問之三大法則。 (狄斯雷利，英國小說家),簡 報 結 束,謝謝大家,