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

前言

網(wǎng)頁(yè)制作技術(shù)是一門用途廣泛的課程，隨著網(wǎng)絡(luò)技術(shù)、大容量存儲(chǔ)、計(jì)算機(jī)軟硬件技術(shù)的不斷發(fā)展，網(wǎng)頁(yè)制作技術(shù)也臼趨成熟，應(yīng)用領(lǐng)域不斷擴(kuò)大，實(shí)用性也越來(lái)越強(qiáng)。本書根據(jù)教育部職業(yè)教育與成人教育司制定的《高等職業(yè)學(xué)校計(jì)算機(jī)及應(yīng)用專業(yè)教學(xué)指導(dǎo)方案》的要求，結(jié)合高等職業(yè)教育自身的特點(diǎn)，正如教育部“面向21世紀(jì)教育振興行動(dòng)計(jì)劃”所指出的，“高等職業(yè)教育必須面向地區(qū)經(jīng)濟(jì)建設(shè)和社會(huì)發(fā)展，適應(yīng)就業(yè)市場(chǎng)的實(shí)際需要，培養(yǎng)生產(chǎn)、管理、服務(wù)第一線需要的實(shí)用人才，真正辦出特色”，專門為高等職業(yè)學(xué)校編寫。本書的作者是長(zhǎng)期從事網(wǎng)站開(kāi)發(fā)和網(wǎng)站教學(xué)，有多年教學(xué)實(shí)踐經(jīng)驗(yàn)的一線老師，他們根據(jù)社會(huì)需求、教學(xué)實(shí)際和學(xué)生的具體情況，不斷地總結(jié)和提煉教學(xué)內(nèi)容，編寫了側(cè)重于實(shí)際應(yīng)用的網(wǎng)頁(yè)制作教程。本書每一章都提供一個(gè)實(shí)例和實(shí)訓(xùn)，并由淺入深地逐步引導(dǎo)讀者學(xué)會(huì)使用Dreamweaver 8.0的各種功能來(lái)制作網(wǎng)頁(yè)。本書的最大特點(diǎn)是“任務(wù)驅(qū)動(dòng)，案例教學(xué)”，由淺入深地詮釋了網(wǎng)頁(yè)設(shè)計(jì)的各知識(shí)點(diǎn)及其應(yīng)用。充分考慮高等職業(yè)學(xué)校教師和學(xué)生的實(shí)際需求，選取實(shí)用性較強(qiáng)的案例來(lái)講解網(wǎng)頁(yè)制作的技巧和基本操作方法，使教師教起來(lái)方便，學(xué)生學(xué)起來(lái)實(shí)用。本書共分15章，內(nèi)容概括如下。第l～2章：介紹網(wǎng)頁(yè)的基礎(chǔ)知識(shí)，Dreamweaver 8.0的工作界面，網(wǎng)頁(yè)的設(shè)計(jì)流程；站點(diǎn)的創(chuàng)建和管理。第3～13章：每一章通過(guò)案例講解網(wǎng)頁(yè)制作元素的基本使用方法，通過(guò)實(shí)訓(xùn)得以鞏固和提高。制作元素包括文本、圖像、表格、表單、框架、其他媒體對(duì)象、CSS樣式、模板、庫(kù)、Div標(biāo)簽、時(shí)間軸、行為和腳本，同時(shí)講解了創(chuàng)建超級(jí)鏈接的方法和種類。第14章：通過(guò)綜合實(shí)例“北京鴻虎高爾夫球場(chǎng)工程有限公司”主頁(yè)的設(shè)計(jì)與制作，講解Photoshop和Flash如何為網(wǎng)頁(yè)服務(wù)，如何為網(wǎng)頁(yè)設(shè)計(jì)相關(guān)素材。第15章：介紹如何申請(qǐng)免費(fèi)空間，發(fā)布網(wǎng)站。本書中每一章的結(jié)構(gòu)模式大都為“教學(xué)目標(biāo)一教學(xué)要求一引例一案例說(shuō)明一案例制作一相關(guān)知識(shí)點(diǎn)介紹一實(shí)訓(xùn)案例一實(shí)訓(xùn)講解一操作習(xí)題”。通過(guò)強(qiáng)化案例和實(shí)訓(xùn)教學(xué)，可加深學(xué)生對(duì)理論知識(shí)的理解。

內(nèi)容概要

