相關(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ū)模塊。
>>>資料查詢鏈接
>>>老鐵們參考就行,copy? paste沒進步,何況我完成得不咋滴?