重慶正大軟件職業(yè)技術(shù)

學院《網(wǎng)頁編程》課實驗指導書作者：陳欣2009年版本：V1.0

目錄實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：初識實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：TOC\o"1-5"\h\z\o"CurrentDocument"html語言基礎（一） 3實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：初識實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：實驗名稱：html語言基礎（二） ：文字編排及美化 4html高級部分（一） 6html高級部分（二） 錯誤!未定義書簽。html高級部分（三） ：超鏈接應用 8dreamweaver8網(wǎng)頁制作（一） 11dreamweaver8網(wǎng)頁制作（二） 15初識CSS（一） 16CSS（二） 錯誤！未定義書簽。javascript 語法（一） 26javascript 語法（二） 27javascript 語法（三） 29DOM編程（一） 31DOM編程（二） 錯誤！未定義書簽。DOM編程（三） 33實驗名稱：html語言基礎（一）實驗目的:掌握使用“記事本”編輯HTML勺操作；掌握使用IE測試HTML文件的操作；掌握HTML構(gòu)架標簽和格式標簽的使用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：“記事本”編輯HTML用IE測試HTMLt件；構(gòu)架標簽和格式標簽實驗內(nèi)容（步驟）：編寫本書第2章2.1-2.3中出現(xiàn)的所有HTMLM文件。完成下面指定的網(wǎng)頁特效。30?文件名為test1.html30?,。第一個HIIL水出-licrvsoftInternetExplorer文伴宴?潟轅⑥查看S收如U工具如蒂助州3后退U二。更「，旺勝’網(wǎng)頁課件-E、網(wǎng)幣編卷tHT*院1:六部分%h+nl福TOHfKl-OlttHTk的基本結(jié)構(gòu)。苞克中文件名為test2.htmltEES-11.HTIL-記早本中件R喟靠3福吉用St￡]書&"kCHTM>~<HtHD><TITLE>t[]yJ^</l11LE></HIAD>居詩I藝山月一）<nuf）v><CFUTfR>務~l片立臉表橫線1CHR>CfHI>蛔種音性點徑回、吉耳11萬甲一歡用玉門關(guān).</r?k></IIUD￥>文件名為姓名+學號后2位.html（如：你叫張三，學號為01則命名為張三01.html）,在網(wǎng)頁中輸入自己的自我介紹，并實現(xiàn)從上到下和從下到上的交替移動。注意：格式清晰、美觀?？己藘?nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成3道題為優(yōu)，完成2道以上為良；完成1道題為合格，否則為不合格實驗名稱：html語言基礎（二）實驗目的:掌握格式標簽的使用和屬性的設置掌握列表標簽的使用方法課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：“記事本”編輯HTML用IE測試HTM戊件；構(gòu)架標簽和格式標簽實驗內(nèi)容（步驟）：編寫本書第3章3.1-3.2中出現(xiàn)的所有HTML源文件。完成下面指定的網(wǎng)頁特效。2.1 文件名為test1.html2.2文件名為test2.html2.3文件名為test3.html

頁面考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成4道題為優(yōu)，完成3道以上為良；完成頁面考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成4道題為優(yōu)，完成3道以上為良；完成2道題為合格，否則為不合格。f我的電腦穹g：㈣n網(wǎng)頁饌件-線南*否嵌套列表尸嵌套見表一TindovsIntexnetExplorer目錄1.新聞中心2.古典文學□《紅樓夢》o《三國演義》o《水滸傳》3,氯視娛樂4.主題社區(qū)5,科技時代6.網(wǎng)上購物二］P二］P轉(zhuǎn)到鏈接外實驗名稱：html語言基礎（三）實驗目的：掌握文本標簽的使用掌握圖像標簽的使用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：“記事本”編輯HTML用IE測試HTM戊件；構(gòu)架標簽和格式標簽實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。完成以下效果圖，命名為test1.html爭控制文字的格式-MicrosoftInternetExplorer文件6編揖但查看出收藤?工具①幫助時①局g▼?◎國G|◎搜索國收藏夾郡對31各昌-±1￡1地址◎|皂］G:\ETt和匚5s部分Vitml例子照文字,ETX古典文學■《三國演義》.《紅樓夢》詩望詩望B5