本書完全從實(shí)際工作出發(fā)，通過(guò)實(shí)例和實(shí)訓(xùn)講解如何使用Dre鋤weaver 8.0制作和開(kāi)發(fā)網(wǎng)站。Dreamwaver是一款集成的可視化網(wǎng)頁(yè)編輯工具，它不但支持靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面的開(kāi)發(fā)，而且提供網(wǎng)站的發(fā)布與維護(hù)功能。本書涉及的案例有個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、學(xué)校網(wǎng)站、飲食網(wǎng)站、娛樂(lè)網(wǎng)站、文學(xué)欣賞網(wǎng)站等，基本涵蓋了網(wǎng)頁(yè)設(shè)計(jì)的所有基本知識(shí)，包括網(wǎng)頁(yè)建設(shè)基本流程、網(wǎng)站規(guī)劃、網(wǎng)頁(yè)設(shè)計(jì)、自制模板網(wǎng)頁(yè)及使用，Photoshop、Flash和Dreamweaver結(jié)合等知識(shí)。本書內(nèi)容共分15章，第1～2章介紹網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)、創(chuàng)建站點(diǎn)和管理站點(diǎn)；第3～13章介紹如何使用Dre鋤weaver 8.0元素制作頁(yè)面；第14章介紹應(yīng)用綜合案例，講解Photoshop、Flash和Dreamweaver的結(jié)合；第15章講解網(wǎng)站的發(fā)布。    本書內(nèi)容豐富、結(jié)構(gòu)清晰、語(yǔ)言簡(jiǎn)練、實(shí)例眾多，具有很強(qiáng)的操作性和實(shí)用性，適合于網(wǎng)頁(yè)制作的初學(xué)者，可作為大中專院校的教材，同時(shí)也是廣大網(wǎng)頁(yè)制作愛(ài)好者非常實(shí)用的自學(xué)參考書籍。

書籍目錄

第1章　網(wǎng)頁(yè)基礎(chǔ)知識(shí)  1.1　網(wǎng)頁(yè)的基本知識(shí)    1.1.1　網(wǎng)頁(yè)的相關(guān)概念    1.1.2　靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)  1.2　網(wǎng)頁(yè)制作工具    1.2.1　網(wǎng)頁(yè)編輯工具    1.2.2　網(wǎng)頁(yè)素材的處理和制作  1.3　網(wǎng)頁(yè)制作流程    1.3.1　網(wǎng)站規(guī)劃    1.3.2　網(wǎng)站設(shè)計(jì)    1.3.3　網(wǎng)站制作  1.4　初識(shí)Dreamweaver 8.0中文版    1.4.1  Drearnweaver 8.0簡(jiǎn)介    1.4.2  Dreamweaver 8.0功能    1.4.3  Dreamweaver 8.0界面  1.5  小結(jié)  1.6　習(xí)題第2章　規(guī)劃和設(shè)計(jì)站點(diǎn)  2.1  站點(diǎn)規(guī)劃和設(shè)計(jì)概述  2.2　創(chuàng)建本地“個(gè)人主頁(yè)”虛擬網(wǎng)站    2.2.1　定義新站點(diǎn)    2.2.2　創(chuàng)建子文件夾、主頁(yè)面和子頁(yè)面  2.3　管理站點(diǎn)  2.4　實(shí)訓(xùn)：“微笑北京”站點(diǎn)創(chuàng)建  2.5　小結(jié)  2.6　習(xí)題第3章　創(chuàng)建網(wǎng)頁(yè)  3.1  “光明·前途”網(wǎng)頁(yè)制作    3.1.1　新建網(wǎng)頁(yè)    3.1.2　設(shè)置網(wǎng)頁(yè)基本屬性    3.1.3　編輯網(wǎng)頁(yè)文本    3.1.4　修飾文本    3.1.5　插入水平線    3.1.6　插入日期：  3.2　滾動(dòng)字幕  3.3　實(shí)訓(xùn)：“對(duì)他人寬容，就是解放自己”網(wǎng)頁(yè)制作  3.4　小結(jié)  3.5  習(xí)題第4章　圖像應(yīng)用  4.1  圖像概述  4.2  “匆匆”網(wǎng)頁(yè)制作    4.2.1  準(zhǔn)備工作    4.2.2　插入圖像    4.2.3　設(shè)置圖像屬性    4.2.4　圖像編輯    4.2.5  鼠標(biāo)經(jīng)過(guò)圖像  4.3　創(chuàng)建“世界經(jīng)典網(wǎng)站模板”相冊(cè)  4.4　實(shí)訓(xùn)：“液晶顯示器”網(wǎng)頁(yè)設(shè)計(jì)與創(chuàng)建  4.5　小結(jié)  4.6　習(xí)題第5章  創(chuàng)建鏈接  5.1　超級(jí)鏈接概述  5.2　建立超級(jí)鏈接——“書香詩(shī)語(yǔ)”網(wǎng)站    5.2.1  準(zhǔn)備工作    5.2.2　創(chuàng)建文本超級(jí)鏈接    5.2.3　書簽鏈接    5.2.4　圖像超級(jí)鏈接    5.2.5  下載鏈接　　……第6章 表格 第7章 表單 第8章 框架頁(yè)面 第9章 插入其他媒體對(duì)象 第10章 應(yīng)用CSS修飾網(wǎng)頁(yè) 第11章 模板和庫(kù) 第12章 層DIV標(biāo)簽和時(shí)間軸 第13章 行為和腳本的應(yīng)用 第14章 綜合實(shí)訓(xùn)第15章 發(fā)布網(wǎng)站

