網(wǎng)頁設(shè)計與制作教程與實訓

前言

本書第1版自2006年1月出版以來，深受廣大師生的青睞，同時也受到了網(wǎng)頁制作愛好者的喜愛，在兩年多的時間里已銷售近3萬冊，并在北京大學出版社啟動的“2008年度高職高專計算機類優(yōu)秀教材評比”工作中，榮獲“優(yōu)秀教材評比一等獎”。為了與技術(shù)的發(fā)展同步，我們在第1版的基礎(chǔ)上進行了去粗取精、揚長避短的升級工作。本教程采用貼近教與學實際需要的章節(jié)結(jié)構(gòu)，即具體章節(jié)均以教學提示和教學要求一知識講解一實訓一習題的結(jié)構(gòu)進行編排。章首的教學提示和教學要求，既能指導學生自學，又方便教師講授；每章的知識點均結(jié)合實例詳細講解，使學生能更加直觀、通俗地理解相應的知識；章尾都有一個或幾個緊密結(jié)合該章知識點的實例，以及一些難度適中的習題。每個實例都配有詳細的操作步驟，使學生能夠做到邊學邊練，快速掌握并靈活運用所學章節(jié)的知識；課后習題分判斷題、填空題及上機操作題，且配有答案。通過練習，可以達到鞏固每課知識的目的。本教程計劃授課學時為64學時左右，使用的版本是Dreamweaver 8。教學內(nèi)容的采用以實用為原則，從學生的實際需要出發(fā)，對學生感興趣的實用知識要詳解、講透，使學生能完全掌握。而教學中沒有涉及的內(nèi)容可通過課后練習、指導和問題討論的方式讓學生自學完成。在教學中，應格外重視學生操作能力的培養(yǎng)，強調(diào)實用技能的訓練，提倡采用講練結(jié)合的教學方式，給學生更多的動手機會。本教程由大連水產(chǎn)學院職業(yè)技術(shù)學院的于巧娥老師擔任主編，淄博職業(yè)學院的譚景老師、遼東學院的魯琴老師、大連水產(chǎn)學院職業(yè)技術(shù)學院王林毅老師擔任副主編，參與編寫工作的還有重慶電子職業(yè)學院的黃源老師、蘇州職業(yè)大學的李會芳老師。具體分工如下：王林毅編寫第1章（除1.2節(jié)和1.6節(jié)之外）；李會芳編寫第2章和第4章（除2.6節(jié)和4.2節(jié)之外）；譚景編寫第3章和第9章f除3.7節(jié)和9.6節(jié)之外）；魯琴編寫第5章（除5.5節(jié)之外）和第10章；于巧娥編寫2.6節(jié)、3.7節(jié)、4.2節(jié)、5.5節(jié)、第6章和9.6節(jié)；黃源編寫1.2節(jié)、1.6節(jié)和第7章；于巧娥和王林毅編寫第8章。北京科技大學的孫建偉老師對書中的內(nèi)容進行了一定的審閱。最后由于巧娥老師總纂成書。在編寫過程中，我們參考了有關(guān)教材和某些網(wǎng)站的資料，在此表示感謝！由于編者水平有限，時間倉促，不妥之處在所難免，衷心希望廣大讀者批評指正！

內(nèi)容概要

　　《21世紀全國高職高專計算機系列實用規(guī)劃教材：網(wǎng)頁設(shè)計與制作教程與實訓（第2版）》系統(tǒng)地介紹了Macromedia公司最新推出的Dreamweaver 8中文版的使用方法和技巧。全書共10章，先從網(wǎng)頁制作基本知識入手，循序漸進、由淺入深地介紹了站點的規(guī)劃和創(chuàng)建，文本和圖像元素的添加和編輯，超鏈接的創(chuàng)建，CSS樣式的應用，表格、框架、層等網(wǎng)頁定位技術(shù)，行為的具體應用，模板和庫的創(chuàng)建與編輯，表單及表單對象的添加，數(shù)據(jù)庫與動態(tài)數(shù)據(jù)的運用，網(wǎng)頁設(shè)計范例等?！　　?1世紀全國高職高專計算機系列實用規(guī)劃教材：網(wǎng)頁設(shè)計與制作教程與實訓（第2版）》的突出特點在于將知識講解與實例操作緊密結(jié)合，且一些典型實例均來自編者多年的教學經(jīng)驗總結(jié)，具有很高的實用價值。知識講解全面具體，語言表達通俗易懂，可以作為高職高專及其他院校的專業(yè)課教程，對于專門從事網(wǎng)頁制作的讀者也有一定的借鑒價值。

書籍目錄

