網(wǎng)頁設計與制作案例教程

內(nèi)容概要

本書由從事Dreamweaver課程教學的教師和兩位經(jīng)驗豐富的企業(yè)設計師合作編寫而成。全書分為16章，第1～2章介紹了網(wǎng)頁及網(wǎng)站建設流程、網(wǎng)頁基本語言HTML、網(wǎng)頁版式設計與色彩搭配；第3～15章介紹了網(wǎng)頁設計軟件Dreamweaver CS3的主要功能及網(wǎng)頁設計與制作方法；第16章從DiV+CSS作為技術架構，介紹基于HTML語言的企業(yè)網(wǎng)站前臺。    本書內(nèi)容均以任務驅(qū)動、案例學習為主線。通過學習任務來掌握必需的、常用的知識和技能。案例學習目標明確、設計精巧、代表性強。通過學習一系列“由簡到繁、由易到難、承前啟后”的階梯式案例，使讀者真正掌握網(wǎng)頁設計與制作的方法與技能，提高解決實際問題的能力，并起到了舉一反三的作用。    本書形式新穎、內(nèi)容翔實、案例豐富、操作講解詳盡、步驟完整、重點突出、淺顯易懂，設計編排符合高職高專學生的認知水平。

書籍目錄

第1章  網(wǎng)頁設計與制作綜述　1.1  學習任務：認識網(wǎng)頁　　1.1.1  什么是網(wǎng)頁　　1.1.2  網(wǎng)頁類型　1.2  學習任務：認識網(wǎng)站　　1.2.1  什么是網(wǎng)站　　1.2.2  網(wǎng)址與域名　　1.2.3  網(wǎng)頁的基本構成元素　　1.2.4  網(wǎng)頁制作常用軟件和技術　1.3  學習任務：網(wǎng)站建設基本流程　　1.3.1  網(wǎng)站的需求分析　　1.3.2  規(guī)劃網(wǎng)站結構　　1.3.3  收集素材　　1.3.4  設計與制作網(wǎng)站　　1.3.5  網(wǎng)站的發(fā)布　1.4  學習任務：HTML語言基礎知識　　1.4.1  HTML簡介　　1.4.2  常用文本標簽　　1.4.3  列表標簽　　1.4.4  超鏈接標簽　　1.4.5  圖像標簽　　1.4.6  表格標簽　　1.4.7  表單標簽　　1.4.8  框架標簽　　1.4.9  其他標簽　1.5  實訓　　1.5.1  實訓一 制作滾動圖片鏈接　　1.5.2  實訓二 應用文本標簽排版文本　　1.5.3  實訓三 列表標簽的使用　1.6  習題第2章  網(wǎng)頁版式設計與色彩搭配　2.1  案例分析：不同風格網(wǎng)頁作品欣賞與解析　2.2  學習任務：網(wǎng)頁版式設計　　2.2.1  版式設計概述　　2.2.2  網(wǎng)頁版式的尺寸和構成要素　　2.2.3  網(wǎng)頁版式設計原則　　2.2.4  網(wǎng)頁的版式設計風格　2.3  學習任務：色彩的基本理論及其視覺效果　　2.3.1  色彩的基本理論　　2.3.2  色彩的視覺效果　2.4  學習任務：網(wǎng)頁中的色彩及配色　　2.4.1  網(wǎng)頁色彩　　2.4.2  網(wǎng)頁配色原理　　2.4.3  網(wǎng)頁配色技巧　2.5  實訓——瀏覽著名網(wǎng)站并歸納版式設計與色彩搭配技巧　2.6  習題第3章  Dreamweaver CS3入門　3.1  學習任務：全面認識Dreamweaver CS3　　3.1.1  Dreamweaver CS3的主要功能　　3.1.2  Dreamweaver CS3的安裝需求　3.2  學習任務：Dreamweaver CS3操作環(huán)境介紹　　3.2.1  啟動Dreamweaver CS3　　3.2.2  Dreamweaver CS3工作界面介紹　3.3  案例1 創(chuàng)建并保存簡單HTML文檔　　3.3.1  創(chuàng)建網(wǎng)頁文檔　　3.3.2  設置頁面屬性　　3.3.3  保存并瀏覽網(wǎng)頁文檔　3.4  學習任務：本地站點的規(guī)劃與創(chuàng)建　　3.4.1  站點的概念　　3.4.2  規(guī)劃站點　　3.4.3  創(chuàng)建本地站點　　3.4.4  管理站點　3.5  實訓　　3.5.1  實訓一 熟悉Dreamweaver CS3操作環(huán)境　　3.5.2  實訓二 創(chuàng)建本地站點及簡單個人網(wǎng)頁　3.6  習題第4章  網(wǎng)頁文本和圖像　4.1  案例1 制作文本網(wǎng)頁　　4.1.1  在新建文檔中直接輸入文本　　4.1.2  復制添加其他文檔中的文本　　4.1.3  導入其他文檔中的文本  　4.1.4  設置文本屬性　4.2  案例2 修飾文本網(wǎng)頁　　4.2.1  打開文檔　　4.2.2  設置項目符號或編號　　4.2.3  插入特殊符號、水平線和日期　4.3  學習任務：文本標簽　　4.3.1  文本標簽及源代碼分析　　4.3.2  在標簽選擇器中設置文本標簽的屬性　4.4  學習任務：網(wǎng)頁圖像與網(wǎng)頁圖像處理工具　　4.4.1  網(wǎng)頁中常見的圖像格式　　4.4.2  常用網(wǎng)頁圖像處理軟件　4.5  案例3 制作圖像網(wǎng)頁　　4.5.1  插入圖像　　4.5.2  設置圖像屬性　　4.5.3  編輯圖像　　4.5.4  插入圖像占位符　　4.5.5  插入鼠標經(jīng)過圖像　4.6  案例4 制作圖文混排網(wǎng)頁　4.7  實訓——制作卡片新機介紹網(wǎng)頁　4.8  習題第5章  網(wǎng)頁超鏈接　5.1  案例1 為網(wǎng)頁創(chuàng)建超鏈接　　5.1.1  超鏈接概述　　5.1.2  創(chuàng)建超鏈接　5.2  案例2 創(chuàng)建各類超鏈接　　5.2.1  創(chuàng)建錨點鏈接　　5.2.2  創(chuàng)建E-mail鏈接　　5.2.3  創(chuàng)建空鏈接　　5.2.4  創(chuàng)建腳本鏈接　5.3  案例3 創(chuàng)建圖像地圖　5.4  實訓　　5.4.1  實訓一 制作“黃金十二宮”介紹網(wǎng)頁　　5.4.2  實訓二 制作母親節(jié)網(wǎng)頁　5.5  習題第6章  表格　6.1  案例1 使用表格制作學生成績單　　6.1.1  在頁面中插入表格　　6.1.2  設置表格屬性　　6.1.3  編輯表格　6.2  學習任務：表格標簽　　6.2.1  使用表格標簽制作網(wǎng)頁表格　　6.2.2  在標簽選擇器中設置表格的屬性　6.3  案例2 利用表格布局網(wǎng)頁　　6.3.1  使用表格進行網(wǎng)頁布局　　6.3.2  導入和導出表格數(shù)據(jù)　　6.3.3  導入和導出表格式數(shù)據(jù)　　6.3.4  排序表格　6.4  案例3 利用表格的布局模式實現(xiàn)復雜的頁面布局　　6.4.1  在表格布局模式下繪制表格或單元格　　6.4.2  利用布局表格布局網(wǎng)頁　6.5  實訓　　6.5.1  實訓一 制作健康美食網(wǎng)　　6.5.2  實訓二 制作時尚禮品網(wǎng)　6.6  習題第7章  框架　7.1  案例1 利用框架布局網(wǎng)頁　　7.1.1  認識框架與框架集　　7.1.2  創(chuàng)建框架和框架集　　7.1.3  保存框架和框架集　　7.1.4  向框架中添加內(nèi)容　7.2  案例2 制作復雜的框架網(wǎng)頁　　7.2.1  選擇框架　　7.2.2  拆分框架　　7.2.3  設置框架和框架集屬性　　7.2.4  鏈接框架　7.3  學習任務：框架標簽　7.4  案例3 創(chuàng)建浮動框架網(wǎng)頁　7.5  實訓——花園式樓盤網(wǎng)　7.6  習題第8章  使用AP Div布局網(wǎng)頁　8.1  學習任務：AP Div基礎知識　　8.1.1  AP Div概述　　8.1.2  創(chuàng)建AP Div元素工具欄　　8.1.3  AP Div元素的“屬性”面板　　8.1.4  AP元素面板　8.2  案例1 創(chuàng)建AP Div元素并在其中添加文字和圖像　8.3  學習任務：AP Div與表格相互轉(zhuǎn)換　　8.3.1  將AP Div元素轉(zhuǎn)換為表格　　8.3.2  將表格轉(zhuǎn)換為AP Div元素　8.4  案例2 使用Div制作網(wǎng)頁下拉菜單　　8.4.1  Div標簽　　8.4.2  使用Div制作下拉菜單　8.5  實訓——利用AP Div布局網(wǎng)頁　8.6  習題第9章  CSS樣式表　9.1  學習任務：認識CSS樣式表　　9.1.1  CSS的基本概念　　9.1.2  CSS基本語法　　9.1.3  CSS樣式的引用　　9.1.4  CSS樣式面板　9.2  學習任務：CSS樣式的創(chuàng)建與屬性設置　　9.2.1  創(chuàng)建CSS樣式　　9.2.2  設置CSS屬性　　9.2.3  通過CSS樣式面板設置CSS屬性　9.3  學習任務：應用CSS樣式　　9.3.1  鏈接和導入外部CSS樣式　　9.3.2  編輯和刪除CSS樣式　　9.3.3  在文檔中應用CSS樣式　9.4  案例1 利用CSS樣式美化網(wǎng)頁　9.5  實訓　　9.5.1  應用CSS樣式制作投影文字　　9.5.2  使用CSS樣式設計導航菜單　9.6  習題第10章  使用行為制作網(wǎng)頁特效　10.1  學習任務：認識行為　　10.1.1  行為概述　　10.1.2  行為面板　　10.1.3  事件　　10.1.4  Dreamweaver CS3的標準行為　10.2  案例1 制作網(wǎng)頁加載時彈出公告頁　10.3  案例2 利用JavaScript實現(xiàn)關閉網(wǎng)頁　　10.3.1  認識JavaScript　　10.3.2  利用JavaScript實現(xiàn)關閉網(wǎng)頁　10.4  案例3 使用行為設置圖像特效　　10.4.1  交換圖像　　10.4.2  設置導航欄圖像　10.5  案例4 通過行為設置文本　　10.5.1  設置狀態(tài)欄文本　　10.5.2  設置容器的文本　10.6  案例5 通過行為設置跳轉(zhuǎn)菜單效果　10.7  案例6 制作網(wǎng)頁拼圖游戲　10.8  實訓——使用“效果”行為設置圖像增大/收縮特效　10.9  習題第11章  使用表單　11.1  學習任務：表單和表單對象　　11.1.1  表單　　11.1.2  表單對象　11.2  案例1 制作留言簿　　11.2.1  留言簿界面設計　　11.2.2  創(chuàng)建文本域　　11.2.3  創(chuàng)建按鈕　11.3  案例2 會員注冊　　11.3.1  會員注冊界面設計　　11.3.2  創(chuàng)建單選按鈕　　11.3.3  創(chuàng)建復選框　　11.3.4  創(chuàng)建列表/菜單　11.4  案例3  HTML的表單標簽　11.5  案例4 在網(wǎng)頁中使用Spry布局對象　　11.5.1  插入Spry菜單欄　　11.5.2  插入Spry選項卡式面板　　11.5.3  插入Spry折疊式控件　　11.5.4  插入Spry可折疊面板控件　11.6  實訓　　11.6.1  實訓一 網(wǎng)上報名表單　　11.6.2  實訓二 客戶調(diào)查表單　　11.6.3  實訓三 制作QQ聊天室　11.7  習題第12章  制作多媒體網(wǎng)頁　12.1  案例1 創(chuàng)建時間軸動畫　　12.1.1  時間軸及“時間軸”面板　　12.1.2  使用時間軸創(chuàng)建動畫　12.2  案例2 創(chuàng)建圖像動畫　　12.2.1  編輯時間軸　　12.2.2  創(chuàng)建圖像動畫　　12.3  案例3 在網(wǎng)頁中插入Flash對象　　12.3.1  插入Flash動畫　　12.3.2  添加Flash按鈕　　12.3.3  插入Flash文本　12.4  案例4 插入音頻　　12.4.1  音頻文件格式　　12.4.2  在網(wǎng)頁中嵌入音頻　　12.4.3  為網(wǎng)頁添加背景音樂　12.5  案例5 插入視頻　　12.5.1  視頻文件格式　　12.5.2  插入視頻　12.6  學習任務：插入其他多媒體對象　　12.6.1  插入Shockwave影片　　12.6.2  插入Applet　　12.6.3  插入ActiveX控件　12.7  實訓　　12.7.1  實訓一 為寶貝相冊網(wǎng)頁添加背景音樂　　12.7.2  實訓二 制作網(wǎng)頁導航菜單　　12.7.3  實訓三 制作美食展示網(wǎng)　12.8  習題第13章  模板和庫　13.1  案例1 創(chuàng)建基于模板的網(wǎng)頁　　13.1.1  模板概述　　13.1.2  創(chuàng)建模板　　13.1.3  定義模板的可編輯區(qū)域　　13.1.4  創(chuàng)建基于模板的網(wǎng)頁　　13.1.5  管理模板　13.2  案例2 使用庫更新網(wǎng)頁　　13.2.1  庫概述　　13.2.2  創(chuàng)建庫項目　　13.2.3  設置庫屬性　　13.2.4  在網(wǎng)頁中應用庫項目　　13.2.5  更新庫文件　13.3  實訓　　13.3.1  實訓一 使用模板制作網(wǎng)頁　　13.3.2  實訓二 向網(wǎng)頁中添加庫項目　13.4  習題第14章  Dreamweaver與ASP協(xié)同工作　14.1  學習任務：動態(tài)網(wǎng)頁及實現(xiàn)技術　　14.1.1  認識動態(tài)網(wǎng)頁　　14.1.2  常見的動態(tài)網(wǎng)頁實現(xiàn)技術　14.2  學習任務：搭建動態(tài)網(wǎng)頁平臺　　14.2.1  安裝IIS　　14.2.2  配置IIS　14.3  學習任務：ASP基礎　　14.3.1  ASP文件的組成　　14.3.2  ASP的內(nèi)置對象　14.4  案例1 在Dreamweaver中制作簡單ASP動態(tài)網(wǎng)頁　　14.4.1  創(chuàng)建虛擬目錄　　14.4.2  創(chuàng)建動態(tài)網(wǎng)頁文檔　　14.4.3  瀏覽動態(tài)網(wǎng)頁　14.5  實訓——制作注冊確認網(wǎng)頁　14.6  習題第15章  測試、發(fā)布、管理和維護站點　15.1  學習任務：測試站點　　15.1.1  測試瀏覽器的兼容性　　15.1.2  測試鏈接　　15.1.3  使用報告測試站點　　15.1.4  輔助功能測試　15.2  學習任務：注冊域名、申請空間及發(fā)布站點　　15.2.1  注冊域名　　15.2.2  申請空間　　15.2.3  發(fā)布站點　15.3  學習任務：網(wǎng)站的宣傳　　15.3.1  提交搜索引擎　　15.3.2  友情鏈接　　15.3.3  網(wǎng)絡廣告　　15.3.4  郵件廣告　　15.3.5  使用留言板、博客　15.4  實訓——注冊免費域名空間并提交搜索引擎　15.5  習題第16章  綜合應用實例　16.1  網(wǎng)站建設的前期準備工作　　16.1.1  網(wǎng)站整體需求分析　　16.1.2  確定網(wǎng)站風格　　16.1.3  網(wǎng)站板塊劃分　　16.1.4  網(wǎng)站素材搜集　16.2  創(chuàng)建站點　16.3  網(wǎng)站主頁制作　　16.3.1  使用AP Div布局頁面　　16.3.2  設置頁面屬性　　16.3.3  插入圖片　　16.3.4  添加導航條　　16.3.5  輸入文本　16.4  子頁面的制作附錄A  index.css參考代碼

