网页设计与制作作者朱金华第12章综合实例课件.pptxVIP

第12章 综合实例教学目标掌握班级网站的制作。2. 掌握用HTM5和CSS3开发博客。3. 掌握网页切片与搭建过程。 教学内容12.1 班级网站制作12.2 用HTM5和CSS3开发博客12.3 网页切片与搭建过程教学重点和难点 重点：班级网站制作、用HTM5和CSS3开发博客、网页切 片与搭建过程。难点： 系统地进行综合实例开发。导入： 到目前为止，已介绍了网页设计与制作三大法宝HTML、CSS、JavaScript的基础知识，但其中可能对开发整个网站的流程还不够系统化。因此，本章将通过一个简单的班级网站的制作来具体演示如何将前面所学知识应用于实际项目的基本步骤，使读者系统掌握现在最流行的布局（DIV+CSS）制作网站的整个流程。然后通过博客页面的制作，使读者加深对HTML5布局的理解。最后通过对网页效果进行切片并搭建出完整网页的过程，使读者进一步了解前端工程师的工作范围。12.1 班级网站制作12.1.1 网站规划与设计 首先利用前面内容所涉及的Web设计基础中的知识进行规划与设计。 1. 网站定位 班级的组成首先是构成它的学生，其次是围绕他们的教师、家长，这是和他们密切相关的群体。一个班级网站提供了学生、教师和家长可以共同聚集、相互沟通的平台。 明确了网站的客户群体，接着要分析网站建设的目的，这可以从分析客户对于网站的需要开始。网站建设的目的就是为了满足访问者的使用。