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

前言

　　中等職業(yè)教育是我國職業(yè)教育的重要組成部分，中等職業(yè)教育的培養(yǎng)目標(biāo)定位于具有綜合職業(yè)能力，在生產(chǎn)、服務(wù)、技術(shù)和管理第一線工作的高素質(zhì)的勞動(dòng)者?！　≈械嚷殬I(yè)教育課程改革是為了適應(yīng)市場(chǎng)經(jīng)濟(jì)發(fā)展的需要，是為了適應(yīng)實(shí)行一綱多本，滿足不同學(xué)制、不同專業(yè)和不同辦學(xué)條件的需要?！　榱诉m應(yīng)中等職業(yè)教育課程改革的發(fā)展，我們組織編寫了本套教材。在編寫過程中，我們參照了教育部職業(yè)教育與成人教育司制訂的《中等職業(yè)學(xué)校計(jì)算機(jī)及應(yīng)用專業(yè)教學(xué)指導(dǎo)方案》及職業(yè)技能鑒定中心制訂的《全國計(jì)算機(jī)信息高新技術(shù)考試技能培訓(xùn)和鑒定標(biāo)準(zhǔn)》，仔細(xì)研究了已出版的中職教材，去粗取精，全面兼顧了中職學(xué)生就業(yè)和考級(jí)的需要?！　”咎捉滩淖⒅刂新殞W(xué)校的授課情況及學(xué)生的認(rèn)知特點(diǎn)，在內(nèi)容上加大了與實(shí)際應(yīng)用相結(jié)合案例的編寫比例，突出基礎(chǔ)知識(shí)、基本技能，軟件版本均采用最新中文版。為了滿足不同學(xué)校的教學(xué)要求，本套教材采用了兩種編寫風(fēng)格?！　　叭蝿?wù)驅(qū)動(dòng)、項(xiàng)目教學(xué)”的方式編寫，目的是提高學(xué)生的學(xué)習(xí)興趣，使學(xué)生在積極主動(dòng)地解決問題的過程中掌握就業(yè)崗位技能?！　　皞鹘y(tǒng)教材+典型案例”的方式編寫，力求在理論知識(shí)“夠用為度”的基礎(chǔ)上，使學(xué)生學(xué)到實(shí)用的基礎(chǔ)知識(shí)和技能?！　榱朔奖憬虒W(xué)，我們免費(fèi)為選用本套教材的老師提供教學(xué)輔助光盤，光盤內(nèi)容包括：電子課件?！　±蠋焸湔n用的素材，包括本書目錄的電子文檔，各章（各項(xiàng)目）學(xué)習(xí)目標(biāo)”、“功能簡(jiǎn)介”、“案例小結(jié)”等的電子文檔?！　“凑拢?xiàng)目）提供教材上所有的習(xí)題答案?！　“凑拢?xiàng)目）提供所有實(shí)例制作過程中用到的素材。書中需要引用這些素材時(shí)會(huì)有相應(yīng)的敘述文字，如“打開教學(xué)輔助光盤中的圖片‘4·2jpg’”。　　按章（項(xiàng)目）提供所有實(shí)例的制作結(jié)果，包括程序源代碼?！　√峁?套模擬測(cè)試題及答案，供老師考試使用?！　≡诮滩氖褂弥欣蠋焸冇惺裁匆庖?、建議或索取教學(xué)輔助光盤，均可直接與我們聯(lián)系，電子郵件地址是iao@ptpress．com．cn，wangping@ptpress．com．cn。

內(nèi)容概要

　　本書按照項(xiàng)目教學(xué)法組織教學(xué)內(nèi)容。全書由16個(gè)項(xiàng)目構(gòu)成，主要內(nèi)容包括在網(wǎng)頁中插入文本、圖像、媒體、超級(jí)鏈接、表單等網(wǎng)頁元素及其屬性設(shè)置，運(yùn)用表格、框架、層和Div標(biāo)簽等工具對(duì)網(wǎng)頁進(jìn)行布局，使用模板和庫制作網(wǎng)頁，運(yùn)用CSS樣式控制網(wǎng)頁外觀，使用行為完善網(wǎng)頁功能，使用時(shí)間軸制作動(dòng)畫，在可視化環(huán)境下創(chuàng)建應(yīng)用程序，使用Photoshop CS3、Flash 8配合Dreamweaver 8制作網(wǎng)頁以及創(chuàng)建、管理和維護(hù)網(wǎng)站的基本知識(shí)?！　”緯勺鳛橹械嚷殬I(yè)學(xué)?！熬W(wǎng)頁設(shè)計(jì)與制作”課程的教材，也可以作為網(wǎng)頁設(shè)計(jì)愛好者的入門用書。

