Web編程實(shí)驗(yàn)內(nèi)容

相關(guān)參考資料在最后

下面的一到七個(gè)作業(yè)完成任意六個(gè)即可饿这,大作業(yè)必須全部完成抛丽。最后每個(gè)作業(yè)需要提交統(tǒng)一格式的實(shí)驗(yàn)報(bào)告噪珊。大作業(yè)單獨(dú)遞交晌缘、獨(dú)立審閱記分。

最后成績(jī)比例:平時(shí)出勤20%痢站、作業(yè)20%磷箕、大作業(yè)60%

準(zhǔn)備工作:熟悉HTML編輯工具、CSS阵难、JAVASCRIPT開發(fā)與調(diào)試工具dreamweaver等

一岳枷、為你自己寫一個(gè)網(wǎng)頁(yè),包含:

自我介紹、最近圖片空繁、這學(xué)期選擇的課程和一些最喜歡的電影

你的自我介紹必須超過一個(gè)段落

你的課程必須放在一個(gè)有序列表里面

你的最喜歡的電影必須放在一個(gè)無(wú)序列表里面

設(shè)置一個(gè)鏈接指向SE-805課程的網(wǎng)站

為了易讀殿衰,請(qǐng)使用不同的字體

二控硼、寫一個(gè)網(wǎng)頁(yè)类垦,在其中列出我們?cè)谶@個(gè)課程中學(xué)過的主要內(nèi)容蹄咖,每個(gè)內(nèi)容列出具體細(xì)節(jié):所有html標(biāo)簽和css屬性,并且解釋它們的用途和用法等

dl, dt, dd用于定義

blockquote, q用于引用w3

school的語(yǔ)句

code, pre用于例子

把樣式寫在一個(gè)單獨(dú)的css文件中等等主要內(nèi)容

最后效果應(yīng)該如下所示:


效果圖

三郭膛、練習(xí)JavaScript基礎(chǔ)古话,并用JavaScript編寫一個(gè)快速排序算法侨歉,要求在頁(yè)面上輸出原始輸入應(yīng)對(duì)列及排序后的結(jié)果摩渺。

再編寫一個(gè)網(wǎng)頁(yè),展示你最喜歡電影(最少3個(gè))

使這些電影名字的顏色每隔10秒逐個(gè)從黑色變成紅色

在網(wǎng)頁(yè)上添加一個(gè)按鈕.當(dāng)點(diǎn)擊該按鈕時(shí)儿倒,它將電影列表上的電影名稱進(jìn)行反序處理掰吕,然后在消息對(duì)話框中彈出果覆。要求分別使用DOM函數(shù)和Prototype.js函數(shù)完成。

四殖熟、在Firebug控制臺(tái)中用JavaScript編寫代碼定義Employee , Manager ,和Secretary的類

每個(gè)Employee擁有名字和薪水

每個(gè)Manager都是Employee,并且管理一組其他的Employees

每個(gè)Secretary都是Employee,并為Manager工作

給這些類添加方法

每個(gè)Employee有一個(gè)show()方法局待,以字符串的形式返回自己的名字和薪水

每個(gè)Manager有一個(gè)getInferiors()方法,返回他的下屬

每個(gè)Secretary有一個(gè)getSuperior()方法菱属,返回他的老板

嘗試使用兩種不同的繼承方式,復(fù)制和原型

五钳榨、在單個(gè)頁(yè)面上編寫一個(gè)簡(jiǎn)單的待辦事項(xiàng)列表應(yīng)用.

使用

元素包含這個(gè)應(yīng)用所有的HTML元素

一個(gè)表單。表單使用一個(gè)textarea指定一個(gè)新待辦事項(xiàng),和一個(gè)”add”按鈕添加這個(gè)事項(xiàng)到列表中

當(dāng)前待辦事項(xiàng)的列表

每個(gè)事項(xiàng)有一個(gè)checkbox以供選擇

按鈕“select all”,“deselect all”,“remove”(把所有選中的待辦事項(xiàng)從列表中移除)

當(dāng)點(diǎn)擊“add”按鈕,新的待辦事項(xiàng)會(huì)被加入列表的最后

使用所學(xué)的非侵入式JavaScript技術(shù)

使用prototype.js中的DOM事件句柄函數(shù)

所有的事件句柄注冊(cè)到“to-do”div元素上

使用event.element()找出事件的源頭

六纽门、在一個(gè)網(wǎng)頁(yè)中寫一個(gè)簡(jiǎn)單的待辦事項(xiàng)列表的應(yīng)用.

一個(gè)

元素包含該待辦事項(xiàng)列表的所有html元素

一個(gè)表單薛耻,帶有文本區(qū)域(對(duì)要添加的待辦事項(xiàng)進(jìn)行說(shuō)明)和一個(gè)“添加”按鈕(用來(lái)將該新的待辦事項(xiàng)加入到列表中)

一個(gè)當(dāng)前待辦事項(xiàng)的列表

每個(gè)事項(xiàng)有一個(gè)復(fù)選框

按鈕“選擇全部”,“刪除全部”,“刪除”(用來(lái)刪除列表中選中的項(xiàng)目)

