Web前端开发技术（高等职业教育电子信息类专业系列教材）

随着互联网的发展和Web2.0的广泛应用，标准化的设计方式正逐取代传统的布局方式，Web网页开发标准*的特点是采用HTML CSS JavaScript技术将网页的内容、外观样式和动态效果分离，减少代码量，便于代码的分工设计和代码重用。
本书作为Web网页开发基础课程，是一门入门的技术课程。本教材采用“项目驱动式”的教学方式，将理论知识和实际案例相结合，利用通俗易懂的语言详细介绍了使用HTML、CSS及JavaScript进行网页制作的各方面知识点和技巧。从技术的原理出发，同时以示例、实例的形式对各知识点进行详细讲解，并致力于将知识点融入实际项目的开发中。本书的特色是结合知识点精心设计了相关案例，将基础知识巧妙地融入案例中，使读者在实现案例效果的同时，不知不觉掌握基础知识。
本教材以项目化的方式进行讲解，共分为十二个项目，接下来分别对每个项目进行简单地介绍。
项目一主要介绍HTML网页的基础知识，通过本节学习，读者可以简单认识网页，了解HTML，熟悉Dreamweaver工具的基本操作，掌握网站和网页的创建。要求初学者掌握HTML文档的基本格式，能够正确书写简单规范的HTML网页代码，掌握表单控件的属性设置。
项目二-七主要为CSS基础，是网页制作的核心。只有掌握好这部分内容，才能在以后的网页制作过程中随意地控制各种网页元素。
项目八为网页制作过程中常用的表格和几种常见框架。
项目九、十主要讲解JavaScript基础和事件处理。掌握JavaScript内容，帮助读者更好实现网页的交互效果。
在学习过程中，读者一定要亲自实践教材中的案例代码。建议读者在学习过程中，一定要多思考，理清思路，认真分析问题发生的原因，并在问题解决后多总结。

本书以任务驱动教学法为主线，以应用为目的，以具体的项目任务为载体，主要项目任务有：认识工业机器人、工业机器人轨迹编程、工业机器人搬运编程、工业机器人机床上下料编程、工业机器人技能鉴定站编程编程与操作、工业机器人技术应用大赛编程。本书可作为高等职业院校机电一体化专业和工业机器人教材，也可作为电气设备安装与维修和机电设备安装与维修岗位培训教材。

张娅，宜宾职业技术学院技术技能培训中心主任，副教授，大数据技术与应用技能大赛省级优秀指导教师、市级优秀教师。省级精品课程《E 创新创业教育》主持人。

前言 
项目一 HTML基础概念 
1.1 初识网页
1.2 文本编辑 
项目二 HTML表单
2.1简单的网页 
2.2用户登录界面 
项目三 浮动与定位 
3.1梅兰竹菊 
3.2常规页面布局 
3.3常规页面布局 
项目四 图像与超链接 
4.1 插入图像 
4.2 超链接 
项目五 列表与超链接 
5.1个人主页列表 
5.2手机展示 
5.3列表菜单 
5.4网页下拉菜单列表 
5.5学习网页菜单 
项目六 CSS基础 
6.1古诗欣赏 
6.2商品爆款特卖页面 
6.3商品抢购页面 
项目七 CSS盒子模型 
7.1购物商城产品规格效果 
7.2用户中心 
7.3实现登录页面插入背景图片 
7.4 实现购物商城分类板块 
项目八 表格与框架 
8.1 表格 
8.2框架 
8.3 框架集标记<frameset> 
8.4 <iframe>内嵌框架 
项目九 JavaScript基础 
9.1 显示卡通图片 
9.2下拉菜单 
项目十 JavaScript事件处理 
10.1*秒杀 
10.2简单的计算器 
10.3简单注册验证

随着互联网的发展和Web2.0的广泛应用，标准化的设计方式正逐取代传统的布局方式，Web网页开发标准*的特点是采用HTML CSS JavaScript技术将网页的内容、外观样式和动态效果分离，减少代码量，便于代码的分工设计和代码重用。

本书作为Web网页开发基础课程，是一门入门的技术课程。本教材采用“项目驱动式”的教学方式，将理论知识和实际案例相结合，利用通俗易懂的语言详细介绍了使用HTML、CSS及JavaScript进行网页制作的各方面知识点和技巧。从技术的原理出发，同时以示例、实例的形式对各知识点进行详细讲解，并致力于将知识点融入实际项目的开发中。本书的特色是结合知识点精心设计了相关案例，将基础知识巧妙地融入案例中，使读者在实现案例效果的同时，不知不觉掌握基础知识。

本教材以项目化的方式进行讲解，共分为十二个项目，接下来分别对每个项目进行简单地介绍。