章節(jié)摘錄

　　第1章　網(wǎng)頁設計與制作綜述　　Internet的迅速發(fā)展與普及，為人們提供了更方便、快捷的信息交流平臺。上網(wǎng)已經(jīng)成為很多人工作、生活中必不可少的一部分，這主要是由于網(wǎng)頁承載了其他任何一種媒介都無法比擬的豐富資源。要制作出令人滿意的網(wǎng)頁，不僅要熟練掌握計算機網(wǎng)絡、網(wǎng)頁開發(fā)工具、網(wǎng)頁美工設計以及作為網(wǎng)頁基本結構的HTML標簽語言等多方面的基本知識，而且還要了解網(wǎng)頁和網(wǎng)站的實質(zhì)、網(wǎng)頁組成元素等?！　?。　　本章學習要點：　　·網(wǎng)頁和網(wǎng)站　　·網(wǎng)頁類型　　·網(wǎng)頁的基本構成元素　　·網(wǎng)頁制作常用軟件和技術　　·網(wǎng)站策劃與設計流程　　·HTML語言基礎知識　　1.1　學習任務：認識網(wǎng)頁　　互聯(lián)網(wǎng)是一個蘊藏著無窮資源的寶庫，在資源共享和信息交互方面具有得天獨厚的優(yōu)勢，網(wǎng)頁正是這些資源和信息的重要傳遞載體。網(wǎng)頁不但可以提供文字、圖片、多媒體信息的瀏覽，而且在娛樂、商務等領域的應用（例如電子郵件、聊天室、搜索引擎、網(wǎng)上交易、電子政務等）都離不開網(wǎng)頁。　　本節(jié)學習任務　　認識什么是網(wǎng)頁，了解網(wǎng)頁的類型，為學習網(wǎng)頁設計與制作打好基礎。　　1.1.1　什么是網(wǎng)頁　　網(wǎng)頁是一種可以在互聯(lián)網(wǎng)上傳輸、能被瀏覽器識別和翻譯成頁面并顯示出來的文件，網(wǎng)頁是網(wǎng)站的基本構成元素。在聯(lián)網(wǎng)的計算機上安裝瀏覽器后，在瀏覽器的地址欄中輸入網(wǎng)址，即可在瀏覽器中打開網(wǎng)頁，如圖1.1所示。該網(wǎng)頁是一個網(wǎng)站的主頁（即Homepage），具有呈現(xiàn)整個網(wǎng)站主題以及頁面導航的門戶功能?！　∫话憔W(wǎng)頁上都會有文本和圖片等信息，復雜一些的網(wǎng)頁上還會有聲音、視頻、動畫等多媒體內(nèi)容。在網(wǎng)頁上單擊鼠標右鍵，選擇“查看源文件”，可以查看網(wǎng)頁的代碼結構。用戶可以使用記事本對網(wǎng)頁中的文字、圖片、表格、多媒體等頁面內(nèi)容進行編輯，并通過超文本標記語言HTML對這些元素進行描述和控制，最后由瀏覽器對這些標簽進行解釋并生成最終呈現(xiàn)在用戶眼前的豐富多彩的網(wǎng)頁?！　　?/pre>




編輯推薦
　　《網(wǎng)頁設計與制作案例教程》任務驅(qū)動教學，編寫體系合理，內(nèi)容安排科學、恰當。　　“由簡到繁、由易到難、承前啟后”階梯式案例、目標明確、舉一反三?！　∮啥嗄陱氖乱娒嬖O計教學的教師和經(jīng)驗豐富的企業(yè)設計師共同編寫而成?！　∨溆兴夭?、電子課件、教學建議、習題解答和實例等，登錄華信教育資源網(wǎng)免費下載。





圖書封面






評論、評分、閱讀與下載



還沒讀過(63)
勉強可看(460)
一般般(784)
內(nèi)容豐富(3254)
強力推薦(266)


 


    網(wǎng)頁設計與制作案例教程 PDF格式下載