设计网页准备工作.pptVIP

第 1 章 設計網頁的準備工作 本章提要 網頁、網站與WWW 網頁的組成元素、設計考量及製作流程 網頁、網站與 WWW 網頁與 Home Page 網站就是網頁的集合 網站存放在哪裡 網頁、網站與 WWW 一定是去過光彩炫麗的 WWW (World Wide Web 全球資訊網) 世界, 你才會想要自己設計 Web Page, 網頁裡豐富的文字資料、加上奪目的影像、活潑的動畫..., 讓不懂電腦的人也能自由自在地享受 WWW 上豐富的寶藏與聲光效果。 網頁、網站與 WWW 網頁與 Home Page 在 WWW 上所看到的每一個畫面都是 Web Page (網頁), 而進入網站看到的第一個網頁, 則稱為網站的 Home Page (首頁)。 首頁可說是網站的門面, 其功能通常都是負責導覽及介紹必威体育精装版消息。 網頁與 Home Page 網頁與 Home Page 正因為首頁是網站的門面, 所以製作首頁可千萬馬虎不得, 除了要包含必威体育精装版資訊與網站導覽之外, 還要能表現出網站的獨特風格, 若首頁沒能給瀏覽者留下完美的第一印象, 那麼要期望他們二度光臨的機會可就微乎其微囉！ 網站就是網頁的集合 網站就是網頁的集合, 也就是說網站設計者得先把整個網站架構規劃好, 然後再分別製作出不同的網頁, 讓網頁間彼此相連, 使連上 Internet 的人都能看到, 這樣完整的架構就稱為網站。 以旗標出版公司的網站為例, 它就是由許多不同內容的網頁所組成的。 網站就是網頁的集合 網站存放在哪裡 網站是由許多網頁所組成, 除了每一個網頁分別是一個檔案外, 網頁所包含的圖檔、聲音檔、影像檔...等, 也都存在網站中。 一般網站都是放置在伺服器 (Server) 中, 而這些伺服器提供 Web 服務, 只在維修或壞掉時關機, 因此瀏覽者不論在什麼時候都可以瀏覽該網站。 網站存放在哪裡 通常只有大型企業、政府及學術單位等, 才需要考慮自行架設伺服器, 而個人與小企業、工作室, 則可以向 ISP ( Internet Service Provider 網路服務提供者) 申請網站空間。 以一般提供免費網站空間的 ISP 而言, 一台伺服主機下都包含許多網站, 只要把你的網頁及檔案發佈 (Publish) 到伺服主機下屬於你的路徑, 即可供其它人瀏覽。 網站存放在哪裡 網站存放在哪裡 網站存放在哪裡 網頁的組成元素、設計考量及製作流程 網頁的組成元素 ─ 文字、圖形、超連結與其他元素 網頁的設計考量 網頁的製作流程 網頁的組成元素 ─ 文字、圖形、超連結與其他元素 網頁中所包含的不外乎文字、圖片、影像、聲音...等等型態的內容, 這些就是網頁的組成元素, 其中文字、圖形與超連結可說是最基本的部分, 另外還有聲音及各種以 Plug-in 模式嵌入網頁的特效與多媒體元件, 也都屬於網頁的組成元素。 文字 文字是網頁中最基本也是最重要的內容, 其所佔的檔案空間非常小 (一個中文字只佔 2 Bytes), 所以當我們進入一個純文字的網頁時, 大約只要 1、2 秒鐘就可以看到完整的網頁內容, 這是多媒體所無法擁有的優勢。 網頁中的文字可利用 HTML、CSS 語法來改變色彩、格式與大小等屬性。 文字 變換字型的限制 若你在網頁中使用了瀏覽者電腦中沒有的字體, 當他瀏覽到你的網頁時, 就只能以系統預設的字型顯示 (通常是細明體), 將達不到你預期的效果。 若要顯示特殊字型, 建議你將文字做成圖形, 不過這樣檔案就會大很多, 故請自行斟酌使用。 圖片 目前較常被應用在 WWW 上的圖形有 JPG、GIF 和 PNG ...等格式, 因為這些格式除了具有壓縮比例高的特性之外, 也具有跨平台的優點。 常見的應用例如放置在網頁中的圖片、背景圖, 也可以替表格或儲存格設定背景圖片。 圖片 超連結 超連結也是網頁中不可或缺的重要元素, 只要用滑鼠在頁面上點來點去, 就可以迅速到達要去的地方, 也可以下載檔案、寄 e-mail 給網站的主人...。 在網頁中加入超連結就像是路邊的路標一樣, 它可以指引瀏覽者方向, 不致於在網站中迷路, 所以好好規劃網頁中的超連結, 是一件非常重要的事。 超連結 其他元素 表格、表單︰除了一般表格外, 無邊框的表格也常被用來做網頁整體排版。表單則是網頁、使用者與伺服端程式溝通的主要工具, 常見的討論區、留言版、會員登錄等等功能都得透過它來運作 。 聲音、影像、多媒體︰網頁可以設定背景音樂, 也可以利用 Active X 控制項或其他方式將音樂和影像、多媒體 (如 Flash 動畫...等) 插入網頁中播放。 其他元素 其他各類多媒體 Plug-in︰Plug-in 功能可保持網頁設計的彈性, 它讓新推出的多媒體格式利用這個方法嵌入網頁中, 只要瀏覽者擁有