唐春春苜完畢苜完畢日我的電腦完成以下效果圖，命名為test2.html

口但闞用平鋪的圖整作為背景—ViTtr1nv<?IntSapJorer完成以下效果圖，命名為test3.html■圖隹忘記的催用一￥1nflnwsTnrpmpT口但闞用平鋪的圖整作為背景—ViTtr1nv<?IntSapJorer完成以下效果圖，命名為test3.html舀bI安金:牌成叮即il年程\HT3Jcx部掃A洋二講*|**X 工i▼面e圖像碇ie的使用 ^除.L3■???：-頁面??。工具的-一片樹葉作者；東山魁夷

無論加何,偶遇美景只會有一次。因力自然是咕生生的，它在不斷地變化.而且，眼望著風

景的我fl省在天夭變把著.如果就幫開.我們的生命常在,脛上兩的觸號就不會割人清懷E丁中人和花的生存，在世卑上都是筑哲的，口他fi群水相逢了?不知不覺中癡T會感燈艮的欣喜，這不只限于罌花,即使珞芳一棵無名小草，不是也同樣如此嗎T現(xiàn)代文明能急速發(fā)展，財了人類和自iS之同平衡.人類的妄自尊大堵這個世界黃來了越來越大的危險性.也 1爭界有必受恢艮和諧的感覺.官熟和我們都連藏在一條根二應當珍視清澄的自然和素樸鬧人類，要制止人類若 所怯了魔?般的貿(mào)然的行為,八應多諫虛地看待自然和第景，體會自^臺我們的啟示.就在我們住地冏畫，哪怕是庭前的一律樹，一片葉子.只要拄們層心觀察，也會從中探刻地茹悟出生命的油義，完貳 ,我的電扇 Mm-考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成3道題為優(yōu)，完成2道以上為良；完成1道題為合格，否則為不合格。實驗名稱：超鏈接應用實驗目的：掌握錨點超鏈接應用掌握文件超鏈接的使用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：文本標簽；超鏈接標簽；圖像標簽；客戶端圖像地圖實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、用記事本完成以下效果圖，命名為test1.html2、用記事本完成以下效果圖，利用以下文字做錨點連接，命名為test2.html文字：春夜喜雨好雨知時節(jié)，當春乃發(fā)生。隨風潛入夜，潤物細無聲。春望國破山河在，城春草木深。感時花濺淚，恨別鳥驚心。烽火連三月，家書抵萬金。白頭搔更短，渾欲不勝簪。春曉春眠不覺曉，處處聞啼鳥。夜來風雨聲，花落知多少？靜夜思床前明月光，疑是地上霜。舉頭望明月,低頭思故鄉(xiāng)。關(guān)山月明月出天山,長風幾萬里,漢下白登道,由來征戰(zhàn)地,戌客望邊色,高樓當此夜,蒼茫云海間。吹度玉門關(guān)。胡窺青海灣。不見有人還。思歸多苦顏。嘆息未應閑。3、用記事本完成以下效果圖，命名為test3.html4、用記事本完成以下效果圖，命名為test5.html。要求三張圖片分別超鏈接到前三道題的網(wǎng)頁文檔。5、思考：錨點鏈接是否可以建立在不同的網(wǎng)頁中。考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成4道題為優(yōu)，完成3道以上為良;完成2道為合格，否則為不合格。實驗名稱：dreamweaver使用實驗目的：了解dreamweaver工具的使用掌握文本格式工具的使用掌握圖片和超鏈接工具的使用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：dreamweaver8.0的基本操作實驗內(nèi)容：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、用Dreamweaver完成以下效果圖，錨點鏈接效果圖如下：命名為rizhi.html3 lifiOHftfiiirrnrr ，斤L空生wlL.■圖 1，吧 **電 吩歡迎瀏覽我的日志及摘選文章而丁亙；古早」活二便!*一 ―-叵魚史1：冬如出步軍:」I是十單項第一Stif.在；士H訐上號嚴明而圮理.百芭黑 ，一，噂麗汨世式舊，F(xiàn)it印枇1rlM身里.這口無訐社奉祖訛格尊1,-由2—樣劉立矍.野里節(jié)目匚域f送超樸I里也，做窗知tM，"理軍一切丹法-Affl-fllB*.定成1切任內(nèi).安取一&*t.-MG耳蝗開牯餐變.當上大學并方重峰香一勞越，人王中齊好鄧知夏過，￡帛牙，出只吊號依忖春屎,戈學弭電司里弋SE卬國第一步，*耳-用5泡靖口得￡片馬放■山一的￡B范當忙E^成管甘老F步度的.司JI不加伉W/武酎的鼻住第號達克科W研田1的運吉佐再沖.面膏芒高段蟲的里!平充團支格X,一寶利出』用Rte式餐白西辛幸+人是在不蔭/?上中上上同一式餐1律'］小1槨娃母廂店才甘福立天夫凡 的基J：*汨邈落向啊U正加一討同*同昌國？坤.,玉凄EI%”,在載U隼“中社fl第鼠 丁暮不少的軍中生括，件三利F軍％船承孑思青川T軍R的青舌弓e，iirariEST號中的樂.救自聞,”當*E*二單，下生興學總慢一算子”.軍人的庠般通片卻尢甲t￡i詢目打功就用等中&.FtiritM斯士班主任生也的說桐生君聊要正菅種婀，pfui專后髀學習生后景常善.搐#:艱而伸七口號一和解百,我門.瓦正f不髭泥的沮拈.樣■匍許加，an蝌麻=.有玄聲.的年聲.方，朝*下天薩?音行航洋千己.Ft.fT** 合們牌東衍芒wirmk■作？s三揖.軍訓一一秋們;f后招奉口I己過去三M,這三二中徹gBH!；氏志鸞如找t）l■書里獨步了，息芍吊自己主算邱是打量，會制在軍置三無甲武的H華南，也加“箭在Iff雙干-蒯第社**一董4也耳下札1WITFE雀隨tFfttt#取品修林郡丁賽俄彳?下￡灼呼咤叼1%殳過干驛丸煙期LE是白存T.tillOitSiH-SiH-sr-SiE,三口母=*"H斷一生.5用率?乩田白丁秋氧步以苜式軍和匹蘇日?2：&學生€5jfa，*■一qfM1:軍訓感言軍訓是大學的第一堂課，在這堂課上有嚴明的紀律、有緊張、有歡笑…… 火熱的陽光炙烤著大地和我們的身軀，這幾天對我來說就像是幾個世紀一樣的難熬， 好想為自己找一個逃避的理由。教官教誨我們：“想盡一切辦法，克服一切困難，完成一切任務，爭取一切榮譽。” 我的思想開始轉(zhuǎn)變，考入大學并不意味著一勞永逸，人生中有好多的關(guān)口要過，有好多的責任等我們?nèi)タ梗钟泻枚嗟牧x務等我們?nèi)ケM。 大學只是萬里長征中的第一步， 那種“船到碼頭車到站，兵器入庫馬放南山”的思想對當代大學生的成長都是不建康的。軍訓不僅僅是對我們的身體的考驗， 更多的是對我們的意志的磨練， 同時提高我們的思想水平和團隊精神，“寶劍鋒從磨礪出，梅花香自苦寒來”人是在不斷的磨練中長大的， 就像一棵小樹一樣經(jīng)歷風雨后才能變成參天大樹， 軍人的氣質(zhì)和鋼鐵般的意志給我很深刻的印象， 正如一首軍歌歌詞描寫的一樣：“還硬比鋼還強”。在我們軍訓中我們軍人、學生一家人，了解不少的軍中生活，體會到了軍人的艱辛，感受到了軍人的豪邁氣概，他們肩負著保衛(wèi)國家的重任，苦中的樂，教官說：“當兵后悔二年，不當兵會后悔一輩子” 。軍人的奉獻精神和大公無私深深的打動我們每個人，我們的新生班主任給我們講解生活中要注意的事項，為我們今后的學習生活做準備，輔導員教師像大哥哥一樣照看著我們。在這里有酸楚的淚水，有苦咸的汗水，有飄揚的歌聲，有歡樂的笑聲，這些就像不滅的音符跳動不已，我們是充實的，我們是快樂的，苦與累已化作美與甜，軍訓——我們不后悔軍訓已過去三天， 這三天中我的感觸很深。 感覺到我比以前堅強多了， 總覺得自己全身都是力量，疊被子是我在軍訓三天中覺得最難的，因為以前沒有疊過被子，疊起來就頭大，怎么也疊不好，盡管教官一而再的教，可我還是疊不好，使我都覺得我沒有喝方面的天賦，呵呵，經(jīng)過不懈的努力，我最終還是會疊了，軍訓中還有很多很多的感慨，它們都會影響我的一生。感謝軍訓，它教會了我很多以前沒學到的東西。:大學生活TOC\o"1-5"\h\z幸福的大學生活開始了 ,但是好景不常 ,興奮和激動過后，我才發(fā)現(xiàn)大學并不是天堂 .期末要面對掛科的危險， 面對某些人物丑惡的嘴臉， 畢業(yè)后社會的兇險， 是工作還是考研 大學生越來越不值錢 （學士滿街走，碩士多如狗，博士才能抖一抖 ）,單調(diào)無意義的課程，變態(tài)的某些"叫獸"，還有就是難以打發(fā)的時間 ,郁悶成為了大家的口頭禪 郁悶啊,郁悶.不在動亂中變壞,就在郁悶中變態(tài) .瑣碎的生活永遠是生命的主題 ,我們開始不滿現(xiàn)實，成為傳說中的憤青 ,為了不讓自己內(nèi)分泌失調(diào) ,我們把上網(wǎng)當成自己的職業(yè) ,嬉笑怒罵 ,直抒胸臆 ,侃侃而談 ,換上網(wǎng)絡外衣,我們就是蜘蛛俠 ,啥也不"汗".大學一半的時間我們用在了睡覺上 ,因此有了 "大學萬睡萬睡萬萬睡 "的詩賦:覺是要睡的， 夢是要做的 .一覺醒來， 明天的太陽一樣溫暖！ 青春萬歲！ 大學萬睡萬睡萬萬睡 !!!還有一點不得不提的就是 ,大學時代的戀情 .大學是戀愛的溫床， 無數(shù)懵懂的少男少女在這里第一次體會到愛情的美妙， 不過時代發(fā)展了， 社會進步了，節(jié)奏變快了，無數(shù)情侶瞬間完成了由吻關(guān)系到性關(guān)系然后沒關(guān)系的過程，結(jié)束之快，效率之高，遵循比特時代的摩爾定律。經(jīng)過一番折騰，我找到大學的真諦，大學就是一個經(jīng)歷，人生是個過程，為什么不好好珍惜呢 ,所有的郁悶都是庸人自擾 .大學生活也許沒有我們想像中的那么激情澎湃 ,但卻讓我們多了一分理智和穩(wěn)重 .它把我們的生活濃縮得只有兩件事，上課，玩耍。這樣的生活單純的近乎完美，每天可以一門心思的聽老師上課 ,隨心所欲地參加各種各樣的社團活動， 隨時約上三五個好友聊天，逛街，甚至連考試時節(jié)的緊張， 都可以被我們當作一種快樂 ,大學本身就已存在了它的價值 !所以,我們應該積極地活著 ,好好過每一天才是硬道理 !!!:工作體會從接受湖南日報發(fā)行有限公司在汝城文明這塊區(qū)域的工作到現(xiàn)在， 已經(jīng)月余時間了， 我的成績雖不理想，但通過在工作中的學習、思考、摸索，我認為我的收獲亦不少。一：從工作之初的畏首畏尾、猶豫不決，到現(xiàn)在思想上明確了要積極進取、努力突破，這是一種事業(yè)心的確立， 這是對一項工作肩負起責任的態(tài)度。 精神和態(tài)度是工作的必需因素。 沒有這樣的因素，我們對工作談何熱愛、談何拼搏？工作于人之目的，不僅要謀取生計之所需，亦要激發(fā)生命之情義。 只有這樣， 我們才能真正體會到——勞動是快樂的；只有這樣， 我們才能目標向上——勞以養(yǎng)存，理以養(yǎng)性！這份工作讓我精神一新了。二：這份工作遠比我現(xiàn)在所為之事有意義、有前景。有意義的工作讓我開拓和升華。這份工作讓我又把工作和學習結(jié)合在了一起。 工作和學習是人生進取和進步的最基本、 最實在的要素。 工作推進學習；學習輔導工作。這樣，我們才不會有片面的工作之累、學習何用之感嘆！時光箭去，人生老去，何妨？只要心靈豐富了！我們?nèi)松闹R、經(jīng)驗，不是天生于我，而是在成長中、在實踐中努力學習，勤于思考，細心探索，用心積累而成的。三：這份工作讓我對責任有了新的認識。 責任不應在肩上似泰山之重壓， 而應在心中如精神之明燈。責任之根， 是自發(fā)自己之心。 責任之立， 不應是累你我之身心， 而應是你我工作進取之導向。四：我們謀事，是為求其所成。這是我們做任何一項工作所應有的目標。但我們不能有一步登天之妄想。我們必須一步步的去做好細節(jié)、過程工作，在這個階段，我們種下去的是誠信、務實、勤奮等種子，讓它們到人們的心中去發(fā)芽、去感召。人們的口碑，遠比我們自我宣傳百次、千次有效。五：我們不能讓情緒左右著我們工作的方向。 在實際工作中， 我為我的工作進展緩慢懷疑著自身的能力，生出退縮之意?！耙豢诔圆怀雠肿?。只要你將此項工作當作了你的事業(yè)，只要你下定了決心執(zhí)著的干下去， 你就會在工作中不斷的成長， 而你的成長就會將你的工作推向成熟、 成就。我在QQ上與我們的袁軍軍站長哀嘆時，袁站長這樣勸導著我，鼓勵著我。在《家園》里，我讀到了胡元清老師的《經(jīng)驗、年輕、精神》 ：“發(fā)行是個極富實踐性的工作，不是單純依靠任何理論或言語就能解決的。 發(fā)行工作就是要靠腳踏實地的實干精神……”。 成績不是一下子就能突顯出來的，我們不能為一時的得失而懷疑著整條道路。六：這份工作加深了我對市場的認識。商品會飽和于市場，但市場永遠接受嶄新有意的事物。我們不僅要將已有的東西推向市場，我們還要更新、創(chuàng)造，我們才能在市場中立足，發(fā)展。我們才能引導人脈主動的、 積極的向我們靠攏。 我們不去思考市場， 我們只想用我們的主觀意愿去掌控市場，這是不會太如意的?？傊?，真理早就存在，就看我們什么時候讓她蘇醒。一切困難都阻擋不了真理普照世間。真理握在了我們手中，我們就會是一個光圈，吸引住人們的目光，打動人們的心靈！那時，廣闊的市場就會呈現(xiàn)在我們的面前。2、效果圖見下圖 （也可見效果圖 .jpg），命名為 index.html。要求：“先來個自我介紹吧”的黃色區(qū)域采用左右交替移動。 在導航欄中的我的日志鏈接到上題的 rizhi.html,在我的日志列表中分別鏈接到日志中的三篇文章（提示：該處鏈接到 rizhi.html的錨點處）歡迎完臨我的i貨**?***I橫g臟力I哽的旦wI也來個tl姓介ts4小明]g4小明]g4半?月|Q日?慶麗坪?It的黨好.劉沼劉沼A西江r處于吟帝季H-國工第PCTWg點.用啦宦筐制法間.擠#E“魅土重市對上行11處于吟帝季H-國工第PCTWg點.用啦宦筐制法間.擠#E“魅土重市對上行11君領正的找吵T過W立年騰旗曲的城市.孔雀北區(qū)7岫中叵遼段豐行中一汽車一亶牙g衽軍局的迫遇上.世也眄見，毫盅普右里弗,唱薄景觀.的肥島=日.靦起一度座㈣世甘.戒?菖中的.盤住簟m茂骯有收利在卸HfHTi而裂絳同嘉曲江就映員眠機逵峪藉干麻謝SL熱儻1日，合泵子陽Q■看工卑未剃國的整.踐豈必翔/暑由通麗曬美了.4年成3#.門旭枇■‘圣培附網(wǎng)壇帶.生萍不如組快."這厘我姮悔中入m過竽1幢MH*崛TI率杼盛財.皮有箕人的紀行與粗量,也收片L?■此畤K,就門就到了目的地這讓樵明旗惑.iiwspn1'k.rn,加*直相.植震現(xiàn)兒風附宜蓿二口的■氏一同以說事百》甘串，三帙if，再修在朝林加3總界蝌題。/ET牛腳步二瞽聲部在重略作方本t比平地三一.常慶累”而耽款「利.四不現(xiàn)葬.’于14t同貶忸田忸軍il重，輻啕怛干甯交出.GffrXEao—SDsta作為長江上面比部邙仁的著宣慶.3t5育有三千耳巴浦主優(yōu)宸事的團史名掘，（！■+■中國最年任的直轄市，直十七黎景江的內(nèi)觸山手卷知間近3±，L*r和|率星的?氏人LH時皆歪舟般難獨-融衍定并的財ML：表暮降ifi的童醫(yī)蛔.萬家如火與小色天把玄悒許嘮.看苣星河.美量引4Mt1.也在量應n年來的M.默潭在他的裊后.WMihm吊＜l中M工體飛.我芭H就:1r訓感口2士學生活我的41削?1：：1111NUItIN

