Web前端开发技术实践指导教程

第一部分　Web基础技术实践(HTML)实验1　纯文本编辑器下HTML头部标记及主体标记的应用1.1　实验目的1.2　实验环境1.3　相关知识点1.4　实验内容1.5　实验效果示例1.6　实验步骤1.7　实验总结实验2　可视化工具Dreamweaver创建和管理网站的实验2.1　实验目的2.2　实验环境2.3　相关知识点2.4　实验内容2.5　实验效果示例2.6　实验步骤2.7　实验总结实验3　纯文本编辑器下文字、段落、列表及图片标记的应用3.1　实验目的3.2　实验环境3.3　相关知识点3.4　实验内容(必做实验)3.5　实验效果示例3.6　实验步骤3.7　选做实验3.8　实验总结实验4　可视化工具Dreamweaver实现文本与图像网页的制作4.1　实验目的4.2　实验环境4.3　相关技术点4.4　实验内容4.5　实验效果示例4.6　实验步骤4.7　实验总结实验5　纯文本编辑器下超链接与多媒体标记的应用5.1　实验目的5.2　实验环境5.3　相关知识点5.4　实验内容5.5　实验效果示例5.6　实验步骤5.7　实验总结实验6　可视化工具Dreamweaver下超链接及多媒体的应用6.1　实验目的6.2　实验环境6.3　相关知识点6.4　实验内容6.5　实验效果示例6.6　实验步骤6.7　实验总结实验7　表格页面以及表单页面的制作7.1　实验目的7.2　实验环境7.3　相关知识点7.4　实验内容7.5　实验效果示例7.6　实验步骤7.7　实验总结第二部分　Web排版技术实践实验8　CSS样式基本应用8.1　实验目的8.2　实验环境8.3　相关知识点8.4　实验内容(必做实验)8.5　实验效果示例8.6　实验步骤8.7　选做实验8.8　实验总结实验9　CSS排版技术综合应用9.1　实验目的9.2　实验环境9.3　实验相关知识点9.4　实验内容(必做实验)9.5　实验效果示例9.6　实验步骤9.7　排版思路9.8　参考源代码9.9　选做实验9.10　实验总结第三部分　Web动态技术实践实验10　JavaScript基本技术应用10.1　实验目的10.2　实验环境10.3　相关知识点10.3.1　流程控制语句10.3.2　函数的定义10.3.3　函数的调用10.3.4　函数参数的使用10.3.5　函数的返回值10.3.6　嵌套函数10.3.7　递归函数10.3.8　内置函数10.4　实验内容(必做实验)10.5　实验效果示例10.6　实验步骤10.7　选做实验10.8　实验总结实验11　JavaScript核心技术应用11.1　实验目的11.2　实验环境11.3　相关知识点11.3.1　内置对象11.3.2　事件及事件驱动11.3.3　常用事件11.3.4　事件处理程序11.4　实验内容(必做实验)11.5　实验效果示例11.6　实验步骤11.7　选做实验11.8　实验总结第四部分　课程综合实训实验12　课程综合实训(课程设计)12.1　实训意义12.2　实训目的12.3　前期准备12.4　实训步骤12.5　评分标准12.6　网站策划书文档格式12.7　实训题目参考附录A　实训报告编写要求附录B　HTML常用标签附录C　常用CSS属性附录D　HTML色彩运用基础知识

本书为《Web前端开发技术——HTML、CSS、JavaScript》(ISBN978-7-115-31926-5)的配套实践指导教程。同时，本书每个实验都配有内容简洁而体系完整的知识点介绍，也可以单独使用。本书从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，详细介绍了使用HTML、CSS和JavaScript进行静态网站开发的全部技术。　　本书共分为4部分。第一部分为Web基础技术实践，主要讲解HTML知识的实践应用，内容包括HTML头部标记及主体标记的使用，文字、段落、列表及图片标记的使用，超链接与多媒体标记的应用，表格页面以及表单页面的制作，Dreamweaver创建和管理站点的实现，实现文本与图像网页的制作以及超链接及多媒体的应用。第二部分为Web排版技术实践，主要讲解CSS级联样式表的具体应用，内容包括CSS样式表的基本应用和综合应用。第三部分为Web动态技术实践，主要讲解JavaScript的具体应用，内容包括JavaScript的基本技术应用和核心技术应用。第四部分为课程综合项目实训，通过一个综合案例的设计和实施来巩固和加深前3部分知识的综合应用能力，切实提高实际项目的开发水平。本书所有知识点都结合具体的应用来讲解，涉及的应用都提供源代码并且程序代码都给出了详细的注释，读者可轻松领会使用Web编程技术进行程序开发的精髓，快速提高开发技能。　　本书适合作为高等院校相关专业的教学参考书，也适合作为软件开发入门者的自学用书，还可供开发人员查阅和参考。