今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

今天完成了网页布局框架的调研，当前常用的网页布局框架结构有“国”子型布局框架结构，"T"子型布局框架结构，上下页面布局框架结构，左右页面布局框架结构，FLASH布局框架结构，封面布局框架结构，拐角型布局框架结构，以及综合型布局框架结构，标题正文型布局框架结构，变化型布局框架结构，POP布局框架结构。

“国”子型框架结构是网页布局的一种常见的框架结构，由于框架形似汉字国子而得名，这种框架结构的顶部通常是网站标题+Logo+banner广告条，左侧页面为导航栏链接，中间页面是网站的主要内容，与两边的内容条一起罗列到底部，右侧页面为友情链接+其他。底部一般为该网站的基本信息，如版权声明，联系方式。“国”子型页面布局框架是最常见的一种网站布局框架，大部分网站都是采用该布局框架结构，“国”子型网站的布局框架结构如右图所示：

“T”子型布局框架结构，因为页面布局形似英文字母大写的T而得名,"T"字型布局框架结构的页面顶部主要放置网站的标题和banner广告图，下方左侧页面主要放置导航栏链接，下方右侧页面主要是网站的主要内容部分。"T"字型布局框架结构的示意图如下图所示：

上下型结构其主要布局框架为上下两侧页面，上侧的页面主要放置网站的Logo+banner广告图和主要功能的导航栏链接，下侧主要是网站的主要内容，上下型布局框架结构的简化图如下图所示：                   

左右页面布局结构框架，左右框架型布局是企业网站和大型论坛常用的一种布局方式，左右页面布局结构框架和上下页面布局结构框架类似，其主要布局结构分为左右两侧页面，左侧页面主要放置网站标题，导航栏链接，banner广告图＋其他，右侧页面为网站的主要内容，

左右型框架布局简化示意图如右图所示：                                           

FLASH布局框架结构是指网站页面以一个或者多个flash作为网页的主要布局框架结构，在这种布局框架结构里面大部分页面甚至整个页面都是flash。flash布局框架结构图如右图所示：                                    

封面型布局框架结构通常出现在一些网站的首页，通常由一些精美的平面加上一些小动画，页面上有几个简单的链接或者只有一个“进入“按钮，没有其他任何的提示，封面型布局框架结构示意图如右图所示

拐角型布局框架是和“国”子型布局框架结构相似的一种布局框架，只不过他们之间有形式上面的不同，该布局框架结构通常顶部页面为网站标题和banner广告图，下方左侧是导航栏链接，其余部分为网站的主要内容。拐角型布局框架结构示意图如下图所示：

标题正文型布局框架结构一般用于新闻页面，或者注册登录页面，以及文章页面等。其简化示意图如下图所示：

综合型布局框架结构是一种把上下页面布局框架和左右页面布局框架结构相结合的一种布局框架结构，该框架结构的页面顶部为网站标题和banner广告条，左框架页面为导航栏链接，右框架页面为网站的主要内容。其简化示意图如下图所示：

POP网页布局框架是一种颇具艺术感和时尚感的一种网页布局格式，通常以一张精美的海报来布局页面，POP布局的示意图如下图所示：

变化型布局框架结构是上面所有框架结构的结合与变化，所实现的功能本质上是上，左，右，的结构性布局框架，上面顶部主要是网站的标题和banner广告图，下方左侧页面主要是网站的导航栏链接或者主要内容，右侧主要是网站的主要内容。其布局框架结构示意图如下图所示：

爱彼迎底部导航栏story：

作为一个旅游用户，我想要一个能够进行城市切换的功能，以便于我能够更好的查看我想要查看城市的房源信息，

作为一个旅游用户，我想要一个能够搜索我所想看房源的功能，以便于我可以查看我想要查看的房源信息，

作为一个旅游用户，我想要一个能够将喜欢的房源收藏的功能，以便于下次我能够第一时间找到我心仪的房源信息，

作为一个旅游用户，我想要一个能够可以切换我想去目的地的功能，以便于我能够提前查看到该地的房源信息，

作为一个旅游用户，我想要一个能够和房东进行对话的功能，以便于我能够和房东进行沟通交流，

作为一个旅游用户，我想要一个能够进行账号的注册和登录的功能，以便于我能够使用该软件的更多功能。

明天计划的事情：（一定要写非常细致的内容）

明天如果决定正式报名线下的话就继续做任务二剩下的内容

遇到的问题：（遇到什么困难，怎么解决的）

用户story没写对，在师兄的指导下今天重新写
收获：（通过今天的学习，学到了什么知识）

今天完成了一次网站首页布局框架结构设计的调研，并且写了调研报告，第一次写调研报告。