書籍目錄

項(xiàng)目一　認(rèn)識(shí)Dreamweaver 8　任務(wù)一　了解Dreamweaver 8 　　任務(wù)二　欣賞優(yōu)秀網(wǎng)站　　任務(wù)三　制作一個(gè)簡(jiǎn)單的網(wǎng)頁　　　（一） 定義站點(diǎn)　　?。ǘ?創(chuàng)建和保存文件　　?。ㄈ?設(shè)置文本屬性　　　（四） 保存工作區(qū)布局　　項(xiàng)目實(shí)訓(xùn)　制作“選購照相機(jī)要注意哪些方面”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目二　網(wǎng)站的規(guī)劃和管理　　任務(wù)一　新建站點(diǎn)　　任務(wù)二　管理站點(diǎn)　　?。ㄒ唬?復(fù)制和編輯站點(diǎn)　　　（二） 導(dǎo)出、刪除和導(dǎo)入站點(diǎn)　　任務(wù)三　管理站點(diǎn)內(nèi)容　　?。ㄒ唬?設(shè)置首選參數(shù)　　?。ǘ?創(chuàng)建文件夾和文件　　?。ㄈ?在站點(diǎn)地圖中鏈接文件　　項(xiàng)目實(shí)訓(xùn)　站點(diǎn)的管理　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目三　文本編輯——編排數(shù)碼攝影知識(shí)網(wǎng)頁　　任務(wù)一　網(wǎng)頁文本的編輯　　任務(wù)二　編排文本格式　　?。ㄒ唬?設(shè)置文檔標(biāo)題格式　　?。ǘ?設(shè)置正文格式　　任務(wù)三　完善網(wǎng)頁　　項(xiàng)目實(shí)訓(xùn)　設(shè)置“攝影器材的介紹”文檔格式　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目四　圖像和媒體——編排攝影作品網(wǎng)頁　　任務(wù)一　插入圖像　　?。ㄒ唬?插入圖像占位符　　　（二） 插入圖像和設(shè)置圖像屬性　　任務(wù)二　插入媒體　　?。ㄒ唬?插入Flash動(dòng)畫　　?。ǘ?插入圖像查看器　　　（三） 插入ActiveX視頻　　項(xiàng)目實(shí)訓(xùn)　設(shè)置“國寶熊貓”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目五　超級(jí)鏈接——制作導(dǎo)航網(wǎng)頁　　任務(wù)一　設(shè)置錨記超級(jí)鏈接　　任務(wù)二　設(shè)置圖像超級(jí)鏈接　　任務(wù)三　設(shè)置電子郵件超級(jí)鏈接　　任務(wù)四　設(shè)置文本超級(jí)鏈接　　項(xiàng)目實(shí)訓(xùn)　設(shè)置“唐詩欣賞”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目六　表格——布局商務(wù)網(wǎng)頁　　任務(wù)一　使用表格布局頁眉　　任務(wù)二　使用嵌套表格布局主體頁面　　?。ㄒ唬?布局網(wǎng)頁右上方欄目的內(nèi)容　　?。ǘ?布局右下方欄目的內(nèi)容　　任務(wù)三　使用表格布局頁腳　　項(xiàng)目實(shí)訓(xùn)　使用表格布局“玉石的種類”頁面　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目七　框架——制作綠色天空論壇網(wǎng)頁　　任務(wù)一　創(chuàng)建論壇框架網(wǎng)頁　　?。ㄒ唬?創(chuàng)建框架　　?。ǘ?保存框架　　任務(wù)二　設(shè)置論壇框架網(wǎng)頁　　　（一） 設(shè)置框架集和框架屬性　　?。ǘ?設(shè)置框架中鏈接的目標(biāo)窗口　　項(xiàng)目實(shí)訓(xùn)　使用框架布局“社區(qū)論壇”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目八　CSS——設(shè)置海洋知識(shí)網(wǎng)頁樣式　　任務(wù)一　設(shè)置頁眉CSS樣式　　?。ㄒ唬?定義“body”的CSS樣式　　?。ǘ?定義頁眉的CSS樣式　　任務(wù)二　設(shè)置網(wǎng)頁主體的CSS樣式　　?。ㄒ唬?設(shè)置左側(cè)欄目CSS樣式　　　（二） 設(shè)置右側(cè)欄目的CSS樣式　　任務(wù)三　設(shè)置頁腳的CSS樣式　　項(xiàng)目實(shí)訓(xùn)　使用CSS設(shè)置“盤古石翡翠”網(wǎng)頁樣式　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目九　Div——布局搜索網(wǎng)頁　　任務(wù)一　布局頁眉　　任務(wù)二　布局主體　　任務(wù)三　布局頁腳　　項(xiàng)目實(shí)訓(xùn)　使用層和Div標(biāo)簽布局網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十　時(shí)間軸——制作航行動(dòng)畫　　任務(wù)一　使用層制作藍(lán)天大海背景　　任務(wù)二　使用時(shí)間軸制作運(yùn)動(dòng)效果　　項(xiàng)目實(shí)訓(xùn)　使用層和時(shí)間軸制作“詩詞”動(dòng)畫　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十一　庫和模板——制作花卉基地主頁　　任務(wù)一　創(chuàng)建庫　　?。ㄒ唬?創(chuàng)建庫項(xiàng)目　　　（二） 編排頁眉庫項(xiàng)目　　?。ㄈ?編排頁腳庫項(xiàng)目　　任務(wù)二　創(chuàng)建模板　　?。ㄒ唬?創(chuàng)建模板文件　　?。ǘ?插入庫項(xiàng)目　　　（三） 插入模板對(duì)象　　任務(wù)三　應(yīng)用模板　　項(xiàng)目實(shí)訓(xùn)　制作“寵物聯(lián)盟網(wǎng)”網(wǎng)頁模板　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十二　使用行為完善網(wǎng)頁功能　　任務(wù)一　設(shè)置頁眉部分　　?。ㄒ唬?設(shè)置狀態(tài)欄文本　　　（二） 制作彈出式菜單　　任務(wù)二　設(shè)置主體部分　　?。ㄒ唬?打開瀏覽器窗口　　?。ǘ?交換圖像　　?。ㄈ?彈出信息　　?。ㄋ模?控制Shockwave或Flash　　項(xiàng)目實(shí)訓(xùn)　制作垂直彈出式菜單　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十三　表單——制作注冊(cè)網(wǎng)頁　　任務(wù)一　創(chuàng)建表單　　任務(wù)二　驗(yàn)證表單　　項(xiàng)目實(shí)訓(xùn)　制作“注冊(cè)郵箱申請(qǐng)單”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十四　應(yīng)用程序——制作咨詢網(wǎng)頁　　任務(wù)一　定義站點(diǎn)并創(chuàng)建數(shù)據(jù)庫連接　　　（一） 定義站點(diǎn)　　?。ǘ?創(chuàng)建數(shù)據(jù)庫　　?。ㄈ?創(chuàng)建數(shù)據(jù)庫鏈接　　任務(wù)二　制作心情速遞站頁面　　?。ㄒ唬?制作心情速遞站頁面　　　（二） 制作咨詢主題頁面　　?。ㄈ?制作咨詢結(jié)果頁面　　任務(wù)三　制作咨詢回復(fù)頁面　　?。ㄒ唬?制作咨詢主題列表頁面　　?。ǘ?制作咨詢主題回復(fù)頁面　　　（三） 制作咨詢主題刪除頁面　　?。ㄋ模?限制對(duì)頁的訪問　　?。ㄎ澹?用戶登錄和注銷　　項(xiàng)目實(shí)訓(xùn)　制作“用戶信息查詢”網(wǎng)頁　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十五　網(wǎng)頁三劍客——制作一翔集團(tuán)網(wǎng)頁　　任務(wù)一　制作頁眉　　?。ㄒ唬?制作網(wǎng)站logo　　　（二） 制作宣傳標(biāo)語　　?。ㄈ?布局頁眉　　任務(wù)二　制作主體　　　（一） 制作宣傳動(dòng)畫　　?。ǘ?布局主體頁面　　任務(wù)三　制作頁腳　　　（一） 制作導(dǎo)航圖像　　?。ǘ?布局頁腳　　項(xiàng)目實(shí)訓(xùn)　使用Photoshop和Flash制作動(dòng)畫　　項(xiàng)目小結(jié)　　思考與練習(xí)　項(xiàng)目十六　發(fā)布和維護(hù)網(wǎng)站　　任務(wù)一　配置服務(wù)器　　?。ㄒ唬?配置Web服務(wù)器　　?。ǘ?配置FTP服務(wù)器　　任務(wù)二　發(fā)布網(wǎng)站　　任務(wù)三　維護(hù)網(wǎng)站　　?。ㄒ唬?檢查鏈接　　?。ǘ?改變鏈接　　?。ㄈ?查找和替換　　　（四） 清理文檔　　?。ㄎ澹?保持同步　　項(xiàng)目實(shí)訓(xùn)　配置服務(wù)器和發(fā)布站點(diǎn)　　項(xiàng)目小結(jié)　　思考與練習(xí)　

