網(wǎng)頁前端技術(shù)

中國(guó)水利水電出版社

【作者】主編王敏杰任云暉

【I S B N 】978-7-5084-9675-7

【責(zé)任編輯】張玉玲

【適用讀者群】高職高專

【出版時(shí)間】2012-05-29

【開本】16開

【裝幀信息】平裝（光膜）

【版次】第1版第1次印刷

【頁數(shù)】200

【千字?jǐn)?shù)】306

【印張】12.5

【定價(jià)】￥24

【叢書】21世紀(jì)高職高專教學(xué)做一體化規(guī)劃教材

【備注信息】

圖書詳情

簡(jiǎn)介

本書特色

前言

章節(jié)列表

精彩閱讀

下載資源

相關(guān)圖書

本書是學(xué)習(xí)網(wǎng)頁設(shè)計(jì)技能的入門級(jí)教材，也是掌握網(wǎng)頁前端技術(shù)的首選教材，鑒于此，我們力求做到內(nèi)容通俗易懂、可操作性強(qiáng)。而對(duì)于教學(xué)方法的改革，我們想努力地創(chuàng)新和探索。它可能不是最好的，但它絕對(duì)是我們最精心和努力的結(jié)果。

本書分為三個(gè)模塊：第一個(gè)模塊是HTML語言，HTML語言（Hyper Text Mark-up Language，超文本標(biāo)記語言/超文本鏈接標(biāo)識(shí)語言）是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言；第二個(gè)模塊是CSS語言，CSS（Cascading Style Sheet，層疊樣式表/級(jí)聯(lián)樣式表）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀；第三個(gè)模塊是JavaScript語言，JavaScript是Internet上最流行的腳本語言，并且可在所有主要的瀏覽器中運(yùn)行。本書運(yùn)用了大量的案例，便于讀者熟練掌握HTML、CSS和JavaScript技術(shù)。

本書可作為高職院校網(wǎng)絡(luò)相關(guān)專業(yè)的教材，也可作為從事網(wǎng)頁設(shè)計(jì)方面工作的讀者參考用書。

本書配有電子教案，讀者可以從中國(guó)水利水電出版社網(wǎng)站和萬水書苑上下載，網(wǎng)址為：http://www.waterpub.com.cn/softdown/和http://www.dgboyong.cn。

在計(jì)算機(jī)網(wǎng)絡(luò)如此普及的今天，越來越多的人想學(xué)習(xí)計(jì)算機(jī)。計(jì)算機(jī)的用途如此廣泛，讓想學(xué)習(xí)它的人無所適從。本書面向計(jì)算機(jī)最普遍的應(yīng)用，即網(wǎng)頁的制作，力求讓更多的人從中得到啟發(fā)。

本書的網(wǎng)頁制作是介于靜態(tài)網(wǎng)頁制作和動(dòng)態(tài)網(wǎng)頁制作之間的一門學(xué)科。本書共分為三個(gè)模塊：HTML語言、CSS語言和JavaScript語言，從網(wǎng)頁制作的基礎(chǔ)認(rèn)識(shí)到網(wǎng)頁的一些簡(jiǎn)單變換，再到網(wǎng)頁的高級(jí)應(yīng)用，給想認(rèn)識(shí)和掌握網(wǎng)頁制作的初學(xué)者提供了一個(gè)入門級(jí)的教程。對(duì)初學(xué)者的網(wǎng)頁制作提供了一個(gè)完善和實(shí)際的解決方案，也讓希望在計(jì)算機(jī)網(wǎng)頁制作方面有所成就的人增加自信心，讓他們覺得計(jì)算機(jī)網(wǎng)頁制作是如此簡(jiǎn)單和容易掌握，并且以此來進(jìn)一步發(fā)展。

本書面向最實(shí)際和最富可操作性的技能，提供了完整的、具體的操作步驟，讓使用者有遵循的依據(jù)。盡管這個(gè)依據(jù)不是唯一的、最完善的，但它絕對(duì)是最簡(jiǎn)便的、最容易操作的。

第一個(gè)模塊分為七個(gè)任務(wù)，分別是網(wǎng)頁中的文字、段落、圖片、聲音、表格、表單及頁面分割的基本技能。學(xué)會(huì)了這部分技能，就對(duì)網(wǎng)頁的制作有了更加清楚的認(rèn)識(shí)，能夠制作簡(jiǎn)單的網(wǎng)頁。第二個(gè)模塊分為三個(gè)任務(wù)，分別是網(wǎng)頁的文字、層及特效的技能，是對(duì)前面的網(wǎng)頁技能的進(jìn)一步提高，讓學(xué)習(xí)網(wǎng)頁制作的人感到實(shí)用且簡(jiǎn)單，也能從中體會(huì)到新鮮、有趣。第三個(gè)模塊分為四個(gè)任務(wù)，分別是特效、對(duì)象、瀏覽器對(duì)象及事件的技能，它又是前兩個(gè)模塊的擴(kuò)展，讓初學(xué)者體會(huì)到網(wǎng)頁制作的強(qiáng)大，增強(qiáng)自信心，為有志在計(jì)算機(jī)網(wǎng)頁制作方面有更深入發(fā)展的人提供一個(gè)新的技能。

