Web前端開發(fā)技術(shù)實驗與實踐：HTML、CSS、JavaScript

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