第1章 網(wǎng)頁制作基本知識1.1 與網(wǎng)頁制作相關(guān)的術(shù)語1.1.1 網(wǎng)站與網(wǎng)頁1.1.2 服務(wù)器與瀏覽器1.1.3 遠程站點和本地站點1.1.4 統(tǒng)一資源定位器1.2 HTML簡介1.2.1 HTML基本格式及特點1.2.2 HTML的基本語句1.3 網(wǎng)頁界面的構(gòu)成要素1.4 網(wǎng)站開發(fā)的流程1.4.1 確定網(wǎng)站的目的和主題1.4.2 定位網(wǎng)站CI形象1.4.3 收集、制作與整理資料1.4.4 規(guī)劃網(wǎng)站的結(jié)構(gòu)1.4.5 設(shè)計與制作主頁1.4.6 測試與發(fā)布網(wǎng)站1.4.7 維護與推廣網(wǎng)站1.5 網(wǎng)站設(shè)計的要求1.5.1 主題引入注目1.5.2 欄目布局合理1.5.3 網(wǎng)站的結(jié)構(gòu)清晰1.5.4 色彩搭配悅目1.6 實訓1.6.1 滾動字幕的制作1.6.2 網(wǎng)頁過渡效果1.7 小結(jié)1.8 習題第2章 認識Dreamweaver82.1 Dreamweaver8簡介2.2 Dreamweaver8的工作界面2.3 常用面板的使用2.3.1 使用插入欄2.3.2 使用[屬性]面板2.3.3 使用[文件]文件面板2.3.4 資源面板2.4 Dreamweaver8的個性設(shè)置2.5 站點的基本操作2.5.1 定義站點2.5.2 編輯站點2.5.3 操作站點文件2.6 實訓2.7 小結(jié)2.8 習題第3章 創(chuàng)建文檔3.1 文檔的操作3.2 頁面屬性的設(shè)置3.3 文本元素的添加和編輯3.3.1 文字的格式化3.3.2 其他文本的輸入3.3.3 查找和替換文本3.4 圖像和媒體的處理3.4.1 圖像的處理3.4.2 插入FireworksHTML3.4.3 添加Flash影片3.4.4 添加內(nèi)置的Flash交互對象3.5 超鏈接的創(chuàng)建與管理3.5.1 超鏈接概述3.5.2 超鏈接的創(chuàng)建3.5.3 管理站點內(nèi)的鏈接3.6 創(chuàng)建文檔的小技巧3.6.1 去除頁面的空白3.6.2 輸入文字空格的方法3.7 實訓3.7.1 幻燈片動畫3.7.2 大小圖的轉(zhuǎn)換3.8 小結(jié)3.9 習題第4章 樣式4.1 CSS樣式表4.1.1 關(guān)于CSS樣式表4.1.2 創(chuàng)建和應用新的CSS樣式4.1.3 編輯樣式4.1.4 將樣式從選定內(nèi)容中刪除4.1.5 CSS樣式參數(shù)4.2 實訓4.2.1 用圖像美化項目符號列表4.2.2 用CSS濾鏡制作文字特效4.3 小結(jié)4.4 習題第5章 Dreamweaver8的網(wǎng)頁定位技術(shù)5.1 表格5.1.1 創(chuàng)建表格5.1.2 選擇表格5.1.3 編輯表格5.1.4 表格的格式化和排序5.2 布局表格和布局單元格5.2.1 使用布局視圖和網(wǎng)格輔助線5.2.2 繪制布局表格和布局單元格5.2.3 繪制嵌套布局表格5.2.4 設(shè)置布局表格和布局單元格的屬性5.3 框架5.3.1 框架概述5.3.2 創(chuàng)建框架5.3.3 框架的編輯和制作5.3.4 處理無框架瀏覽器5.4 層5.4.1 層的創(chuàng)建5.4.2 層的基本操作5.4.3 層與表格的相互轉(zhuǎn)換5.5 實訓5.6 小結(jié)5.7 習題第6章 行為的操作6.1 行為的基礎(chǔ)6.1.1 行為的基礎(chǔ)6.1.2 行為的編輯6.2 行為的具體應用6.2.1 調(diào)用JavaScript6.2.2 彈出信息6.2.3 轉(zhuǎn)到URL6.2.4 彈出廣告窗口6.2.5 播放背景音樂6.2.6 時間軸行為6.3 實訓6.3.1 動態(tài)文本6.3.2 下拉菜單6.3.3 臉譜游戲6.4 小結(jié)6.5 習題第7章 模板和庫7.1 創(chuàng)建模板7.2 編輯模板7.3 應用模板7.4 更新模板7.5 庫7.6 實訓7.7 小結(jié)7.8 習題第8章 表單8.1 創(chuàng)建表單8.2 添加表單對象8.3 實訓8.3.1 電子郵件表單8.3.2 搜索引擎的添加8.4 小結(jié)8.5 習題第9章 數(shù)據(jù)庫與動態(tài)數(shù)據(jù)9.1 動態(tài)網(wǎng)站執(zhí)行流程9.1.1 什么是動態(tài)網(wǎng)站9.1.2 動態(tài)網(wǎng)站原理及開發(fā)流程9.2 配置Web服務(wù)器9.2.1 選擇Web服務(wù)器軟件9.2.2 安裝ⅡS9.2.3 定義根目錄9.2.4 配置ⅡS9.3 定義動態(tài)站點連接遠程服務(wù)器9.3.1 定義本地和遠程站點9.3.2 指定測試服務(wù)器9.3.3 連接遠程服務(wù)器9.4 數(shù)據(jù)庫配置與ODBC連接9.4.1 創(chuàng)建數(shù)據(jù)庫9.4.2 創(chuàng)建數(shù)據(jù)源9.4.3 連接數(shù)據(jù)庫9.5 創(chuàng)建動態(tài)網(wǎng)頁9.5.1 創(chuàng)建記錄集9.5.2 添加記錄集9.5.3 顯示記錄9.5.4 分頁顯示多條記錄9.6 實訓9.7 小結(jié)9.8 習題第10章 網(wǎng)頁設(shè)計范例10.1 設(shè)計站點10.1.1 網(wǎng)站的總體結(jié)構(gòu)10.1.2 建立站點10.1.3 生成網(wǎng)頁10.2 制作進站頁面10.2.1 用表格進行整體布局10.2.2 頁面屬性設(shè)置及樣式定義10.2.3 添加網(wǎng)頁元素10.3 制作主頁10.3.1 整體效果設(shè)計10.3.2 用表格進行整體布局并設(shè)置10.3.3 頁面屬性設(shè)置及樣式定義10.3.4 網(wǎng)頁橫幅及標志部分的設(shè)計10.3.5 導航區(qū)的設(shè)計10.3.6 主體部分的設(shè)計10.3.7 添加頁面動態(tài)效果10.4 制作“時尚話題”頁面10.4.1 網(wǎng)頁橫幅的制作10.4.2 主體部分制作10.5 制作“時尚話題”相關(guān)頁面10.5.1 創(chuàng)建“時尚話題模板”頁10.5.2 使用“時尚話題模板”創(chuàng)建文檔10.6 制作“心情文章 ”頁面10.6.1 網(wǎng)頁橫幅的制作10.6.2 主體部分制作10.7 制作“熱點討論”頁面10.7.1 網(wǎng)頁橫幅的制作10.7.2 主體部分制作10.8 測試和上傳站點10.8.1 測試站點10.8.2 上傳站點10.9 小結(jié)10.1 0習題參考文獻

