網頁設計與制作目錄
任務1 認識網頁（1）
1.1 初識網頁（1）
1.1.1 任務引入（1）
1.1.2 網頁構成（2）
1.2 網站賞析（4）
1.2.1 靜態網站（4）
1.2.2 動態網站（5）
1.3 網頁設計思路（6）
1.3.1 網站主題（6）
1.3.2 表現形式和用戶瀏覽設置（6）
1.3.3 創造性和有效性（6）
1.4 網頁編輯工具（6）
1.4.1 編輯工具（7）
1.4.2 素材處理與創作工具（8）
1.5 任務小結（9）
1.6 課后習題（10）
任務2 站點建立與管理（11）
2.1 安裝IIS（11）
2.1.1 初識IIS（11）
2.1.2 安裝IIS 70（12）
2.2 站點配置（15）
2.2.1 配置IIS站點屬性（15）
2.2.2 長江商業職業技術學院站點屬性（20）
2.3 站點建立（23）
2.3.1 定義長江商業職業技術學院站點（23）
2.3.2 修改長江商業職業技術學院站點信息（26）
2.4 站點管理（27）
2.4.1 新建站點（27）
2.4.2 站點之間切換（28）
2.4.3 站點編輯（28）
2.4.4 站點復制與刪除（28）
2.4.5 站點導出與導入（29）
2.4.6 站點文件管理（29）
2.5 任務小結（34）
2.6 課后習題（34）
任務3 HTML代碼基礎（35）
3.1 初識HTML（35）
3.2 簡單的HTML（35）
3.2.1 基本的HTML（35）
3.2.2 標簽解釋（36）
3.2.3 HTML元素（36）
3.2.4 HTML元素的屬性（37）
3.2.5 基礎的Tag（37）
3.2.6 表格（40）
3.2.7 常用格式（41）
3.2.8 超鏈接（41）
3.3 任務小結（42）
3.4 課后習題（42）
任務4 使用表格布局與美化網頁（44）
4.1 任務引入（44）
4.1.1 長江商業職業技術學院首頁（44）
4.1.2 長江商業職業技術學院二級頁面（45）
4.2 附加樣式表（45）
4.2.1 創建首頁indexhtml（45）
4.2.2 新建CSS樣式表（46）
4.2.3 附加樣式表（46）
4.3 表格布局Banner（47）
4.3.1 添加表格（47）
4.3.2 插入Banner圖片（48）
4.4 表格布局導航欄（49）
4.4.1 表格背景設置（49）
4.4.2 導航欄表格（50）
4.4.3 導航欄文字（51）
4.5 表格布局main內容區（52）
4.5.1 表格背景設置（52）
4.5.2 添加表格（54）
4.5.3 站內搜索（60）
4.5.4 聯系方式（63）
4.5.5 友情鏈接（66）
4.6 表格布局圖片新聞、審前公示、法規制度（68）
4.6.1 添加表格（68）
4.6.2 圖片新聞（69）
4.6.3 審前公示（71）
4.6.4 法規制度（76）
4.7 表格布局新聞動態、審后公告、學習之窗（76）
4.7.1 添加表格（76）
4.7.2 新聞動態（77）
4.7.3 審后公告（81）
4.7.4 學習之窗（81）
4.8 表格布局水平線與版權區（82）
4.8.1 添加水平線（82）
4.8.2 版權區（82）
4.9 任務小結（83）
4.10 課后習題（83）
任務5 使用DIV布局網頁（85）
5.1 任務引入（85）
5.1.1 長江商業職業技術學院首頁（85）
5.1.2 長江商業職業技術學院二級頁面（86）
5.2 附加樣式表（87）
5.2.1 創建首頁indexhtml（87）
5.2.2 新建CSS樣式表（88）
5.2.3 附加樣式表（88）
5.3 DIV布局lay（89）
5.3.1 lay生成（89）
5.3.2 lay居中（90）
5.4 DIV布局Header（91）
5.4.1 Banner生成（91）
5.4.2 Nav生成（92）
5.5 DIV布局main（94）
5.5.1 main部分（94）
5.5.2 main_left部分（96）
5.5.3 main_middle部分（102）
5.5.4 main_right部分（108）
5.6 DIV布局footer（115）
5.6.1 footer（115）
5.6.2 水平線（116）
5.6.3 版權區（118）
5.7 任務小結（120）
5.8 課后習題（120）
任務6 應用CSS美化網頁（121）
6.1 認識CSS樣式（121）
6.1.1 初識CSS（121）
6.1.2 基本的CSS模型（121）
6.1.3 CSS樣式設置（123）
6.2 美化網頁（127）
6.2.1 任務引入（127）
6.2.2 任務構成（128）
6.3 CSS樣式美化header（129）
6.3.1 CSS樣式美化Banner（129）
6.3.2 CSS樣式美化Nav（130）
6.4 CSS樣式美化Main（136）
6.4.1 main背景（136）
6.4.2 main_left樣式美化（137）
6.4.3 main_middle樣式美化（150）
6.4.4 main_right樣式美化（158）
6.5 CSS樣式美化footer（167）
6.5.1 水平線（167）
6.5.2 CSS樣式美化版權區（168）
6.6 任務小結（169）
6.7 課后習題（169）
任務7 使用表單制作用戶注冊頁（170）
7.1 認識表單（170）
7.1.1 表單基礎（170）
7.1.2 創建表單域（170）
7.1.3 設置表單域屬性（170）
7.2 任務引入（171）
7.2.1 用戶注冊頁面（171）
7.2.2 任務分析（171）
7.3 制作表單（172）
7.3.1 添加表單項（172）
7.3.2 添加表格（172）
7.3.3 添加文本域（173）
7.3.4 添加單選按鈕（174）
7.3.5 添加選擇（列表/菜單）（175）
7.3.6 添加文本區域（175）
7.3.7 添加注冊按鈕（176）
7.3.8 完成效果（176）
7.4 任務小結（177）
7.5 課后習題（177）
任務8 使用模板制作二級頁面（179）
8.1 創建模板（179）
8.1.1 頁面屬性設置（179）
8.1.2 Banner設置（179）
8.1.3 導航欄設置（180）
8.1.4 新聯動態、站內搜索、聯系方式、友情鏈接、機構概況（181）
8.1.5 版權區（184）
8.1.6 生成模板文件（184）
8.2 編輯模板（186）
8.2.1 新建可編輯區域（186）
8.2.2 生成編輯區域（186）
8.3 應用模板（187）
8.3.1 調出模板（187）
8.3.2 運用模板（188）
8.4 更新模板（190）
8.4.1 打開模板（190）
8.4.2 修改模板（191）
8.5 任務小結（192）
8.6 課后習題（192）
任務9 應用行為增加網頁特效（194）
9.1 滾動文字特效（194）
9.1.1 初識Marquee（194）
9.1.2 建立Marquee（194）
9.2 對聯廣告的實現（197）
9.2.1 插入左側廣告層leftDiv（197）
9.2.2 插入右側廣告層rightDiv（198）
9.2.3 添加javascript腳本代碼（200）
9.3 漂浮廣告的實現（201）
9.3.1 插入漂浮廣告層fly（202）
9.3.2 添加javascript腳本代碼（202）
9.4 輪播廣告的實現（204）
9.4.1 插入輪播廣告層（204）
9.4.2 添加javascript腳本代碼（206）
9.5 任務小結（207）
9.6 課后習題（207）
任務10 測試與發布網站（209）
10.1 網站測試（209）
10.1.1 兼容性測試（209）
10.1.2 網頁鏈接測試（211）
10.2 申請空間和域名（214）
10.2.1 申請空間（214）
10.2.2 申請域名（214）
10.3 網站發布（215）
10.3.1 設置站點遠程信息（215）
10.3.2 上傳站點（217）
10.3.3 下載站點（218）
10.3.4 文件上傳和取回（219）
10.4 同步文件（219）
10.5 常見錯誤信息（221）
10.6 任務小結（223）
10.7 課后習題（223）
本書以 Dreamweaver CS 5這個網頁設計業界的標準應用軟件作為教學主體，通過一個完整的項目長江商業職業技術學院網站頁面的設計與制作，由淺入深、由基礎操作到案例設計的方式，詳細介紹了Dreamweaver CS 5軟件的界面操作和網頁構成、站點建立與管理、HTML代碼、表格布局與美化網頁、使用DIV布局網頁、CSS美化網頁、表單對象、模板的應用、行為的應用、測試與發布網站。完整介紹了長江商業職業技術學院網站靜態網頁的開發過程?！毒W頁設計與制作——Dreamweaver》既可作為中等職業學校計算機相關專業師生和網頁設計培訓班的參考用書，也可作為從事網頁設計與開發行業的人員以及眾多Dreamweaver網頁開發愛好者或業余用戶的指導用書。關于本書Dreamweaver CS 5是Adobe公司推出的可視化網頁設計制作與管理軟件，被廣泛應用于網頁設計領域，此版本操作界面簡單明了，還在以往版本的基礎上新增了許多實用的功能，深受廣大網頁設計愛好者的喜愛。為了使廣大讀者能夠更全面地掌握該軟件，我們組織編寫了該教程。本書以長江商業職業技術學院網站頁面設計為項目，采用成熟的教學模式，項目教學任務驅動教學方式，通過Web設計到軟件應用方法，讓讀者輕松學習網站設計。本書結構本書共分10個任務，各任務具體內容安排如下。任務1 認識網頁，了解網站基本知識，網頁構成元素、網站類型、網頁設計思路、網站主題、表現形式和用戶瀏覽設置、網站設計方法、網頁編輯工具、素材處理與創作工具。任務2 站點建立與管理，介紹了IIS類型及安裝方法，以及靜態站點與動態站點的配置。任務3 HTML代碼基礎，學習簡單HTML代碼，了解代碼的作用。任務4 使用表格布局與美化網頁，介紹附加樣式表的使用、使用表格及單元格規劃長江商業職業技術學院首頁面布局、編排、美化表格和單元格，以及表格自動處理的操作技巧。任務5 使用DIV布局網頁，主要介紹使用DIV技術布局長江商業職業技術學院首頁面包括附加樣式表、DIV布局操作方法。任務6應用 CSS美化網頁，利用DIV和CSS功能對長江商業職業技術學院首頁面進行頁面美化。任務7 使用表單制作用戶注冊頁，介紹網頁表單的設計與操作方法。任務8使用模板制作二級頁面，主要學習二級頁面模板編輯、創建模板、更新模板、應用模板，完成長江商業職業技術學院所有二級頁面設計。任務9應用行為增加網頁特效，通過為網頁添加行為的四個實例，了解行為的概念、“行為”面板，以及動作和事件的類型。任務10 測試與發布網站，以長江商業職業技術學院網站的測試與發布為任務，了解網站的測試方法與發布流程。本書課時分配本書學習總課時為64課時。其中：教材基本內容講解18課時，技能應用實操訓練46課時。建議在多媒體網絡實訓室完成全部教學任務。本書定位本書適合作為中等職業學校計算機相關專業師生和網頁設計培訓的參考用書，也可作為從事網頁設計與開發行業的人員以及眾多Dreamweaver網頁開發愛好者或業余用戶的指導用書。
