案例7：网站首页的制作

一、启动Microsoft Visual Studio 2005

首先单击 后单击或者单击

后在所在程序中找到Microsoft Visual Studio 2005程序组，在程序组中单击Microsoft Visual Studio 2005，如下图所示：

稍候即可出现Microsoft Visual Studio 2005起始页，如下图所示：

在起始页中，有最近的项目，也就是打开（项目、网站）、创建（项目、网站），如下图所示：

项目即是Windows应用程序，网站即是Web应用程序，本案例创建一个网站，即Web应用

程序，所以单击创建后面的网站的窗口：

，出现如下图所示

在Visual Studio已安装的模板中选择ASP.NET网站，位置文本框中输入保存位置，如：F： \\李绍明,在语言下拉列表框中选择Visual Basic，如下图所示：

单击确定，稍后出现Visual Studio 2005界面，网站创建完成。

二、关于网站首页认识

首页通常也称为主页就是浏览器打开时进入的网站，是一个网站中最重要的网页，也是访问最频繁的网页，或者是网站建站时树状结构的第一页，如百度的首页就是：http://www.http://www.china-audit.com/.它是指一个网站的主索引页，是令访客了解网站概貌并引导其调阅重点内容的向导。首页是一个网站的第一页，也是最重要的一页。人们都将首页作为体现公司形象的重中之重，也是网站所有信息的归类目录或分类缩影。首页设计要求在保障整体感的前提下，根据大多数人的阅读习惯以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔。首页设计采用客户的既定标准色，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。在网站文件中默认将首页命名为index或default等。从上述描述中应该明确以下四点：

1、网站首页文件名一般使用：index.aspx或default.aspx。 2、首页包含了网站所有信息的归类目录或分类缩影。

3、首页设计通常以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔。

4、首页设计采用标准色，注重各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为目标。

三、首页的制作注意事项

1、要让读者有理由逗留，就必须把网页作得生机盎然，引人入胜。因此网站主题的确定、围绕主题所收集在资料、根据资料的情况和网站主题对资料进行适当的分类形成网站的栏目。

2、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多浏览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。

3、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影象地图指引主要连接，使你的页面能吸引人和容易阅读。

4、不要在每一页使用风格不同的图标。

5、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。

6、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。

7、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。 8、不要让什么东西看起来象是一个按钮却不起按钮的作用。

四、首页的制作步骤

1、布局与设计 2、添加控件 3、编写事件代码

五、首页的布局与设计概要

一）栏目及结构

合理的网站栏目结构，其实没有什么特别之处，无非是能正确表达网站的主题内容及其内容之间的关系，站在用户的角度考虑，使得用户在网站中浏览时可以方便地获取信息，不至于迷失，做到这一点并不难，关键在于对网站结构重要性有充分的认识。归纳起来，合理的网站栏目结构主要表现在下面几个方面：

1、通过主页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面； 2、通过任何一个网页可以返回上一级栏目页面并逐级返回主页； 3、主栏目清晰并且全站统一；

4、通过任何一个网页可以进入任何一个一级栏目首页。 不同主题的网站对网页内容的安排会有所不同，但大多数网站首页的页面结构都会包括