项目六创建个人博客页面

第 14 页
《网页设计与制作》
第8页
任务二 认识盒模型
《网页设计与制作》
第9页
《网页设计与制作》
模块二 创建个人博客页面 (一) 学习目标
通过实例，使用DIV+CSS布局创建一张标准化布局页面，理解标准 化布局的一般步骤，并完成实例：个人博客页面。
第 10 页
任务分析： 创建第一张标准化布局页面； 创建个人博百度文库页面；
项目六 创建个人博客页面
《网页设计与制作》
项目简介 本项目通过完成个人博客页面实例，要求了解Web标准化布局的特
点，理解盒模型，并初步掌握使用XHTML+CSS布局网页的基本方法。 本项目中包含以下实例： （1）网页标准化之路； （2）创建个人博客页面；
第2页
《网页设计与制作》
项目目标 了解Web标准化布局的特点，理解盒模型，并初步掌握使用
XHTML+CSS布局网页的基本方法。
第3页
《网页设计与制作》
工作任务 1. 根据提供的需求分析文档完成一张简单的标准化布局页面、个人博
客页面等多项实例。
第4页
《网页设计与制作》
模块一 网页标准化之路 (一)学习目标
学习并认识XHTML、DIV、盒模型等的概念，理解使用 XHTML+CSS布局页面的优缺点，初步掌握Web标准化布局的核心方法 。
《网页设计与制作》
第 11 页
《网页设计与制作》
任务一 创建第一张标准化布局页面
（1）创建站点 （2）新建页面 （3）布局页面
第 12 页
任务二 创建个人博客页面
（1）分析页面结构
《网页设计与制作》
第 13 页
任务二 创建个人博客页面
（2）创建站点、新建页面、布局页面
《网页设计与制作》
第5页
任务分析： 认识网页标准化； 认识盒模型；
《网页设计与制作》
第6页
任务一 认识网页标准化
（1）什么是网页标准化
《网页设计与制作》
第7页
任务一 认识网页标准化
（2）Table布局与Div布局
（1）灵活方便，改版容易。 （2）文件减小，速度加快。 （3）方便SEO，易于推广。