个人网站设计与实现+文献综述(7)
设计：包含网页设计中所需要的面版，分别为CSS样式、HTML样式和行为。
代码：包含代码编辑所需要的面版，分别为标签检查器、代码片段和参考。
应用程序：包含动态网页设计所需要的面版，分别为数据库绑定、服务器行为和组件。
文件：包含站点内资源管理所需要的面版，分别为站点和资源。
3 个人网站设计分析
每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好。
3.1 个人网站的布局技术
网页的布局有表格布局，框架布局，CSS布局等，本网站采用的是表格布局，表格布局被广泛使用，已经成为一个潜在的标准。随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响[8]。对于表格布局，打开一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，会可以看到这个页面是如何利用表格的。
每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，至于网站上其他Web页，原则上都必须通过首页来连接散播出去，可见首页是多么的重要。
首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。
具体设置方法是：右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。
首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。