網(wǎng)站前端開發(fā)技術(shù):CSS+JavaScript+jQuery/新世紀(jì)高職高專網(wǎng)絡(luò)專業(yè)系列規(guī)劃教材
定 價(jià):49.8 元
叢書名:新世紀(jì)高職高專網(wǎng)絡(luò)專業(yè)系列規(guī)劃教材
- 作者:新世紀(jì)高職高專編審委員會(huì),李云程 編
- 出版時(shí)間:2018/6/1
- ISBN:9787568513531
- 出 版 社:大連理工大學(xué)出版社
- 中圖法分類:TP312.8
- 頁(yè)碼:310
- 紙張:膠版紙
- 版次:1
- 開本:16開
《網(wǎng)站前端開發(fā)技術(shù):CSS+JavaScript+jQuery/新世紀(jì)高職高專網(wǎng)絡(luò)專業(yè)系列規(guī)劃教材》的目的是幫助初學(xué)者快速理解JavaScript語(yǔ)言結(jié)構(gòu)等基礎(chǔ)知識(shí),學(xué)會(huì)開發(fā)高級(jí)的頁(yè)面交互特效設(shè)計(jì),并不斷積累開發(fā)經(jīng)驗(yàn);針對(duì)有一定經(jīng)驗(yàn)的中高級(jí)開發(fā)人員,則側(cè)重于幫助他們學(xué)習(xí)交互特效高級(jí)范例應(yīng)用的設(shè)計(jì)思路和程序設(shè)計(jì)技巧,使他們學(xué)到技術(shù),產(chǎn)生創(chuàng)新靈感,為他們提供相互學(xué)習(xí)、相互交流,分享編程經(jīng)驗(yàn)和體會(huì)的平臺(tái)。
《網(wǎng)站前端開發(fā)技術(shù)-‘-CSS+JavaScript+iQuery》是新世紀(jì)高職高專教材編審委員會(huì)組編的網(wǎng)絡(luò)專業(yè)系列規(guī)劃教材之一。
隨著互聯(lián)網(wǎng)應(yīng)用的迅速發(fā)展,Web應(yīng)用開發(fā)技術(shù)已不再難以理解和學(xué)習(xí),設(shè)計(jì)具有良好交互特效功能的網(wǎng)頁(yè),就成了網(wǎng)站開發(fā)人員的必備能力。而JavaScript正是為Web頁(yè)面添加各種交互效果的首選語(yǔ)言,如今JavaScript已從一種腳本語(yǔ)言,發(fā)展成為功能強(qiáng)大的程序設(shè)計(jì)語(yǔ)言,深受廣大網(wǎng)站開發(fā)人員推崇和喜愛(ài)。
本教材針對(duì)網(wǎng)頁(yè)交互特效設(shè)計(jì)技術(shù)的發(fā)展,分析初學(xué)者和專業(yè)設(shè)計(jì)人員的各自需求,在內(nèi)容選取方面對(duì)二者進(jìn)行了統(tǒng)籌兼顧的考慮。內(nèi)容既體現(xiàn)了JavaScript技術(shù)的最新發(fā)展,也關(guān)注了其在網(wǎng)站開發(fā)項(xiàng)目中的應(yīng)用特色和新穎程度,編寫和選擇了61個(gè)最佳范例。
本教材的目的是幫助初學(xué)者快速理解JavaScript語(yǔ)言結(jié)構(gòu)等基礎(chǔ)知識(shí),學(xué)會(huì)開發(fā)高級(jí)的頁(yè)面交互特效設(shè)計(jì),并不斷積累開發(fā)經(jīng)驗(yàn);針對(duì)有一定經(jīng)驗(yàn)的中高級(jí)開發(fā)人員,則側(cè)重于幫助他們學(xué)習(xí)交互特效高級(jí)范例應(yīng)用的設(shè)計(jì)思路和程序設(shè)計(jì)技巧,使他們學(xué)到最新技術(shù),產(chǎn)生創(chuàng)新靈感,為他們提供相互學(xué)習(xí)、相互交流,分享編程經(jīng)驗(yàn)和體會(huì)的平臺(tái)。
本教材在撰寫思路和選材上體現(xiàn)如下創(chuàng)新:
首先,摒棄傳統(tǒng)知識(shí)講授型書籍的套路,做出大膽探索,避免長(zhǎng)篇大論地單純講解,而是將知識(shí)學(xué)習(xí)與技能訓(xùn)練融入范例制作過(guò)程中,讓學(xué)習(xí)者一直參與實(shí)踐,實(shí)現(xiàn)在“學(xué)中做、做中學(xué)”。其次,通過(guò)與傳統(tǒng)面向?qū)ο缶幊踢M(jìn)行比較,給出了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)特征的獨(dú)特表達(dá)方式,簡(jiǎn)練地對(duì)其進(jìn)行了講解并提供有代表性的應(yīng)用范例。
本教材注重技能訓(xùn)練過(guò)程,既是學(xué)習(xí)又是實(shí)踐。每個(gè)范例都包括:實(shí)例效果、任務(wù)要求、程序設(shè)計(jì)思路、技術(shù)要點(diǎn)、程序代碼編寫、重點(diǎn)強(qiáng)調(diào),部分范例還有任務(wù)拓展或技術(shù)拓展等。學(xué)習(xí)過(guò)程是從任務(wù)目標(biāo)開始,有針對(duì)性地引導(dǎo)學(xué)習(xí)者完成任務(wù),輕輕松松學(xué)會(huì)如何將技術(shù)用于實(shí)踐,同時(shí)掌握針對(duì)項(xiàng)目要求進(jìn)行制作的方法。拓展部分也是一大特色,利用知識(shí)拓展、任務(wù)拓展或技術(shù)拓展讓學(xué)習(xí)者對(duì)技術(shù)有更深入的理解,并體現(xiàn)出技術(shù)的靈活運(yùn)用,十分利于積累開發(fā)經(jīng)驗(yàn)。通過(guò)這樣一系列范例制作的學(xué)習(xí)與訓(xùn)練,最終掌握網(wǎng)頁(yè)交互設(shè)計(jì)的實(shí)用技能和最新技術(shù)。
全書共分為10章,包括CSS與頁(yè)面布局設(shè)計(jì),介紹了網(wǎng)頁(yè)導(dǎo)航、視覺(jué)元素等的設(shè)計(jì)方法,以及利用CSS設(shè)計(jì)網(wǎng)頁(yè)布局的技巧;JavaScript基礎(chǔ),簡(jiǎn)潔而精煉地介紹語(yǔ)言結(jié)構(gòu)和基礎(chǔ)知識(shí),通過(guò)一些短小代碼示例清楚地說(shuō)明其用法,易于初學(xué)者學(xué)習(xí);對(duì)象應(yīng)用,提供了JavaScript應(yīng)用基礎(chǔ)范例,學(xué)習(xí)如何在程序中應(yīng)用Date、Sting、Image和Style等對(duì)象,并為后面復(fù)雜程序代碼編寫打下基礎(chǔ);動(dòng)態(tài)欄效果,給出了在瀏覽器標(biāo)題和狀態(tài)欄區(qū)域內(nèi)顯示各種動(dòng)態(tài)文字效果的具體方法;頁(yè)面動(dòng)態(tài)文字效果,學(xué)習(xí)如何讓頁(yè)面中文字鮮活地“動(dòng)”起來(lái),包括文字在單行文本框中、多行文本框中動(dòng)態(tài)變化等;時(shí)間應(yīng)用,提供在頁(yè)面上呈現(xiàn)各種時(shí)間和計(jì)時(shí)的特殊效果;動(dòng)態(tài)廣告,給出新穎的展示信息變化或切換的效果;網(wǎng)頁(yè)導(dǎo)航菜單,提供了各種靈活網(wǎng)頁(yè)導(dǎo)航形式的菜單效果;動(dòng)態(tài)位置變化,包括圖片、圖形或文字的位置隨著鼠標(biāo)操作而發(fā)生變化;iQuery應(yīng)用設(shè)計(jì),iQuery是目前非常流行的JavaScript庫(kù)技術(shù),本章全面而精簡(jiǎn)地介紹了其實(shí)際應(yīng)用。
本書適合于初學(xué)者、中高級(jí)網(wǎng)站開發(fā)人員,也適用于在校高職院校學(xué)生及高級(jí)專業(yè)培訓(xùn)。
在編寫本教材的過(guò)程中,參考了一些書籍和網(wǎng)上資料,對(duì)這些書籍和資料的作者表示最誠(chéng)摯的謝意。
由于時(shí)間倉(cāng)促、水平有限,編程算法和技巧、JavaScript面向?qū)ο缶幊痰冗需不斷探索和總結(jié),書中難免存在錯(cuò)誤和不妥之處,懇請(qǐng)各位專家和同行批評(píng)指正。
第1章 CSS與頁(yè)面布局設(shè)計(jì)
1.1 玻璃質(zhì)感導(dǎo)航按鈕與主頁(yè)配色設(shè)計(jì)
1.1.1 任務(wù):設(shè)計(jì)一組玻璃質(zhì)感按鈕
1.1.2 設(shè)計(jì)
1.1.3 知識(shí)補(bǔ)充:顏色搭配設(shè)計(jì)
1.2 頁(yè)眉圖片和Logo視覺(jué)修飾設(shè)計(jì)
1.2.1 任務(wù):設(shè)計(jì)一幅頁(yè)眉圖片
1.2.2 設(shè)計(jì)
1.2.3 知識(shí)拓展:網(wǎng)站整體風(fēng)格設(shè)計(jì)
1.3 用CSS與Div設(shè)計(jì)網(wǎng)頁(yè)
1.3.1 任務(wù):網(wǎng)頁(yè)的布局設(shè)計(jì)
1.3.2 設(shè)計(jì)
1.3.3 知識(shí)拓展:Css及其規(guī)則
1.3.4 知識(shí)補(bǔ)充:在Dreamweaver中創(chuàng)建CSS
第2章 .JavaScript基礎(chǔ)
2.1 JavaScript概述
2.1.1 JavaScript的組成
2.1.2 JavaScript的特點(diǎn)
2.2 JavaScript基本語(yǔ)法
2.2.1 程序結(jié)構(gòu)
2.2.2 JavaScript的數(shù)據(jù)結(jié)構(gòu)
2.3 JavaScript程序基本構(gòu)成
2.3.1 JavaScript程序設(shè)計(jì)
2.3.2 函數(shù)
2.3.3 對(duì)象
2.4 JavaScript面向?qū)ο缶幊?br>2.4.1 函數(shù)與對(duì)象
2.4.2 JavaScript中函數(shù)的深入認(rèn)識(shí)
第3章 對(duì)象應(yīng)用
3.1 日期時(shí)間對(duì)象
3.1.1 顯示當(dāng)前星期
3.1.2 顯示當(dāng)前日期
3.2 字符串和圖片對(duì)象
3.2.1 應(yīng)用String對(duì)象截取特定文字
3.2.2 應(yīng)用image對(duì)象實(shí)現(xiàn)動(dòng)畫
3.2.3 style對(duì)象應(yīng)用
第4章 動(dòng)態(tài)欄效果
4.1 修改標(biāo)題欄和狀態(tài)欄的默認(rèn)屬性
4.1.1 利用JavaScript 改標(biāo)題欄和狀態(tài)欄顯示內(nèi)容
4.1.2 修改超鏈接在狀態(tài)欄上的顯示信息
4.2 在狀態(tài)欄顯示動(dòng)態(tài)效果
4.2.1 在狀態(tài)欄顯示當(dāng)前時(shí)間
4.2.2 狀態(tài)欄文字由左端彈出顯示
4.3 文字循環(huán)滾動(dòng)效果
4.3.1 文字首尾相接循環(huán)滾動(dòng)顯示
4.3.2 狀態(tài)欄文字在右端與左端之間循環(huán)滾動(dòng)
第5章 頁(yè)面動(dòng)態(tài)文字效果
5.1 單行文本框中的文字
5.1.1 單行文本框文字動(dòng)態(tài)移動(dòng)
5.1.2 任務(wù)拓展1:?jiǎn)涡形谋究蝻@示動(dòng)態(tài)文字效果
……