《Web 前端技术技术基础》实验指导书.pdf

《Web 前端技术技术基础》实验指导书 《Web 前端技术基础》实验安排 序号 实验项目名称 学时 实验类型 选修类别 每组学生数 1 Web 前端开发工具使用及 HTML 基础 2 验证性 必修 1 2 HTML 文本、段落与列表 2 验证性 必修 1 3 HTML 超链接与多媒体 2 验证性 必修 1 4 CSS+DIV 基础 2 验证性 必修 1 5 CSS 综合应用 2 验证性 必修 1 6 HTML 表格和框架设计 2 验证性 必修 1 7 HTML 表单应用 2 验证性 必修 1 8 HTML+CSS 测试 2 设计性 必修 1 9 JavaScript 基础语法 2 验证性 必修 1 10 JavaScript 内置函数与内置对象 4 验证性 必修 1 11 JavaScrip 事件 2 验证性 必修 1 12 BOM 和 DOM 4 验证性 必修 1 13 JavaScript 测试 2 设计性 必修 1 14 课程设计 2 综合性 必修 1 1 《Web 前端技术技术基础》实验指导书 实验一 Web 前端开发工具使用及 HTML 基础 【实验目的】 1、了解Web 前端开发工具的多样性； 2 、掌握常用的 Web 前端开发工具的使用方法； 3、掌握 HTML 文档结构，学会编写简易的 HTML 文件； 4 、掌握 HTML 文件命名规范； 5、掌握 body 标记常用属性的设置方法； 6、了解HTML、CSS、JavaScript 每一种技术在网页设计方面的作用。 【实验内容】 1、通过网络搜集各种常用 Web 前端开发工具的功能及特点； 2 、熟悉 Dreamweaver 的操作界面与常用功能； 3、使用 NotePad 编写简单网页； 4 、使用 EditPlus 自定义HTML 模板； 5、设置 body 标记属性改变网页显示效果； 6、综合使用 HTML、CSS、JavaScript 技术设计网页。 【实验步骤】 一、通过网络搜集各种常用 Web 前端开发工具的功能及特点 文本编辑器：NotePad ，NotePad++ ，Editplus 等 可视化编辑工具：Dreamweaver 等 其他工具：ColorImpact，TopStyle，CSS3 M