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

上篇  實驗（課內(nèi)練習） 第一部分  HTML基礎(chǔ) 實訓1  Web前端開發(fā)環(huán)境配置與HTML基礎(chǔ) 5 項目1  Web前端開發(fā)環(huán)境配置 5 項目2  學生簡易主頁設(shè)計 6 項目3  用EditPlus自定義HTML模板 8 項目4  meta標記、body標記屬性使用 11 項目5  HTML、CSS、JavaScript綜合編程 13 課外拓展訓練1 15 實訓2  格式化文本、段落與列表 16 項目1  文本與段落標記的應(yīng)用 16 項目2  高校資訊新聞條目設(shè)計 20 項目3  設(shè)計制度宣傳展板 23 項目4  制作飯店菜單價目表 26 課外拓展訓練2 29 實訓3  超鏈接與多媒體文件應(yīng)用 32 項目1  設(shè)計簡易燈箱畫廊 32 項目2  設(shè)計支持音頻、視頻播放的網(wǎng)頁 35 項目3  設(shè)計簡易網(wǎng)站導航 37 項目4  設(shè)計新生課程簡介 40 課外拓展訓練3 42 第二部分  頁面布局技術(shù) 實訓4  DIV+CSS綜合運用 47 項目1  設(shè)計《中國教育網(wǎng)絡(luò)》雜志簡介 47 項目2  設(shè)計《京東商品導購》頁面 52 課外拓展訓練4 54 實訓5  DIV+CSS布局規(guī)劃 57 項目1  DIV+CSS頁面布局設(shè)計 57 項目2  設(shè)計《2015年CERNET華東北地區(qū)年會》網(wǎng)站 61 課外拓展訓練5 70 實訓6  表格與表格頁面布局 73 項目1  設(shè)計《網(wǎng)絡(luò)主題研討會》日程表 73 項目2  設(shè)計簡化版“江蘇教育電子政務(wù)網(wǎng)” 77 課外拓展訓練6 80 實訓7  框架結(jié)構(gòu)布局規(guī)劃 82 項目1  設(shè)計“中軟卓成”產(chǎn)品介紹頁面 82 項目2  設(shè)計改版的《大眾創(chuàng)業(yè) 萬眾創(chuàng)新》網(wǎng) 88 課外拓展訓練7 96 實訓8  表單頁面設(shè)計 99 項目1  設(shè)計科技工作者建言頁面 99 項目2  設(shè)計《大學生暑期社會實踐調(diào)查問卷》 102 課外拓展訓練8 106 第三部分  JavaScript應(yīng)用 實訓9  JavaScript基礎(chǔ)應(yīng)用 111 項目1  改變新聞網(wǎng)頁中的字號 111 項目2  計算任意區(qū)間內(nèi)連續(xù)自然數(shù)的累加和 115 項目3  消息對話框綜合應(yīng)用 119 課外拓展訓練9 122 實訓10  JavaScript高級應(yīng)用 123 項目1  成績百分制轉(zhuǎn)換為五級制 123 項目2  計算∑N！ 127 項目3  系統(tǒng)常用函數(shù)的使用 130 課外拓展訓練10 132 實訓11  JavaScript事件分析 134 項目1  設(shè)計校園辦公系統(tǒng)認證頁面 134 項目2  鼠標動作捕獲與響應(yīng) 140 課外拓展訓練11 143 實訓12  DOM與BOM應(yīng)用案例 145 項目1  設(shè)計簡易福彩投注程序 145 項目2  設(shè)計江蘇福彩投注站彩票投注助手 148 課外拓展訓練12 155 下篇  實踐（課程設(shè)計） 第四部分  網(wǎng)站設(shè)計 “Web前端開發(fā)技術(shù)”課程設(shè)計 163 一、設(shè)計目的 163 二、設(shè)計要求 163 三、設(shè)計案例 163 任務(wù)1  高校網(wǎng)站設(shè)計——北京理工大學網(wǎng)站 164 任務(wù)2  企業(yè)網(wǎng)站設(shè)計——同方股份有限公司網(wǎng)站 183 附錄  課外拓展訓練程序清單 198 參考文獻 225