3rHms?1：：1111NUItIN

3rHms考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。要求學生必須完成兩個頁面的制作， 否則為不合格?？己藘?nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成整個主頁面制作為優(yōu)， 若有部分圖片不能正常顯示為良；只完成表格框架為合格，否則為不合格?？己藘?nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成整個主頁面制作為優(yōu)， 若有部分圖片不能正常顯示為良；只完成表格框架為合格，否則為不合格。實驗名稱：表格的使用（一）實驗目的：掌握dreamweaver工具的使用掌握表格的基本屬性課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：dreamweaver8.0的基本操作，dreamweaver8.0表格布局網(wǎng)頁實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）,命名為index.html。要求：“先來個自我介紹吧”的黃色區(qū)域采用左右交替移動。在導航欄中的我的日志鏈接到上題的 rizhi.html,在我的日志列表中分別鏈接到日志中的三篇文章（提示：該處鏈接到 rizhi.html的錨點處）實驗名稱：框架的使用實驗名稱：框架的使用考核內(nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成整個主頁面制作為優(yōu)，若有部分圖片不能正常顯示為良；只完成表格框架為合格，否則為不合格。實驗名稱：框架的使用實驗名稱：框架的使用考核內(nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成整個主頁面制作為優(yōu)，若有部分圖片不能正常顯示為良；只完成表格框架為合格，否則為不合格。實驗名稱：表格的使用（二）實驗名稱：表格的使用（二）考核內(nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成整個主頁面制作為優(yōu)，若有部分圖片不能正常顯示為良；只完成表格框架為合格，否則為不合格。實驗目的：掌握dreamweaver工具的使用掌握表格的綜合應用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：dreamweaver8.0的基本操作，dreamweaver8.0表格布局網(wǎng)頁實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）。命名為blog.html實驗目的：掌握dreamweaver工具中框架的使用掌握框架的應用課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：dreamweaver8.0的基本操作，dreamweaver8.0表格布局網(wǎng)頁實驗內(nèi)容：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為 html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）。命名為index.html2、在框架網(wǎng)頁中完成浮動框架的設計，參考如下圖:實驗名稱：CSSS礎（一）實驗目的：了解css的作用掌握4種樣式表的設置方式熟習常見的樣式規(guī)則選擇器課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）。命名為index.htmli考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成css效果制作的為優(yōu)，完成主頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。HCM昨E，hr■!af-fklw*i*ri^i>Rl-44|blwHCM昨E，hr■!af-fklw*i*ri^i>Rl-44|blwar實驗名稱：CSSS礎（二）實驗目的：掌握樣式表的邊框?qū)傩允煜邮奖碇械姆娇驅(qū)傩哉n時：4實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為 html中。所需要的圖片可在教師提供的 images文件夾中查找。效果圖見下圖（也可見效果圖.jpg）。命名為index.html世—fO國.一陽? ^1》■04*q㈤￥，4■工■出。但上'局??季?酢 軍訓Ek人*工一王 工TT**中調(diào)!■工 軍訓Ek人*工一王 工TT**UI?■<■*???KM:MI:***

易，a***通

■-I，?電力

?近?■鼻■??瓦去審I*

工亨M4E.

，，?士

胴?我彳歲if

T;u<*■?

-w

**1

UMttr祐 口餐?■口丁人找?guī)讎嵣稀隹疵麉^(qū)+人］/例% 丸外/，*曜丁氈3也號.網(wǎng)外號必、曲司立和款嗔—一，*一■/■■充=除?山/?耳,重量此.T ?ft■"鼻鼻也?:一也咆*里立的播草要g——"--?迎上?包小申**北 凸科■耳內(nèi)曲息但*■■■身■￡/4匹百—N*_陋1刪考核內(nèi)容：本次實驗要求學生在4課時時間內(nèi)完成。完成css導航效果制作的為優(yōu)， 完成主頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。實驗名稱：CS跺單制作實驗目的：掌握樣式表的行內(nèi)元素和塊元素的含義利用display屬性和超鏈接屬性制作菜單課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）。命名為menu.html我的愛好 我的冢鄉(xiāng)卷的日志我的相報請你留言我的愛好 我的冢鄉(xiāng)卷的日志我的相報請你留言大學生活2、效果圖見下圖（也可見效果圖.jpg）大學生活工作體■會3、效果圖見下圖（也可見效果圖.jpg）考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成css導航效果制作的為優(yōu)， 完成主頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格?？己藘?nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成css主界面布局效果制作的為優(yōu)， 完成主頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。實驗名稱：css應用-表單對象實驗目的：掌握表單對象的使用利用css屬性對表達對象進行美化課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容（步驟）：要求：效果圖中所涉及到的均放在圖片在（學號后4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為 html中。所需要的圖片可在教師提供的 images文件夾中查找。1、效果圖見下圖（也可見效果圖.jpg）。命名為login.html2、效果圖見下圖（也可見效果圖.jpg）。命名為index.html考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成css表單制作的為優(yōu)，完成主頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。實驗名稱：css應用-布局（一）實驗目的：掌握css中的定位屬性能夠區(qū)分相對定位和絕對定位的區(qū)別掌握典型的121布局法課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。效果圖見下圖（也可見效果圖.jpg）。命名為position.html實驗名稱：css應用-布局（二）實驗目的：掌握css中的定位屬性能夠區(qū)分相對定位和絕對定位的區(qū)別掌握典型的131布局法課時：2實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。4、效果圖見下圖（也可見效果圖.jpg）。命名為position.html5、效果圖見下圖（也可見效果圖.jpg）。命名為index.html考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成2個css131布局效果制作的為優(yōu)，完成第一個頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。實驗名稱：css應用-綜合練習實驗目的：熟練掌握css的樣式生成器學會將css文件保存在獨立的文件中熟練掌握css的各種屬性課時：4實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：css的基本操作實驗內(nèi)容：要求：效果圖中所涉及到的均放在圖片在（學號后 4位+image）文件夾中，要求所以的 html文檔都必須放在文件夾為html中。所需要的圖片可在教師提供的 images文件夾中查找。6、效果圖見下圖（也可見效果圖.jpg）。命名為blog_css.html考核內(nèi)容：本次實驗要求學生在4課時時間內(nèi)完成。完成2個css131布局效果制作的為優(yōu)，完成第一個頁面制作為良；只完成基本布局且有圖片能正常顯示為合格，否則為不合格。實驗名稱：實驗名稱：javascript 對象與事件實驗名稱：實驗名稱：javascript 對象與事件考核內(nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成6道題為優(yōu)，完成4道以上為良;完成3道題為合格，否則為不合格。實驗名稱：javascript語法基礎實驗目的：掌握javascript掌握javascript掌握javascript課時：2的變量的定義和使用實驗名稱：javascript語法基礎實驗目的：掌握javascript掌握javascript掌握javascript課時：2的變量的定義和使用的數(shù)據(jù)類型的相互轉(zhuǎn)換的三種消息框的使用實驗環(huán)境:pc一臺,dreamweaver8.0預備知識:

實驗內(nèi)容:每小題命名規(guī)則為： 學號后2位+name題號。javascript程序；如：張三學號65,則第一題的命名為65zhangsan01.html.若采用獨立的js文件則命名為65zhangsan01.js1、聲明變量X,依次發(fā)賦給javascript程序；如：張三學號65,則第一題的命名為2、聲明兩個變量x和y,將x賦予整數(shù)型數(shù)值2000,將x加上46后將值賦給y,輸出表達式x+y的結(jié)果。3、聲明三個變量x、y和z,使x等于字符串hello,使y等于數(shù)值2008,當x+y等于hello2008且x不等于y的時候，z等于welcometochina!,否則等于wearestillwaiting!4、使用去確認對話框提問“你是否來過重慶？” ，如果點擊“確認”，用警告對話框輸出“你也認為重慶很美麗吧！"；如果點擊“取消”，用警告對話框輸出“歡迎你到重慶來旅游！ ”，5、通過提示消息框輸入任意一個整數(shù)xxx,當輸入的是奇數(shù)時，向頁面輸出“你輸入的數(shù)字xxx是奇數(shù)！”；當輸入的是偶數(shù)時，向頁面輸出“你輸入的數(shù)字 xxx是偶數(shù)！"；否則輸出“你的輸入不滿足要求！”6、通過體提示消息框輸入任意一個整數(shù) xxx,求該整數(shù)的階乘，并將結(jié)果通過警告對話框顯示出來。提示：對輸入的數(shù)要進行判斷。 （可參考javascript 完全手冊中的函數(shù)parseInt）思考題：在文本框分別輸入兩個數(shù)，實現(xiàn)兩個數(shù)的 +、-、*、/運算，點擊“=按鈕將”結(jié)果顯示在文本框中。界面設計可參考下圖。注意對文本框輸入的數(shù)據(jù)是否是數(shù)字要進行判斷。實驗目的：學會使用常用的內(nèi)部函數(shù)掌握函數(shù)的創(chuàng)建和使用學會自定義對象的創(chuàng)建課時：4實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：javascript的函數(shù)的定義和使用；javascript的對象的定義和使用實驗內(nèi)容（步驟）：1、在文本框輸入任意一個整數(shù)，求該整數(shù)的階乘。通過按鈕的單擊事件，并將結(jié)果顯示在結(jié)果文本框中。2、在前兩個文本框內(nèi)容改變的時候?qū)斎脒M行判斷，在最后一個文本框獲得光標的時候得到計算結(jié)果。3、對導航條動態(tài)改變背景和字體。默認情況下是紅底白字，鼠標移動時變成綠底黃字效果圖如下：（要求采用js方法）4、在文本框分別輸入兩個數(shù)，實現(xiàn)兩個數(shù)的+、-、*、/運算，點擊“=按鈕將”結(jié)果顯示在文本框中。界面設計可參考下圖。注意對文本框輸入的數(shù)據(jù)是否是數(shù)字要進行判斷?？己藘?nèi)容：本次實驗要求學生在4課時時間內(nèi)完成。完成4道題為優(yōu)，完成3道以上為良；完成2道題為合格，否則為不合格。實驗名稱：javascript內(nèi)置對象（string）實驗目的：掌握內(nèi)部對象String的方法應用實驗環(huán)境：pc一臺，dreamweaver8.0預備知識：javascript的函數(shù)的定義和使用；javascript的對象的定義和使用實驗內(nèi)容（步驟）：每小題命名規(guī)則為： 學號后2位+name瓚號。如：張三學號 65,則第一題的命名為65zhangsan01.html.若采用獨立的js文件則命名為65zhangsan01.js1、判斷用戶名和密碼文本框不能為空，同時要求密碼在 4到8位之間。請輸入4位到8位之間的密碼III!!姓名：密碼：2、把文本框中前后的空格去掉，并把去掉后的字符通過警告對話框顯示出來。參考如下:3、要求文本框中只能輸入字母，參考如下:考核內(nèi)容：本次實驗要求學生在考核內(nèi)容：本次實驗要求學生在2課時時間內(nèi)完成。完成3個驗