章節(jié)摘錄

插圖：第1章 網(wǎng)頁(yè)基礎(chǔ)知識(shí)1.2 網(wǎng)頁(yè)制作工具雖然網(wǎng)頁(yè)的本質(zhì)是HTML，但現(xiàn)在已經(jīng)很少有人直接用HTML來(lái)編輯網(wǎng)頁(yè)了，這是因?yàn)镠TML不但不能直觀地顯示網(wǎng)頁(yè)設(shè)計(jì)的結(jié)果，而且本身也比較枯燥?，F(xiàn)在絕大多數(shù)的網(wǎng)頁(yè)制作工作都是通過(guò)所見(jiàn)即所得的編輯工具完成的，另外，在網(wǎng)頁(yè)制作過(guò)程中還需要使用素材處理工具創(chuàng)作一些素材或進(jìn)行素材加工。1.2.1 網(wǎng)頁(yè)編輯工具目前，網(wǎng)頁(yè)編輯軟件層出不窮，就連Word都包含了輸出HTML文檔的功能。在“所見(jiàn)即所得”的網(wǎng)頁(yè)編輯工具中，應(yīng)用最廣泛的是Adobe公司的Dreamweaver和微軟公司的FrontPage。1.FrontPageFrontPage是Microsoft公司出品的，是最簡(jiǎn)單、最容易和功能強(qiáng)大的網(wǎng)頁(yè)編輯工具之一。FrontPage繼承了Office系列軟件界面通用、操作簡(jiǎn)單的特點(diǎn)，用戶可以用操作Word文檔的方式來(lái)操作網(wǎng)頁(yè)文檔，十分適合初學(xué)者使用。但FrontPage也有其不足之處：首先是瀏覽器兼容性不好，做出來(lái)的網(wǎng)頁(yè)用NetscaDe往往不能正常顯示；其次，生成的垃圾代碼多，也會(huì)自動(dòng)修改代碼，導(dǎo)致在某些情況下極為不便；再次，對(duì)DHTML(Dynamic HTML)的支持不佳。2.DreamweaverDreamweaver是Adobe公司推出的主頁(yè)編輯工具，支持最新的DHTML和CSS標(biāo)準(zhǔn)。它采用了多種先進(jìn)技術(shù)，能夠快速高效地創(chuàng)建極具表現(xiàn)力和動(dòng)感效果的網(wǎng)頁(yè)，使網(wǎng)頁(yè)創(chuàng)作過(guò)程變得非常簡(jiǎn)單。

編輯推薦

《網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程》：21世紀(jì)全國(guó)高職高專計(jì)算機(jī)案例型規(guī)劃教材叢書特點(diǎn)：針對(duì)性強(qiáng)，切合職業(yè)教育目標(biāo)，重點(diǎn)培養(yǎng)職業(yè)能力，側(cè)重技能傳授實(shí)用性強(qiáng)，大量的經(jīng)典真實(shí)案例，案例內(nèi)容具體詳細(xì)，與就業(yè)市場(chǎng)緊密結(jié)合適應(yīng)性強(qiáng)，適合于三年制和兩年制高職高專，也同樣適合于其他各類大中專院校強(qiáng)調(diào)知識(shí)的漸進(jìn)性、兼顧知識(shí)的系統(tǒng)性，結(jié)構(gòu)邏輯性強(qiáng)，針對(duì)高職高專學(xué)生的知識(shí)結(jié)構(gòu)特點(diǎn)安排教學(xué)內(nèi)容。書中配套形式多樣的習(xí)題，網(wǎng)上提供完備的電子教案，提供相應(yīng)的素材、程序代碼、習(xí)題參考答案等教學(xué)資源，完全適合教學(xué)需要。教材系列完整，涵蓋計(jì)算機(jī)專業(yè)各個(gè)方向；編者分布廣泛，結(jié)合不同地域特點(diǎn)，適合不同地域讀者。

圖書封面

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

---

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

---