章節(jié)摘錄

　　項(xiàng)目一　認(rèn)識(shí)Dream weaver 8　　本項(xiàng)目主要是讓讀者對(duì)網(wǎng)頁制作軟件Dream weaver 8有一個(gè)總體認(rèn)識(shí)，如圖1-1所示。首先欣賞一些優(yōu)秀案例，然后學(xué)習(xí)Dream weaver 8的功能和作用，最后通過制作一個(gè)簡(jiǎn)單的網(wǎng)頁來認(rèn)識(shí)Dream weaver 8的工作界面，并學(xué)習(xí)常用工具欄和面板的基本使用方法?！　∪蝿?wù)一　了解Dream weaver 8　　Dream weaver是美國Macromedia公司（1984年成立于美國芝加哥，2005年被Adobe公司并購）開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得式網(wǎng)頁編輯器，是針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師而設(shè)計(jì)的視覺化網(wǎng)頁開發(fā)工具，它可以讓設(shè)計(jì)師輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。由Macromedia公司開發(fā)的Dream weaver與Flash、Fireworks一起被稱為“網(wǎng)頁三劍客”，在Macromedia公司被Adobe公司并購后，2007年由Adobe公司發(fā)布的網(wǎng)頁三劍客是指Dream weaver、Flash和Photoshop。　　對(duì)于初學(xué)者來說，Dream weaver的可視化效果讓用戶比較容易入門，具體表現(xiàn)在兩個(gè)方面：一是靜態(tài)頁面的編排，這和Microsoft Office等辦公可視化軟件是類似的；二是交互式網(wǎng)頁的制作，這是它與其他網(wǎng)頁制作軟件不同的重要特征。利用Dream weaver 8可以比較容易地制作交互式網(wǎng)頁，很容易鏈接到Access、SQL Server等數(shù)據(jù)庫?！　ream weaver集建立站點(diǎn)、布局網(wǎng)頁、開發(fā)應(yīng)用程序、編輯代碼和發(fā)布網(wǎng)站等功能于一體，可輕松地完成網(wǎng)站開發(fā)的所有工作，因此，在各個(gè)行業(yè)領(lǐng)域都得到了廣泛的應(yīng)用，如個(gè)人網(wǎng)站、教育科研網(wǎng)站、企業(yè)網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站、公益性網(wǎng)站以及其他網(wǎng)站等?！　∪蝿?wù)二　欣賞優(yōu)秀網(wǎng)站　　下面來欣賞幾個(gè)優(yōu)秀網(wǎng)站，希望通過欣賞讀者能夠增強(qiáng)對(duì)網(wǎng)頁設(shè)計(jì)與制作的興趣?！　D1-2所示為中國海洋大學(xué)網(wǎng)站主頁，其結(jié)構(gòu)清晰、布局簡(jiǎn)潔，充分結(jié)合了現(xiàn)代教育理念，將教學(xué)與網(wǎng)絡(luò)合理地進(jìn)行了整合，實(shí)現(xiàn)了教學(xué)對(duì)象廣泛、使用方便、時(shí)間自由以及節(jié)約成本等特點(diǎn)。　　……

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

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

---