當(dāng)點(diǎn)擊“添加”按鈕時(shí),新的待辦事項(xiàng)將被插入到列表的底部

使用學(xué)過的非侵入的JavaScript技巧

為該待辦事項(xiàng)列表添加熱鍵

“↑”和“↓”鍵用來(lái)在該列表中上下移動(dòng)

“Enter”鍵用于選中/取消選中當(dāng)前待辦事項(xiàng)列表

通過兩種方式使用web會(huì)話保存所有待辦事項(xiàng)

使用簡(jiǎn)單的cookie,把所有的待辦事項(xiàng)保存在一個(gè)cookie里面(需要注意的是,應(yīng)該對(duì)這些數(shù)據(jù)進(jìn)行編碼)

使用PHP的會(huì)話機(jī)制

七赏陵、寫一個(gè)簡(jiǎn)單的Google Map的應(yīng)用程序,一個(gè)顯示我們學(xué)校(South China University of Technology)地圖的網(wǎng)頁(yè)

通過Google搜索獲取我們學(xué)校的經(jīng)度緯度

使用Google Maps JavaScript API V3

按照以下教程的步驟:Google Map Javascript API V3 Tutorial

八饼齿、大作業(yè)

我的家鄉(xiāng)

詳細(xì)介紹自己的家鄉(xiāng),要求包括以下部分板塊:風(fēng)土人情蝙搔、家鄉(xiāng)風(fēng)貌缕溉、家鄉(xiāng)土特產(chǎn)品、家鄉(xiāng)經(jīng)濟(jì)吃型、家鄉(xiāng)教育证鸥、文化傳承、歷史名人大事勤晚、歷史名勝古跡枉层、家鄉(xiāng)社區(qū)與論壇

要求使用HTML所有標(biāo)簽、CSS主要屬性赐写、應(yīng)用JAVASCRIPT實(shí)現(xiàn)動(dòng)態(tài)與交互返干、使用prototype.js中的DOM事件句柄函數(shù)、使用簡(jiǎn)單的cookie實(shí)現(xiàn)待辦事項(xiàng)功能血淌、使用PHP的會(huì)話機(jī)制、使用Google Maps JavaScript API V3完成社區(qū)模塊。

>>>資料查詢鏈接

>>>lwtang's 作業(yè)參考

>>>老鐵們參考就行悠夯,copy? paste沒進(jìn)步癌淮,何況我完成得不咋滴?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市沦补,隨后出現(xiàn)的幾起案子乳蓄,更是在濱河造成了極大的恐慌,老刑警劉巖夕膀,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件虚倒,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡产舞,警方通過查閱死者的電腦和手機(jī)魂奥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)易猫,“玉大人耻煤,你說(shuō)我怎么就攤上這事∽纪牵” “怎么了哈蝇?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)攘已。 經(jīng)常有香客問我炮赦,道長(zhǎng),這世上最難降的妖魔是什么样勃? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任吠勘,我火速辦了婚禮,結(jié)果婚禮上彤灶,老公的妹妹穿的比我還像新娘看幼。我一直安慰自己,他們只是感情好幌陕,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布诵姜。 她就那樣靜靜地躺著,像睡著了一般搏熄。 火紅的嫁衣襯著肌膚如雪棚唆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天心例,我揣著相機(jī)與錄音宵凌,去河邊找鬼。 笑死止后,一個(gè)胖子當(dāng)著我的面吹牛瞎惫,可吹牛的內(nèi)容都是我干的溜腐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼瓜喇,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼挺益!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起乘寒,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤望众,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后伞辛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體烂翰,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年蚤氏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了甘耿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡瞧捌,死狀恐怖棵里,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情姐呐,我是刑警寧澤殿怜,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站曙砂,受9級(jí)特大地震影響头谜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸠澈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一柱告、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧笑陈,春花似錦际度、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蓬网,卻和暖如春窒所,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背帆锋。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工吵取, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人锯厢。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓皮官,卻偏偏與公主長(zhǎng)得像脯倒,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子臣疑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,525評(píng)論 25 707
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理盔憨,服務(wù)發(fā)現(xiàn),斷路器讯沈,智...
    卡卡羅2017閱讀 134,601評(píng)論 18 139
  • 我是一只妖,但是我卻不知道我是什么妖婿奔,正常的時(shí)候我是一個(gè)人缺狠,長(zhǎng)著翅膀的人,不正常的時(shí)候我是一條蛇萍摊。我生長(zhǎng)在一個(gè)村子...
    稚抒閱讀 311評(píng)論 2 1
  • 真是硬著頭皮讀完的挤茄,不能稱為偵探小說(shuō)的小說(shuō) 作者寫這個(gè)是站在了日本社會(huì)關(guān)于核電站建設(shè)的角度來(lái)寫,想表現(xiàn)帶給人生活的...
    白若丁閱讀 380評(píng)論 0 1
  • 我有一畝田 是彩色的云和天 你似一朵蓮 盛開在眉間 思念之前 你在田邊 唱著芊芊 遠(yuǎn)方戰(zhàn)鼓 把離別傾訴 你身著戎裝...
    南婉Miss閱讀 186評(píng)論 0 0