浩瀚的網際網路-good.pptVIP

Web Design Brief Outline網頁設計概論 講師：王清皇 jessewjs@.tw 95.02.22 Agenda 講師簡介 課程簡介 分組名單、期末報告討論 網頁設計概論 開發工具、開發環境、網頁組成簡介 設計團隊有哪些人 準備工作 講師簡介 王清皇 國立雲林科技大學 資訊管理研究所 福懋興業股份有限公司 資訊中心 本職學能即是網頁設計、ASP+資料庫進階開發 B2B EC、Office、Web-based Design u106605@.tw 課程簡介 教學大綱 分組說明：由班代收齊下週交分組名單，每組4~5人 期中報告：一人一份，題目：如何規劃與設計網站，網站主題自訂，最少5頁A4大小 12級字 期末報告：一組一份，整合組員期中報告內容完成網頁設計，需上傳到Internet網站，並繳交光碟、書面報告 學網頁設計之心路歷程 Why FrontPage2002 FrontPage VS. Dreamweaver 比較 Why FrontPage2002 Office家族之一，親切的中文操作介面，會用Word就會做網頁 所見即所得，初學製作網頁很容易 多樣化的檢視模式 不需美工也能做出漂亮的網頁 結合最新的網頁開發技術 延伸進階網頁開發 ASP+資料庫 也很容易 系統軟體環境與開發工具 作業平台：Windows XP Advanced Server + IIS 資料庫：MS-SQL2000 Server 程式語言：ASP + VBScript + JavaScript + HTML 開發工具：FrontPage2000 + Script Editor + IE 製圖工具：PhotoShop + PhotoImpact 系統硬體環境 網路： 區域網路 乙太網路 RJ45 + 網路卡 100/10M + Hub 5 port PC 3-5台連線 Server一台，其餘為Client Server規格： 1.2G CPU 40G HD 512M RAM 網路卡 撥接卡 4合一Printer 列印、掃描、複印、傳真 網頁設計團隊 一般常見組成 系統管理： 網站管理員、網路管理師、設備管理師、系統整合顧問等 行銷管理： 行銷規劃師、網路訓練規劃師、網路廣告掮客等 資料維護： 資料內容供應者- User key in， scan 、資料管理整合員 程式設計： HTML、DHTML、ASP、PHP、Java、VB、Delphi..程式設計師 介面設計： 網頁+美工+多媒體設計師 圖片、動畫、美工 色彩、版面 、多媒體設計師等 資料庫設計： 資料庫設計師、資料庫管理師等 WWW 基本概念 Internet：一個網路的大環境 一堆網域s集合而成 WWW：由一堆網站s集合而成 網站：由一堆網頁s所構成的完整內容 首頁：當我進站時，看到的第一個網頁 網頁：每個瀏覽器所看的文件內容 ? 網頁s - 網站s - WWWs - Internet 製作網頁流程 主題架構：網站內容主題、操作介面 取得工具：寫網頁工具、圖片製作工具、網路工具 編寫網頁：網頁製作…文字、圖片、特效… 找個空間：找個免費空間來放 上傳網頁：網頁上傳至網路上 維護網頁：維護網頁，保持網頁新鮮度 網頁主題類別 範例 企業/學校/政府/慈善網站：70%皆為此類 產/官/學界、營利 買賣 /非營利 入口/搜尋網站：Google, Yahoo 拍賣網站：Yahoo, eBay, PCHome 露天 媒體網站：中時, 聯合, 蘋果, Yahoo, 蕃薯藤, TVBS, 自由 教學網站：線上學習 老師/英語/日語/電腦/程式/美術/體育/ 遊戲網站：蕃薯藤, 天堂, 戲谷, Flash遊戲 下載網站：免費/試用/盜版/正版 收費 …many… 個人網站/Blog：各大網站皆有提供免費空間…申請即可 地下網站：非法…勿輕易嚐試… 網頁製作工具 網頁類 HTML類工具：HTML標籤語法 不同browser下不易出錯 設計者容易掌握網頁架構 Ex: 記事本、Script Editor、UltraEdit… 所見即所得類工具： 螢幕的樣子就是上網看到的樣子 Ex: FrontPage、Dreamweaver、Homesite… 網頁製作工具 影像+多媒體類 PhotoImpact：圖片製作、影像處理，較容易上手 PhotoShop：同上，但較進階、精緻 ACDSee 32 Browser：圖片瀏覽軟體，自動圖片播放 Ulead GIF Animator：製作圖檔動畫 Flash：製作向量圖檔動畫，檔案較小 Cool3D：製作3D文字動畫軟體 Paint Shop Pro 5.0：影像編輯軟體，免費 製作工具 網路工具 Cute F