Web前端開(kāi)發(fā)技術(shù)實(shí)驗(yàn)與實(shí)踐：HTML、CSS、JavaScript

上篇 實(shí)驗(yàn)（課內(nèi)練習(xí)）
第一部分 HTML基礎(chǔ)
實(shí)驗(yàn)一 Web前端開(kāi)發(fā)環(huán)境配置與HTML基礎(chǔ)
項(xiàng)目1 Web前端開(kāi)發(fā)環(huán)境配置
項(xiàng)目2 多種URL訪問(wèn)方式
項(xiàng)目3 使用NotePad編寫(xiě)網(wǎng)頁(yè)
項(xiàng)目4 用EditPlus自定義HTML模板
項(xiàng)目5 body標(biāo)記屬性使用
項(xiàng)目6 HTML、CSS、JavaScript三合一綜合練習(xí)
程序代碼清單
實(shí)驗(yàn)二 格式化文本——文本、段落格式化與列表
項(xiàng)目1 文字與段落格式化
項(xiàng)目2 利用無(wú)序列表制作新聞列表
項(xiàng)目3 利用有序列表制作《大型分析儀器管理辦法》
項(xiàng)目4 利用自定義列表制作章節(jié)目錄
程序代碼清單
實(shí)驗(yàn)三 格式化文本——超鏈接與多媒體應(yīng)用
項(xiàng)目1 網(wǎng)站導(dǎo)航的超鏈接設(shè)計(jì)
項(xiàng)目2 利用書(shū)簽鏈接制作幫助文檔
項(xiàng)目3 有背景音樂(lè)的電子相冊(cè)制作
項(xiàng)目4 制作多媒體文件網(wǎng)頁(yè)
程序代碼清單
第二部分 頁(yè)面布局技術(shù)
實(shí)驗(yàn)四 CSS+DIV基礎(chǔ)
項(xiàng)目1 CSS四種樣式的引用
項(xiàng)目2 CSS+DIV頁(yè)面布局設(shè)計(jì)
程序代碼清單
實(shí)驗(yàn)五 CSS+DIV高級(jí)應(yīng)用
項(xiàng)目1 油畫(huà)欣賞頁(yè)面設(shè)計(jì)
項(xiàng)目2 CERNET華東北地區(qū)年會(huì)網(wǎng)站仿真構(gòu)建
程序代碼清單
實(shí)驗(yàn)六 表格
項(xiàng)目1 制作成績(jī)登記表
項(xiàng)目2 制作產(chǎn)品宣傳頁(yè)面
項(xiàng)目3 簡(jiǎn)化版“江蘇教育電子政務(wù)網(wǎng)站
程序代碼清單
實(shí)驗(yàn)七 框架
項(xiàng)目1 簡(jiǎn)易網(wǎng)站后臺(tái)管理頁(yè)面
項(xiàng)目2 浮動(dòng)框架制作“2011年全國(guó)教育技術(shù)理論與實(shí)踐作品大賽網(wǎng)”
程序代碼清單
實(shí)驗(yàn)八 表單
項(xiàng)目1 留言板設(shè)計(jì)——“中國(guó)科學(xué)技術(shù)協(xié)會(huì)科技工作者建言”
項(xiàng)目2 大學(xué)生暑期社會(huì)實(shí)踐調(diào)查問(wèn)卷
程序代碼清單
第三部分 JavaScript基礎(chǔ)
實(shí)驗(yàn)九 JavaScript基礎(chǔ)
項(xiàng)目1 改變網(wǎng)頁(yè)字號(hào)大小
項(xiàng)目2 計(jì)算圓的面積
項(xiàng)目3 消息對(duì)話框使用
項(xiàng)目4 系統(tǒng)內(nèi)部函數(shù)使用
程序代碼清單
實(shí)驗(yàn)十 JavaScript程序結(jié)構(gòu)
項(xiàng)目1 成績(jī)百分制轉(zhuǎn)換為五級(jí)制
項(xiàng)目2 計(jì)算∑N!
程序代碼清單
項(xiàng)目2 網(wǎng)頁(yè)配色
下篇 實(shí)踐（課程設(shè)計(jì)）
第五部分 網(wǎng)站設(shè)計(jì)
“Web前端開(kāi)發(fā)技術(shù)”課程設(shè)計(jì)
課題1 “Web前端開(kāi)發(fā)技術(shù)”實(shí)踐教學(xué)網(wǎng)站
課題2 2011CERNET華東北地區(qū)年會(huì)網(wǎng)站
課題3 推薦及自選網(wǎng)站
參考文獻(xiàn)