周庞荣，湘潭大学计算机技术领域工程硕士，副教授，信息系统项目管理师。长期从软件技术专业教育教学工作，主要讲授讲授《AsP.Net网站设计》、《C#程序设计》、《HTML商业网站设计与制作》、《Java编程基础》。在重量及省级刊物上发表《高职软件技术专业实践教学体系构建》、《“梯进式软件工厂”教学模式初探》、《区域共享型软件技术实训基地建设思考》、《“软件工厂”综合实训模式》《基于“项目导向”课程设计》、《基于SSH框架的钢铁交易平台的设计与实现》等多篇专业论文，主持并已结题“十二五”湖南省教育厅规划课题《校路共建高职铁路特有专业生产性实训基地的研究》、2017年湖南省教学成果奖二等奖《基于校企合作共同体的轨道交通通信信号专业群建设模式创新与实践》，排名第二。顾挺，1987年出生，湖南湘潭人，现为湖南厚溥教育科技有限公司株洲区学术经理，湖南铁路科技职业技术学院软件技术专业校企合作项目负责人，湖南厚溥教育科技有限公司质量中心专业研究员，曾就职于北京中软集团担任项目经理，参与开发深圳地质灾害预警预报系统、北京电网OA办公自动化系统、南京军区心理工作平台等多个软件开发项目。目前主要从事计算机软件技术、物联网应用技术的教学与研究工作。

单元1初识网页 1引导训练制作“蓝梦音乐网”欢迎页面 1独立训练制作“时空电影网”欢迎页面 8单元练习 10单元2使用网页标签 11引导训练2-1制作“蓝梦音乐网”音乐节网页 11独立训练2-1制作“时空电影网”电影节页面 20引导训练2-2美化“蓝梦音乐网”音乐节页面 23独立训练2-2美化“时空电影网”电影节页面 35单元练习 37单元3使用表格、表单 38引导训练3-1制作“蓝梦音乐网”歌手网页 38独立训练3-1制作“时空电影网”中国电影网页 47引导训练3-2制作“蓝梦音乐网”注册页面 49独立训练3-2制作“时空电影网”注册页面 65强化训练 67单元练习 68单元4使用CSS美化网页 69引导训练4-1使用CSS美化“蓝梦音乐网”音乐节网页 69独立训练4-1美化“时空电影网”电影节网页 81引导训练4-2美化“蓝梦音乐网”注册页面 83独立训练4-2美化“时空电影网”注册页面 91强化训练 94单元练习 94单元5使用DIV+CSS进行页面设计 95引导训练5-1设计“蓝梦音乐网” 首页布局 95独立训练5-1制作“时空电影网”首页网页布局 112引导训练5-2制作“蓝梦音乐网”首页 114独立训练5-2制作“时空电影网”首页页面 129强化训练 131单元练习 132单元6使用网页定位与JavaScript特效 133引导训练制作“蓝梦音乐网”滑动轮播特效 133独立训练美化“时空电影网”首页轮播特效 142强化训练 144单元练习 145单元7移动端网页制作 146引导训练制作移动端“蓝梦音乐网”首页 146独立训练制作移动端“时空电影网”主页网面 165单元练习 168单元8使用框架 169引导训练制作“蓝梦音乐网”后台管理系统框架 169独立训练制作“时空电影网”后台管理系统框架 180单元练习 182参考文献 182

本教材秉承“项目导向、任务驱动”的编写模式，为此，我们设计了“蓝梦音乐网”和“时空电影网”两个项目，一个项目用于教师引导训练，课程的知识点和技能点都融在项目的实现中，讲练结合；一个项目用于学生独立训练，巩固所学知识和技能。本教材包含的主要知识点：网站的基础知识、网页的基本标签和常用的HTML5标签、网页表格和表单、CSS、DIV、网页框架和移动端网页。本教材 按照“理论学习—知识总结—上机操作—课后习题”这一思路进行授课。通过案例要达到的学习目的与涉及的相关知识点，使学习目标更加明确。根据目前靠前网页UI前端设计的发展趋势和我院物联网应用技术专业的教学计划，本课程采用案例详尽分析与设计方法来完成本课程的教学任务。