章節(jié)摘錄

插圖：2.鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)，它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象地說，每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。確立網(wǎng)站的鏈接結(jié)構(gòu)的目的是用最少的鏈接，使得瀏覽最有效率。一般來說，網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式。1） 1樹狀鏈接結(jié)構(gòu)樹狀鏈接結(jié)構(gòu)類似DOS的目錄結(jié)構(gòu)，頁面與頁面是一對一的關(guān)系。主頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。瀏覽者瀏覽頁面時，一級級進入，一級級退出。優(yōu)點是條理清晰。缺點是瀏覽效率低，從一個欄目下的子頁面跳到另一個欄目下的子頁面，必須回經(jīng)主頁，如圖1.8所示。2） 星狀鏈接結(jié)構(gòu)星狀鏈接結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接。頁面與頁面是一對多的關(guān)系，每個頁面相互之間都建立有鏈接關(guān)系。這種鏈接結(jié)構(gòu)的優(yōu)點是方便瀏覽，瀏覽者可以隨時到達自己喜歡的頁面。缺點是鏈接太多，瀏覽者容易迷路，很難搞清楚自己在什么位置，如圖1.9所示。

編輯推薦

《網(wǎng)頁設(shè)計與制作教程與實訓(第2版)》的突出特點在于將知識講解與實例操作緊密結(jié)合，且一些典型實例均來自編者多年的教學經(jīng)驗總結(jié)，具有很高的實用價值。知識講解全面具體，語言表達通俗易懂，可以作為高職高專及其他院校的專業(yè)課教程，對于專門從事網(wǎng)頁制作的讀者也有一定的借鑒價值。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作教程與實訓 PDF格式下載

---