项目11 个人博客制作.pptxVIP

个人博客制作

制作博客首页

制作博客首页首先制作首页，然后制作文章内容的分支页。制作博客网首页首先从制作总体布局开始，一定要着眼于大局，不要去着眼于细节，然后再细分到每一个块区。从效果图可以把它分为两大块：左边和右边，左边是一个侧边栏，右边是主要的内容区。div-ul-li结构常用于分类导航和菜单的制作

制作博客首页

制作博客首页两块，一块是左边栏side-bar，一块是主要内容main左边栏共三块内容：最上面是header，有博主名称也就是博主的logo和介绍，中间是导航nav,下面是一些标签tag_list。

制作博客首页

制作博客首页右边内容先给他一个容器main，右边主要是文章列表article-list，每篇文章item，首先有文章的标题title，然后是文章状态status，当前的状态有多少人阅读，什么时候发的，标签是什么等等，然后是文章的内容摘要content。用div标签分区，使用class标识。所以body的结构如下。

制作博客首页bodydivclass=side-bardivclass=header/divdivclass=nav/divdivclass=tag-list/div/divdivclass=maindivclass=article-listdivclass=item