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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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




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





圖書封面






評論、評分、閱讀與下載



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


 


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