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

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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








圖書封面






評論、評分、閱讀與下載



還沒讀過(51)
勉強(qiáng)可看(371)
一般般(634)
內(nèi)容豐富(2629)
強(qiáng)力推薦(215)


 


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