本書提供了實(shí)用的知識(shí)和技能，且都是身邊最常用的技能。學(xué)習(xí)的目的是應(yīng)用，讓使用本書的人感覺這正是他想要的、是他百思不得其解的，以提高他的學(xué)習(xí)興趣。也讓使用本書的人感覺到有具體的方法和步驟參考，以提高他們學(xué)習(xí)的信心。

本書采用最新的任務(wù)驅(qū)動(dòng)式的教學(xué)方法。教無定法，但不可無法。在眾多教學(xué)方法中選定任務(wù)驅(qū)動(dòng)式教學(xué)方法，是因?yàn)槟壳八亲罱咏鼘?shí)際工作的教學(xué)方法，可以使讀者覺得他們的工作和所學(xué)的是如此接近和相似，讓他們掌握最直接的應(yīng)用技能，而且一步到位。學(xué)習(xí)有兩個(gè)方向：一個(gè)方向是先告訴他為什么，再告訴他怎么做；另一個(gè)方向是先告訴他怎么做，再讓他自己找出為什么。第二個(gè)方向是人們發(fā)現(xiàn)理論的途徑，盡管在眾多實(shí)踐中總結(jié)出理論是困難的，但這種經(jīng)驗(yàn)式的理論是最持久的。你可能覺得直接告訴他為什么更直接、簡(jiǎn)便，但他不會(huì)應(yīng)用或規(guī)則式地套用讓其往往很快便忘記且不會(huì)創(chuàng)新。

眾多朋友的支持是本書得以正常出版的重要原因。感謝我們學(xué)院的郝世峰院長(zhǎng)對(duì)本書的關(guān)注和支持，他的反復(fù)閱讀和豐富的經(jīng)驗(yàn)給了我們無窮的動(dòng)力和自信，使我們的編撰工作得以順利地開展和進(jìn)行。還要感謝身邊同事的支持，他們?cè)诮虒W(xué)上的豐富經(jīng)驗(yàn)使得其在本書內(nèi)容和教學(xué)方法上更有發(fā)言權(quán)，也使得他們的建議彌足珍貴。

本書的分工如下：第一個(gè)模塊由王敏杰編寫；第二個(gè)模塊由任云暉編寫；第三個(gè)模塊的任務(wù)一和任務(wù)二由王海濤編寫，任務(wù)三和任務(wù)四由閆春玲編寫。全書的審核校驗(yàn)工作由汪衍輝承擔(dān)。

由于時(shí)間倉促，編者水平有限，在知識(shí)、技能和教學(xué)方法的安排上難免有疏漏和不足之處，敬請(qǐng)廣大讀者和同仁批評(píng)指正。

編者

2012年2月

前言
模塊一 HTML語言

任務(wù)一認(rèn)識(shí)HTML 2
1.1 案例一創(chuàng)建第一個(gè)HTML文件 2
1.1.1 案例資訊 3
1.1.2 案例步驟 5
1.2 案例二正確進(jìn)行網(wǎng)頁布局 5
1.2.1 案例資訊 5
1.2.2 案例步驟 9
任務(wù)二在網(wǎng)頁中對(duì)文字及段落進(jìn)行修飾 10
2.1 案例一在網(wǎng)頁中插入絕美的文字 10
2.1.1 案例資訊 10
2.1.2 案例步驟 12
2.2 案例二設(shè)計(jì)布局合理的段落 15
2.2.1 案例資訊 15
2.2.2 案例步驟 16
2.3 案例三用列表讓網(wǎng)頁格式更工整 20
2.3.1 案例資訊 20
2.3.2 案例步驟 21
任務(wù)三插入圖片和多媒體讓網(wǎng)頁更生動(dòng) 26
3.1 案例一我的音樂賀卡 26
3.1.1 案例資訊 26
3.1.2 案例步驟 27
3.2 案例二我的網(wǎng)頁也能看電影 29
3.2.1 案例資訊 29
3.2.2 案例步驟 29
3.3 案例三我的滾動(dòng)相冊(cè) 30
3.3.1 案例資訊 31
3.3.2 案例步驟 31
任務(wù)四如何實(shí)現(xiàn)頁面的跳轉(zhuǎn) 33
4.1 案例一用文字來進(jìn)行超鏈接 33
4.1.1 案例資訊 33
4.1.2 案例步驟 34
4.2 案例二用圖像制作導(dǎo)航條 38
4.2.1 案例資訊 39
4.2.2 案例步驟 39
任務(wù)五學(xué)會(huì)使用表格 41
5.1 案例一制作成績(jī)表 41
5.1.1 案例資訊 41
5.1.2 案例步驟 42
5.2 案例二制作課程表 43
5.2.1 案例資訊 43
5.2.2 案例步驟 44
5.3 案例三用表格進(jìn)行復(fù)雜網(wǎng)頁的布局 48
5.3.1 案例資訊 48
5.3.2 案例步驟 48
任務(wù)六會(huì)用表單收集用戶輸入的信息 50
6.1 案例一制作用戶登錄界面 50
6.1.1 案例資訊 50
6.1.2 案例步驟 52
6.2 案例二制作用戶注冊(cè)界面 54
6.2.1 案例資訊 54
6.2.2 案例步驟 57
任務(wù)七使用框架對(duì)頁面進(jìn)行分割 59
7.1 案例一使用普通框架進(jìn)行頁面分割 59
7.1.1 案例資訊 59
7.1.2 案例步驟 61
7.2 案例二使用內(nèi)部框架進(jìn)行頁面分割 62
7.2.1 案例資訊 62
7.2.2 案例步驟 62

