网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴项目五.pptVIP

第 * 页 《网页设计与制作教程 （HTML+CSS+Bootstrap）》 * 项目五 变换的CSS之个人博客 项目简介 W3C标准提出，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。本项目通过变换的CSS样式来表现同样的HTML内容，带大家完成两个网页——“简约商务风”的个人博客和“中国风”的个人博客。 项目目标 本项目以两种不同风格的个人博客网页为例，重点完成如下目标：1.逐步练习手写HTML代码2.根据需要设置CSS属性，并逐步学会手写CSS代码3.深刻理解WEB中的结构和表现相分离的思想4.理解页面重构的实现方法——相同的HTML结构，不同的CSS样式 工作任务 本项目完成两套不同风格的个人博客网页，熟练掌握基于HTML5的DIV+CSS的页面布局方法，并能够根据需要进行页面的重构。(1)HTML+CSS构建简约商务风个人博客页面(2)重构CSS创建中国风个人博客页面 任务一 个人博客之简约商务风 网页整体布局分析图 任务目标 根据页面效果图和布局分析图，建立站点文件夹，并在Dreamweaver CC 2015中设计制作网站首页的HTML结构。并根据结构分别添加网页内容和设置相应的CSS样式，最终达到理想的效果。 任务目标 根据页面效果图和布局分析图，建