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