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