Web編程實驗內(nèi)容

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

下面的一到七個作業(yè)完成任意六個即可,大作業(yè)必須全部完成。最后每個作業(yè)需要提交統(tǒng)一格式的實驗報告。大作業(yè)單獨遞交、獨立審閱記分。

最后成績比例:平時出勤20%、作業(yè)20%、大作業(yè)60%

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

一、為你自己寫一個網(wǎng)頁,包含:

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

你的自我介紹必須超過一個段落

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

你的最喜歡的電影必須放在一個無序列表里面

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

為了易讀,請使用不同的字體

二、寫一個網(wǎng)頁,在其中列出我們在這個課程中學過的主要內(nèi)容,每個內(nèi)容列出具體細節(jié):所有html標簽和css屬性,并且解釋它們的用途和用法等

dl, dt, dd用于定義

blockquote, q用于引用w3

school的語句

code, pre用于例子

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

最后效果應該如下所示:


效果圖

三、練習JavaScript基礎(chǔ),并用JavaScript編寫一個快速排序算法,要求在頁面上輸出原始輸入應對列及排序后的結(jié)果。

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

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

在網(wǎng)頁上添加一個按鈕.當點擊該按鈕時,它將電影列表上的電影名稱進行反序處理,然后在消息對話框中彈出。要求分別使用DOM函數(shù)和Prototype.js函數(shù)完成。

四、在Firebug控制臺中用JavaScript編寫代碼定義Employee , Manager ,和Secretary的類

每個Employee擁有名字和薪水

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

每個Secretary都是Employee,并為Manager工作

給這些類添加方法

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

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

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

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

五、在單個頁面上編寫一個簡單的待辦事項列表應用.

使用

元素包含這個應用所有的HTML元素

一個表單。表單使用一個textarea指定一個新待辦事項,和一個”add”按鈕添加這個事項到列表中

當前待辦事項的列表

每個事項有一個checkbox以供選擇

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

當點擊“add”按鈕,新的待辦事項會被加入列表的最后

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

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

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

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

六、在一個網(wǎng)頁中寫一個簡單的待辦事項列表的應用.

一個

元素包含該待辦事項列表的所有html元素

一個表單,帶有文本區(qū)域(對要添加的待辦事項進行說明)和一個“添加”按鈕(用來將該新的待辦事項加入到列表中)

一個當前待辦事項的列表

每個事項有一個復選框

按鈕“選擇全部”,“刪除全部”,“刪除”(用來刪除列表中選中的項目)

當點擊“添加”按鈕時,新的待辦事項將被插入到列表的底部

使用學過的非侵入的JavaScript技巧

為該待辦事項列表添加熱鍵

“↑”和“↓”鍵用來在該列表中上下移動

“Enter”鍵用于選中/取消選中當前待辦事項列表

通過兩種方式使用web會話保存所有待辦事項

使用簡單的cookie,把所有的待辦事項保存在一個cookie里面(需要注意的是,應該對這些數(shù)據(jù)進行編碼)

使用PHP的會話機制

七、寫一個簡單的Google Map的應用程序,一個顯示我們學校(South China University of Technology)地圖的網(wǎng)頁

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

使用Google Maps JavaScript API V3

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

八、大作業(yè)

我的家鄉(xiāng)

詳細介紹自己的家鄉(xiāng),要求包括以下部分板塊:風土人情、家鄉(xiāng)風貌、家鄉(xiāng)土特產(chǎn)品、家鄉(xiāng)經(jīng)濟、家鄉(xiāng)教育、文化傳承、歷史名人大事、歷史名勝古跡、家鄉(xiāng)社區(qū)與論壇

要求使用HTML所有標簽、CSS主要屬性、應用JAVASCRIPT實現(xiàn)動態(tài)與交互、使用prototype.js中的DOM事件句柄函數(shù)、使用簡單的cookie實現(xiàn)待辦事項功能、使用PHP的會話機制、使用Google Maps JavaScript API V3完成社區(qū)模塊。

>>>資料查詢鏈接

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

>>>老鐵們參考就行,copy? paste沒進步,何況我完成得不咋滴?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容