网站建置及网页设计.PPT

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 網頁製作軟體-FrontPage 發佈Web Site 包含一個新的發佈使用者介面遠端Web Site檢視 發佈到任何檔案系統、本機及遠端Web Site之間、延伸伺服器與FTP 伺服器上 遠端Web Site及本機Web Site的同步處理 顯示本機Web Site及遠端Web Site中檔案及資料夾的狀態 允許在FTP伺服器上與 Dreamweaver 使用者一起工作，而不會意外覆寫彼此所做的變更 練習：框架頁 網頁製作軟體-Dreamweaver Macromedia Dreamweaver 受歡迎的編輯工具 方便的設計及開發環境 一目了然管理Web Site的檔案與使用到的物件 WYSIWYG 可以保留字型、色彩及 CSS 樣式從Microsoft Word 及 Excel 文件直接複製內容編輯視窗內 支援了上述提及DHTML、ASP.NET、JSP、PHP、XML與各種資料庫系統 提供製作Web Pages動畫的能力，只要針對一物件的動畫時間軸中設定設定即可 網頁製作軟體-Dreamweaver Macromedia Dreamweaver 使用預設的Site進行較完整的Web Site管理 節省修改檔案繁複的在Internet上傳送 自動幫比對Web Pages內容避免更新舊的檔案 安全模式 FTP 來加密所有要傳送的檔案 個人Web Site建置 階段 1 階段 2 階段 3 個人Web Site建置 規劃設計階段 主題設定：按照個人需求，確定Web Site所要表達的主題。多以個人的興趣居多，因此內容可以自由發揮創意來設計 資料搜集：資料的蒐集，根據主題尋找可用的資源與技術 技術評估：分析Web Site需求與技術的限制，決定可行的開發架構與模式 內容企劃：針對所蒐集的資料與Web Site的主題，列出適合的內容。由於Web Site的主題會影響Web Site的風格與讀者，故決定內容時需適當的取捨 個人Web Site建置 開發階段 規劃設計時所組織的內容 建立Web Site的主架構 製作與編輯Web Pages 瀏覽器預覽全部的Web Pages 試超連結、測試前端程式與畫面效果 促銷Web Site 各大入口Web Site，例如Yahoo Taiwan、MSN或是新浪，為自己的Web Site註冊 個人Web Site建置 維護階段 資料更新與維護 維持Web Pages的新鮮與可看性是使Web Site持續受歡迎的重要法門 推陳出新的Web Pages技術 使的Web Site更有特色，更吸引人 * 免費網頁空間使用 入口 Web Site 專屬 Web Server 虛擬 主機 網頁空間 ISP * * * * * * * * * * * * * * * * * * * * * * * * 網頁製作語言-描述語言 動態網頁執行過程 Web Server 個人電腦 動態網頁程式 直譯程式 瀏覽器呈現 網頁製作語言-描述語言 Script Language Microsoft Visual Basic Scripting Edition (VBScript) Microsoft JavaScript Netscape Microsoft version of JavaScript (Jscript) Microsoft 網頁製作語言- VBScript VBScrip 是屬於Microsoft Visual Basic語言家族的成員，因此如果有Visual Basic程式設計的基礎，則對與 VBScript 也會非常熟悉 內嵌在HTML的文件 不需要特殊的工具或編輯軟體 由IE或PWS/IIS解譯後加以執行 使用 Tag 『SCRIPT』將 VBScript 程式碼加到 HTML 檔案中 除了可以用於DHTML的設計外，VBScript還可以用於互動網頁語言ASP上 網頁製作語言- VBScript VBScript範例 網頁製作語言- JavaScript JavaScript 前身為 Live Script，是網景通訊(Netscape Communications) 公司開發出來的描述語言 不同於由 Sun Microsystems 公司的程式語言Java 搭配上了文件物件模型(Document Object Model，簡稱DOM)的設計，使得Web Pages的設計變化萬千 網頁製作語言- JavaScript JavaScri