網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目化教程
定 價(jià):30 元
叢書名:21世紀(jì)計(jì)算機(jī)科學(xué)與技術(shù)實(shí)踐型教程
- 作者:施瑩、茹志鵑、徐建華
- 出版時(shí)間:2017/1/1
- ISBN:9787302446910
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP393.092
- 頁(yè)碼:202
- 紙張:膠版紙
- 版次:1
- 開本:16開
本書是作者根據(jù)多年從事網(wǎng)站設(shè)計(jì)及教學(xué)工作的經(jīng)驗(yàn),其特色是以網(wǎng)頁(yè)制作主流的軟件網(wǎng)頁(yè)三劍客Dreamweaver、Fireworks和Flash為主線,對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)進(jìn)行了全面深入的講解,將網(wǎng)頁(yè)制作技術(shù)適當(dāng)分層編寫,精選教學(xué)案例,做到既有理論又有實(shí)踐,采用知識(shí)點(diǎn) 實(shí)例操作的結(jié)構(gòu)來講解。本書實(shí)用性強(qiáng)、知識(shí)點(diǎn)新、層次清楚、由淺入深、循序漸進(jìn),所選的案例均是實(shí)戰(zhàn)中的典型案例,便于讀者學(xué)習(xí)和應(yīng)用,并真正達(dá)到舉一反三。全書貫穿了不同行業(yè)的多種實(shí)例,各實(shí)例均經(jīng)過精心設(shè)計(jì),操作步驟清晰簡(jiǎn)明,技術(shù)分析深入淺出,實(shí)例效果精美,還精心配備了PPT電子課件、教學(xué)視頻,便于老師課堂教學(xué)和學(xué)生把握知識(shí)要點(diǎn)。
本教材淺顯易懂,實(shí)踐性與指導(dǎo)性較強(qiáng),特別適合網(wǎng)頁(yè)設(shè)計(jì)與制作的初級(jí)用戶,可作為高中起點(diǎn)本科或大專院校計(jì)算機(jī)專業(yè)學(xué)生的教材,也可作為相關(guān)領(lǐng)域人員的網(wǎng)頁(yè)設(shè)計(jì)入門學(xué)習(xí)用書或參考書。
1. 本書的特色在于學(xué)習(xí)過程采用符合專業(yè)技能的形成規(guī)律的層次化技能訓(xùn)練過程,每個(gè)章節(jié)主題通過六個(gè)層次來進(jìn)行教學(xué)訓(xùn)練,這六個(gè)層次分別是優(yōu)秀作品賞析、模仿實(shí)踐、拓展實(shí)踐、單元獨(dú)立實(shí)踐、綜合項(xiàng)目實(shí)訓(xùn)、自主探索開發(fā)。2. 針對(duì)網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者,通過優(yōu)秀作品或?qū)嵺`項(xiàng)目導(dǎo)入知識(shí)點(diǎn),以*效的方式介紹*重要的技能,以項(xiàng)目案例開發(fā)為主題,對(duì)實(shí)踐中必不可少的各項(xiàng)重要技術(shù)進(jìn)行了全面介紹與系統(tǒng)講解,由淺入深、循序漸進(jìn)地介紹了網(wǎng)站設(shè)計(jì)與開發(fā)的常用技術(shù)和方法,并對(duì)業(yè)界流行的DIV CSS布局應(yīng)用進(jìn)行了深度整合與實(shí)戰(zhàn)剖析,可使讀者快速實(shí)現(xiàn)入門與精通。3. 本書內(nèi)容以項(xiàng)目實(shí)例開發(fā)為核心,課程內(nèi)容精心組合,技能訓(xùn)練層次化,實(shí)踐內(nèi)容項(xiàng)目化。選例實(shí)用,講解透徹,內(nèi)容豐富,注重思維方法與實(shí)踐應(yīng)用。每個(gè)項(xiàng)目集中了一些特定的概念,并且以現(xiàn)實(shí)世界的情形為基礎(chǔ)。4. 為了方便讀者學(xué)習(xí)和滿足教學(xué)需要,本教材配備了大量的電子資源,可從出版社網(wǎng)站下載。
序言
《21世紀(jì)計(jì)算機(jī)科學(xué)與技術(shù)實(shí)踐型教程》
編輯委員會(huì)
主任: 陳明
委員:毛國(guó)君白中英葉新銘劉淑芬劉書家湯庸何炎祥陳永義羅四維段友祥高維東郭禾姚琳崔武子曹元大謝樹煜焦金生韓江洪
策劃編輯: 謝琛《21世紀(jì)計(jì)算機(jī)科學(xué)與技術(shù)實(shí)踐型教程》
序
21世紀(jì)影響世界的三大關(guān)鍵技術(shù): 以計(jì)算機(jī)和網(wǎng)絡(luò)為代表的信息技術(shù);以基因工程為代表的生命科學(xué)和生物技術(shù);以納米技術(shù)為代表的新型材料技術(shù)。信息技術(shù)居三大關(guān)鍵技術(shù)之首。國(guó)民經(jīng)濟(jì)的發(fā)展采取信息化帶動(dòng)現(xiàn)代化的方針,要求在所有領(lǐng)域中迅速推廣信息技術(shù),導(dǎo)致需要大量的計(jì)算機(jī)科學(xué)與技術(shù)領(lǐng)域的優(yōu)秀人才。計(jì)算機(jī)科學(xué)與技術(shù)的廣泛應(yīng)用是計(jì)算機(jī)學(xué)科發(fā)展的原動(dòng)力,計(jì)算機(jī)科學(xué)是一門應(yīng)用科學(xué)。因此,計(jì)算機(jī)學(xué)科的優(yōu)秀人才不僅應(yīng)具有堅(jiān)實(shí)的科學(xué)理論基礎(chǔ),而且更重要的是能將理論與實(shí)踐相結(jié)合,并具有解決實(shí)際問題的能力。培養(yǎng)計(jì)算機(jī)科學(xué)與技術(shù)的優(yōu)秀人才是社會(huì)的需要、國(guó)民經(jīng)濟(jì)發(fā)展的需要。制定科學(xué)的教學(xué)計(jì)劃對(duì)于培養(yǎng)計(jì)算機(jī)科學(xué)與技術(shù)人才十分重要,而教材的選擇是實(shí)施教學(xué)計(jì)劃的一個(gè)重要組成部分,《21世紀(jì)計(jì)算機(jī)科學(xué)與技術(shù)實(shí)踐型教程》主要考慮了下述兩方面。一方面,高等學(xué)校的計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的學(xué)生,在學(xué)習(xí)了基本的必修課和部分選修課程之后,立刻進(jìn)行計(jì)算機(jī)應(yīng)用系統(tǒng)的軟件和硬件開發(fā)與應(yīng)用尚存在一些困難,而《21世紀(jì)計(jì)算機(jī)科學(xué)與技術(shù)實(shí)踐型教程》就是為了填補(bǔ)這部分空白。將理論與實(shí)際聯(lián)系起來,使學(xué)生不僅學(xué)會(huì)了計(jì)算機(jī)科學(xué)理論,而且也學(xué)會(huì)應(yīng)用這些理論解決實(shí)際問題。另一方面,計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的課程內(nèi)容需要經(jīng)過實(shí)踐練習(xí),才能深刻理解和掌握。因此,本套教材增強(qiáng)了實(shí)踐性、應(yīng)用性和可理解性,并在體例上做了改進(jìn)使用案例說明。實(shí)踐型教學(xué)占有重要的位置,不僅體現(xiàn)了理論和實(shí)踐緊密結(jié)合的學(xué)科特征,而且對(duì)于提高學(xué)生的綜合素質(zhì),培養(yǎng)學(xué)生的創(chuàng)新精神與實(shí)踐能力有特殊的作用。因此,研究和撰寫實(shí)踐型教材是必需的,也是十分重要的任務(wù)。優(yōu)秀的教材是保證高水平教學(xué)的重要因素,選擇水平高、內(nèi)容新、實(shí)踐性強(qiáng)的教材可以促進(jìn)課堂教學(xué)質(zhì)量的快速提升。在教學(xué)中,應(yīng)用實(shí)踐型教材可以增強(qiáng)學(xué)生的認(rèn)知能力、創(chuàng)新能力、實(shí)踐能力以及團(tuán)隊(duì)協(xié)作和交流表達(dá)能力。實(shí)踐型教材應(yīng)由教學(xué)經(jīng)驗(yàn)豐富、實(shí)際應(yīng)用經(jīng)驗(yàn)豐富的教師撰寫。此系列教材的作者不但從事多年的計(jì)算機(jī)教學(xué),而且參加并完成了多項(xiàng)計(jì)算機(jī)類的科研項(xiàng)目,他們把積累的經(jīng)驗(yàn)、知識(shí)、智慧、素質(zhì)融合于教材中,奉獻(xiàn)給計(jì)算機(jī)科學(xué)與技術(shù)的教學(xué)。我們?cè)诮M織本系列教材過程中,雖然經(jīng)過了詳細(xì)的思考和討論,但畢竟是初步的嘗試,不完善甚至缺陷不可避免,敬請(qǐng)讀者指正。
本系列教材主編陳明2005年1月于北京
前言
在如今這個(gè)互聯(lián)網(wǎng)飛速發(fā)展的時(shí)代,網(wǎng)絡(luò)已經(jīng)成為人們生活中不可或缺的一部分。同時(shí)網(wǎng)站的建設(shè)也開始被眾多的企事業(yè)單位所重視,這就為網(wǎng)頁(yè)設(shè)計(jì)人員提供了很大的發(fā)展空間;而作為從事相關(guān)工作的人員則要掌握必要的知識(shí)體系和操作技能,以滿足工作的需要。作為目前流行的網(wǎng)頁(yè)設(shè)計(jì)軟件網(wǎng)頁(yè)三劍客Dreamweaver、Fireworks和Flash,憑借著其強(qiáng)大的功能和易學(xué)易用的特性深受廣大設(shè)計(jì)人員的喜愛。其中Dreamweaver自問世以來就一直備受廣大網(wǎng)頁(yè)制作人員的推崇,而Flash強(qiáng)大的動(dòng)畫處理功能是廣大設(shè)計(jì)人員有目共睹的,至于Fireworks更是專門用來制作與處理Web圖形圖像的首選軟件。這三者的有效結(jié)合,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)人員來講,將會(huì)很輕松地完成各類頁(yè)面的設(shè)計(jì)和制作。雖然制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)并不困難,但是制作出超凡脫俗的網(wǎng)站就不那么容易了,因此我們特意為大家編寫了網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)與制作的教程。全書共分為11章。前7章講解Dreamweaver的基礎(chǔ)知識(shí)和基本操作,語言通俗易懂,即使是初學(xué)者也很容易讀懂并學(xué)會(huì)。第8章講解了Flash動(dòng)畫制作基礎(chǔ)。第9章介紹了Fireworks處理Web圖形基礎(chǔ)。第10章簡(jiǎn)單介紹動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)。此外,為了使讀者能鞏固所學(xué)知識(shí),全書每章后面都有相應(yīng)的實(shí)訓(xùn)練習(xí)。第11章詳細(xì)介紹了一個(gè)綜合網(wǎng)站的制作過程,內(nèi)容精彩、頁(yè)面豐富,是讀者在學(xué)會(huì)了基礎(chǔ)知識(shí)之后,對(duì)知識(shí)進(jìn)行鞏固的部分。本書專業(yè)性和藝術(shù)性較強(qiáng),具有很強(qiáng)的可讀性,實(shí)例精美實(shí)用,具有良好的可操作性。書中的實(shí)例是作者從實(shí)際工作中精選出來的,具有較強(qiáng)的應(yīng)用性和示范作用。同時(shí),書中所用語言淺顯易懂,并輔之以精選的插圖,相信讀者只要按照書中的步驟進(jìn)行操作,一定能制作出令人滿意的網(wǎng)頁(yè)來。本書由正德職業(yè)技術(shù)學(xué)院的多位資深教師共同編寫,編者多年從事計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的教學(xué)工作,參與編寫工作的教師有施瑩、茹志鵑、徐建華。在編寫本書的過程中作者參考了許多書刊和文獻(xiàn)資料,在實(shí)際操作方面也融入了作者的體會(huì)和經(jīng)驗(yàn)。本書力求圖文并茂,做到理論以夠用為度,實(shí)用性為主,緊跟Web開發(fā)技術(shù)的最新發(fā)展。但是,由于本書編寫時(shí)間緊,且限于作者的學(xué)識(shí)水平,難免有不到之處,懇請(qǐng)讀者給予批評(píng)指正,也可與shiying@zdonline.org聯(lián)系。
編者2016年10月
目錄
第1章網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)11.1網(wǎng)頁(yè)及其制作工具11.1.1網(wǎng)頁(yè)的定義11.1.2網(wǎng)頁(yè)的本質(zhì)31.1.3常用的網(wǎng)頁(yè)制作軟件51.2網(wǎng)站設(shè)計(jì)流程71.2.1規(guī)劃站點(diǎn)71.2.2設(shè)計(jì)站點(diǎn)81.2.3制作網(wǎng)頁(yè)91.2.4網(wǎng)站發(fā)布與維護(hù)10本章實(shí)訓(xùn)10第2章建立站點(diǎn)與編輯網(wǎng)頁(yè)132.1Dreamweaver CC簡(jiǎn)介132.1.1Dreamweaver CC的工作界面132.1.2定義站點(diǎn)172.1.3基本功能簡(jiǎn)介202.1.4基本功能實(shí)例講解212.2制作第一個(gè)網(wǎng)頁(yè)262.2.1創(chuàng)建網(wǎng)頁(yè)262.2.2向頁(yè)面添加元素262.2.3制作網(wǎng)頁(yè)的一般過程262.3文本修飾272.3.1文本的輸入272.3.2字符格式302.3.3段落格式312.3.4列表格式322.4超鏈接的運(yùn)用342.4.1超鏈接的基本定義342.4.2在Dreamweaver CC中設(shè)置超鏈接352.4.3超鏈接的顏色372.5綜合案例382.5.1項(xiàng)目說明382.5.2設(shè)計(jì)過程38本章實(shí)訓(xùn)42第3章網(wǎng)頁(yè)中的圖像與多媒體443.1圖像的一般知識(shí)443.1.1矢量圖與位圖443.1.2圖像格式443.2在網(wǎng)頁(yè)中使用圖像493.2.1Web圖像使用要點(diǎn)503.2.2插入圖像與背景圖像503.2.3修改圖像屬性533.3其他圖像元素543.3.1圖像鏈接與圖像映射543.3.2制作鼠標(biāo)經(jīng)過圖像553.4在網(wǎng)頁(yè)中插入多媒體563.4.1常用的音頻、視頻格式563.4.2添加背景音樂583.4.3添加Flash動(dòng)畫583.4.4添加FLV視頻媒體603.5綜合案例633.5.1項(xiàng)目說明633.5.2設(shè)計(jì)過程63本章實(shí)訓(xùn)66第4章使用表格674.1插入表格674.1.1表格的基本構(gòu)成674.1.2創(chuàng)建和選擇表格684.2設(shè)置表格和單元格的屬性704.2.1設(shè)置表格屬性714.2.2設(shè)置單元格屬性714.3綜合案例724.3.1項(xiàng)目說明724.3.2設(shè)計(jì)過程72本章實(shí)訓(xùn)74第5章使用CSS樣式美化網(wǎng)頁(yè)765.1認(rèn)識(shí)CSS樣式765.1.1CSS的神奇性765.1.2CSS與瀏覽器765.2創(chuàng)建和使用CSS樣式775.2.1CSS設(shè)計(jì)器面板775.2.2創(chuàng)建CSS樣式選擇器795.3設(shè)置CSS樣式屬性855.3.1設(shè)置布局樣式855.3.2設(shè)置文本樣式855.3.3設(shè)置邊框樣式875.3.4設(shè)置背景樣式875.3.5設(shè)置其他樣式885.4綜合案例895.4.1項(xiàng)目說明895.4.2設(shè)計(jì)過程89本章實(shí)訓(xùn)94第6章網(wǎng)頁(yè)版式與配色設(shè)計(jì)956.1網(wǎng)頁(yè)版式設(shè)計(jì)956.1.1網(wǎng)頁(yè)版面的視覺要素956.1.2網(wǎng)頁(yè)編排設(shè)計(jì)的基本形式996.2網(wǎng)頁(yè)中的文字編排1046.2.1文字內(nèi)容區(qū)域1046.2.2字體大小設(shè)置1046.2.3行對(duì)齊1056.2.4行間距的設(shè)定1056.3網(wǎng)站的色彩選擇與搭配1066.3.1網(wǎng)頁(yè)色彩的選擇1066.3.2網(wǎng)頁(yè)色彩搭配的原理107本章實(shí)訓(xùn)108第7章Div CSS布局1097.1Web標(biāo)準(zhǔn)1097.2使用Div1107.2.1什么是Div1107.2.2層的基本操作1107.3Div CSS布局1137.3.1Div CSS的布局優(yōu)勢(shì)1137.3.2盒模型1147.3.3盒模型實(shí)例1157.4綜合案例1167.4.1項(xiàng)目說明1167.4.2設(shè)計(jì)過程116本章實(shí)訓(xùn)123第8章Flash應(yīng)用1248.1Flash簡(jiǎn)介1248.1.1Flash的基本功能1248.1.2Flash的工作界面1258.1.3Flash的工作流程1278.1.4Flash的基本操作1278.2創(chuàng)建逐幀動(dòng)畫1328.2.1逐幀動(dòng)畫的概念1328.2.2逐幀動(dòng)畫的創(chuàng)建過程1328.3創(chuàng)建補(bǔ)間動(dòng)畫1348.3.1補(bǔ)間動(dòng)畫的概念1348.3.2補(bǔ)間動(dòng)畫示例1358.4創(chuàng)建形變動(dòng)畫1398.4.1形變動(dòng)畫的概念1398.4.2形變動(dòng)畫的創(chuàng)建過程1398.4.3形變的方向控制1398.4.4文字形變動(dòng)畫示例1418.5常用的網(wǎng)頁(yè)Flash元素1438.5.1Flash按鈕制作1438.5.2網(wǎng)頁(yè)中的Flash導(dǎo)航條1458.5.3Flash Banner制作146本章實(shí)訓(xùn)147第9章Fireworks應(yīng)用1499.1Fireworks簡(jiǎn)介1499.1.1Fireworks的基本功能1499.1.2Fireworks的工作界面1509.1.3Fireworks的基本操作1519.2位圖的處理1549.2.1常用的位圖工具1549.2.2位圖操作簡(jiǎn)單實(shí)例1579.3利用Fireworks制作Web特效1619.3.1層1619.3.2制作按鈕1629.4繪制圖形1649.4.1常用的繪圖工具1649.4.2繪制草圖1669.5Fireworks與Dreamweaver結(jié)合1679.5.1使用Fireworks規(guī)劃網(wǎng)頁(yè)布局1679.5.2切片導(dǎo)出網(wǎng)頁(yè)1699.5.3Dreamweaver后期修飾171本章實(shí)訓(xùn)172第10章動(dòng)態(tài)網(wǎng)頁(yè)17310.1使用表單17310.1.1什么是表單17310.1.2表單的使用方法17310.1.3表單對(duì)象的屬性設(shè)置17510.1.4表單應(yīng)用實(shí)例17810.2使用行為18110.2.1什么是行為18210.2.2行為的基本操作18210.2.3行為查看器184本章實(shí)訓(xùn)187第11章個(gè)人網(wǎng)站綜合實(shí)例18811.1站點(diǎn)規(guī)劃18811.1.1內(nèi)容規(guī)劃18811.1.2定義本地站點(diǎn)18911.2網(wǎng)頁(yè)素材準(zhǔn)備19011.2.1繪制頁(yè)面草圖19011.2.2圖像素材的準(zhǔn)備19011.2.3導(dǎo)航條的制作19111.2.4Flash動(dòng)畫的制作19211.3網(wǎng)頁(yè)制作19411.3.1首頁(yè)與內(nèi)容頁(yè)布局19411.3.2內(nèi)容頁(yè)填充19411.3.3基于內(nèi)容頁(yè)制作模板19811.3.4利用模板制作其他頁(yè)面19911.4測(cè)試發(fā)布200本章實(shí)訓(xùn)201