综合案例—博客网站.pptVIP

第14章 综合案例—博客网站 本章简介： 博客是目前网上很流行的日志形式，很多网友都拥有自己的博客，甚至不止一个。对于自己的博客，用户往往都希望能制作出既美观又适合自己风格的页面，很多博客网站也都提供自定义排版的功能，其实就是加载用户自定义的CSS文件。本章以一个博客首页为例，综合介绍整个页面的制作方法。 分析构架 14.1 模块拆分 14.2 整体调整 14.3 14.1　案 例 概 述 本例采用恬静、大方的淡蓝色为主基调，配上明灯等体现意境的图片。 我的博客 14.1.1　设计分析 博客是一种需要用户精心维护、整理日志的网站，各种各样的色调都有。本例主要表现博客的心情、意境，以及岁月的流失、延伸，因此采用淡蓝色作为主色调，而页面主体背景采用白色为底色，二者配合表现出明朗、清爽与洁净的感觉。 蓝色的海洋给人清新自然的感觉，而配合黄色的沙滩Banner图片，体现出整个博客的风采。左侧的图片，本例选用延伸的隧道，生活的气息很快便充满了整个博客，写日志的情调得到很好的体现。 页面设计为固定宽度且居中的版式，对于大显示器的用户，两边使用黑色将整个页面主体衬托出来，并使用灰色虚线将页面框住，更体现恬静和大气。 14.1.2　排版构架 网络上的博客站点很多，通常个人的首页包括体现自己风格的Banner、导航条、文章列表和评论列表，以及最新的几篇文章，考虑到实际的内