案例10：网站类别页的制作.docVIP

案例10：网站类别页的制作 一、启动Microsoft Visual Studio 2005 首先单击 后单击或者单击后在所在程序中找到Microsoft Visual Studio 2005程序组，在程序组中单击Microsoft Visual Studio 2005，如下图所示： 稍候即可出现Microsoft Visual Studio 2005起始页，如下图所示： 在起始页中，有最近的项目，也打开（项目、网站）、创建（项目、网站），如下图所示： 项目即是Windows应用程序，网站即是Web应用程序，本案例在已经创建的网站中增加（添加）项目，所以单击打开后面的网站，选择创建网站时的盘和文件夹，如：F:\李绍明, 如下图所示： 单击打开，稍后出现Visual Studio 2005界面，如下图所示： 二、在“李绍明”中添加一个名称为“Read.aspx”的项目 解决方案管理器窗口的项目名称上右键单击，在快捷菜单中选择添加新项，如下图所示： 在弹出的对话框中模板选择“Web窗体”，名称为“Read.aspx”，如下图所示： 单击添加，解决方案管理器窗口如下图所示： 设计器窗体如下图所示： 三、类别页的布局与设计 以下操作中，1、2两步的操作与主页的布局与设计是一样的。 1、制作一个六行一列表格 在页面设计模式、设计视图方式下，布局菜单选择插入表，如下图所示： 在打开的对话框中，选择自定义表格，布局框架中行选择5，列选择1，选中宽度，值设置为760，单位为px（像素），如上图所示，单击确定后页面效果如下图所示： 2、更改表格属性 在属性窗口更改表格的属性值，如下图所示： Align:center(水平对齐方式：居中) Border:0(表格线宽度：0) CellPadding:0(内边距：0) CellSpacing:0(外边距：0) 设置完成后，页面效果如下图所示： 选中所有单元格，设置单元格属性，设置完成后，页面效果如下图所示： Align:center(水平对齐方式：居中) Width:760（宽度：760，单位为px） 选中第四行单元格，设置单元格属性，设置完成后，页面效果如下图所示： Align:left(水平对齐方式：左对齐) Valign:top(垂直水平对齐方式：顶端) 选中第三行单元格，设置单元格属性，设置完成后，页面效果如下图所示： Height:5（高度：5，单位为px） Bgcolor: #6699cc(背景颜色：#6699cc) 3、在第五行再插入一个一行二列的表格，插入表格对话框如下图所示： 在打开的对话框中，选择自定义表格，布局框架中行选择1，列选择2，选中宽度，值设置为100，单位为%（百分比），如上图所示，单击确定后页面效果如下图所示： 选择中第一个单元格，设置属性值： Align:left(水平对齐方式：左对齐) Valign:top(垂直水平对齐方式：顶端) Width:40%（宽度：30，单位为百分比） 选择中第二个单元格，设置属性值： Align:left(水平对齐方式：左对齐) Valign:top(垂直水平对齐方式：顶端) Width:60%（宽度：40，单位为百分比） 属性设置完成后，效果如下图所示： 在第一个单元格中插入2行一列的表格，插入表格对话框中的值如下图所示： 在打开的对话框中，选择自定义表格，布局框架中行选择2，列选择1，选中宽度，值为100，单位为%（百分比），表格制作完成后，效果如下图所示： 4、在单元格中添加标签控件，将标签控件的Text属性设为空、ID属性及添加标签控件后表格的效果如下图所示： Llogo为页头logo标签 Lmenu为页面导航栏 Ldqwz为当前位置 Lzph为总排行标签 Llph为类排行标签 Lnr为内容标签 Lyw为页脚标签 四、事件代码编写 编写如下代码： 1、变量定义 Dim lb As String Dim ph As Integer = 10 定义完成后，效果如下图所示： 2、Load事件代码 If Not IsPostBack Then lb = Request.QueryString(lb) If InStr(UCase(lb), SELECT) 0 Or InStr(UCase(lb), OR) 0 Or InStr(lb, ) 0 Then Exit Sub End If Lmenu.Text = Application(menu)