热门综合案例分析精选.pptxVIP

第15章综合案例10月10日星期日第1页第1页

学习目标熟悉综合利用HTML、CSS、JavaScript和jQuery制作网页/10/10星期日第2页

15.1首页制作模拟慕课网的首页如图所示：/10/10星期日第3页

15.1首页制作在“js”文件夹中包括引用的jQuery文件和自定义的JavaScript函数，首页为index.html。“CSS”文件夹中包括两个CSS文件：homepage.css，homepageIE8.css。（所有实例代码参照课本）/10/10星期日第4页

15.2二级页面制作二级页面课程列表显示效果如图所示：/10/10星期日第5页

15.2二级页面制作在“APP”文件夹中的包括course_list.html，在“CSS”文件夹包括all.css，“js”文件夹中包括jQeury文件和all.js文件。（所有实例代码参照课本）/10/10星期日第6页

本章小结本章介绍了模拟“慕课”网首页和课程列表页面的完整设计，读者能够通过下载的源代码浏览效果对照源代码观看设计效果，了解页面设计效果实现、浏览器兼容性方面的详细原理。读者假如能自己了解后实现本章中的两个页面，为今天从事网页设计工作打下了较好的基础。/10/10星期日第7页