模塊二 CSS語言

任務(wù)一認(rèn)識(shí)CSS 65
1.1 案例一我的第一個(gè)CSS文件 65
1.1.1 案例資訊 65
1.1.2 案例步驟 69
任務(wù)二用CSS實(shí)現(xiàn)頁面風(fēng)格的統(tǒng)一 71
2.1 案例一用CSS美化字體 71
2.1.1 案例資訊 71
2.1.2 案例步驟 72
2.2 案例二用CSS實(shí)現(xiàn)頁面的精細(xì)排版 73
2.2.1 案例資訊 73
2.2.2 案例步驟 74
2.3 案例三用CSS設(shè)置對(duì)象的邊框 75
2.3.1 案例資訊 75
2.3.2 案例步驟 76
2.4 案例四用CSS進(jìn)行頁面的顏色和背
景設(shè)置 78
2.4.1 案例資訊 78
2.4.2 案例步驟 79
任務(wù)三學(xué)會(huì)CSS的高級(jí)應(yīng)用技巧 81
3.1 案例一用CSS實(shí)現(xiàn)層的排版 81
3.1.1 案例資訊 81
3.1.2 案例步驟 83
3.2 案例二用CSS的濾鏡實(shí)現(xiàn)各種特效 85
3.2.1 案例資訊 85
3.2.2 案例步驟 86

模塊三 JavaScrip語言

任務(wù)一認(rèn)識(shí)JavaScript 89
1.1 案例一 Title欄滾動(dòng)特效 89
1.1.1 案例資訊 89
1.1.2 案例步驟 97
1.2 案例二水波文字效果 98
1.2.1 案例資訊 98
1.2.2 案例步驟 100
1.3 案例三頁面中輸入的年月日是否正確 101
1.3.1 案例資訊 102
1.3.2 案例步驟 108
任務(wù)二認(rèn)識(shí)JavaScript對(duì)象 113
2.1 案例一打印機(jī)式字符輸出 113
2.1.1 案例資訊 113
2.1.2 案例步驟 119
2.2 案例二頁面兩側(cè)的小廣告 121
2.2.1 案例資訊 121
2.2.2 案例步驟 123
2.3 案例三記憶測(cè)試 125
2.3.1 案例資訊 125
2.3.2 案例步驟 128
2.4 案例四很酷的日歷 135
2.4.1 案例資訊 135
2.4.2 案例步驟 138
2.5 案例五產(chǎn)生隨機(jī)數(shù) 142
2.5.1 案例資訊 142
2.5.2 案例步驟 145
任務(wù)三認(rèn)識(shí)瀏覽器對(duì)象 148
3.1 案例一顯示Navigator對(duì)象屬性 148
3.1.1 案例資訊 148
3.1.2 案例步驟 151
3.2 案例二子窗體返值到母窗體 154
3.2.1 案例資訊 154
3.2.2 案例步驟 156
3.3 案例三 Screen綜合應(yīng)用實(shí)例 158
3.3.1 案例資訊 158
3.3.2 案例步驟 159
3.4 案例四隱藏菜單 162
3.4.1 案例資訊 162
3.4.2 案例步驟 164
任務(wù)四認(rèn)識(shí)事件 168
4.1 案例一可移動(dòng)的導(dǎo)航條 168
4.1.1 案例資訊 168
4.1.2 案例步驟 180
4.2 案例二驗(yàn)證輸入的注冊(cè)信息 183
4.2.1 案例資訊 183
4.2.2 案例步驟 186
參考文獻(xiàn) 192

經(jīng)典樣章
電子教案

關(guān)閉

打印

欧美一级特黄aaaaaaa在线观看-欧美一级特黄aaaaaa在线看片-欧美一级特黄aa大片-欧美一级特黄刺激大片视频-深夜久久-深夜激情网站