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

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