WEB页面设计Word文档下载推荐.docx

资源描述

WEB页面设计Word文档下载推荐.docx

《WEB页面设计Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《WEB页面设计Word文档下载推荐.docx（17页珍藏版）》请在冰点文库上搜索。

WEB页面设计Word文档下载推荐.docx

性别（男、女单选按钮）

地址：

省份下拉列表（数据包括：

江苏、山东），市县下拉列表（江苏省内包括：

连云港、南京，山东包括：

青岛）。

注册按钮。

当用户填入注册信息后，点“注册”按钮时，用户名不应该在已注册的用户姓名中出现过。

（提示：

用自定义验证控件实现）

密码及重复密码输入框中的内容应该一致。

且两个输入框为必填项。

页面布局与首页面相同（使用同一个母版页）。

页面3：

Doclist.aspx

在页面上添加下图所示的控件：

GridView控件，数据源为AccessDataSource1

DetailsView控件，数据源为AccessDataSource2

Button控件，其Text属性为“添加新公文”

页面打开后，GridView控件中列出现有公文信息。

点击Button后，可以通过DetailsView控件输入新公文信息并存储到数据库。

三、实验步骤：

1、创建母版页

在页面上文添加图片控件Image。

图片为~/images/logo.jpg

2、在母版页中实现导航。

在网站中新添“站点地图”，修改该文件为：

添加menu控件，数据源为“站点地图”，显示菜单层数为2。

修改web.sitemap中的各项的url属性，使其对应相应的页面。

设计完成的母版页为：

3、修改现有页面，指定其母版页

首先修改default.aspx页面。

打开default.aspx的源码视图，将第一行：

%@PageLanguage="

C#"

AutoEventWireup="

true"

CodeFile="

Default.aspx.cs"

Inherits="

_Default"

添加MasterPageFile="

~/MasterPage.master"

变成：

MasterPageFile="

然后从第二行开始，删除html，body,form标签，保留form内的全部内容。

在保留下的内容前后，用下的标签包围：

asp:

ContentID="

Content1"

ContentPlaceHolderID="

ContentPlaceHolder1"

Runat="

Server"

/asp:

Content>

修改完成后的default.aspx源看起来如下图所示：

按以上方法修改Regster.aspx,Doclist.aspx页页。

4、添加新闻页面及公告页面（指定其母版页）

新建newslist.aspx页面，选用母版页为masterpage.master

5、添加主题（默认主题、红色主题）。

添加皮肤文件Button.skin到app_theme/default文件夹中。

在任意一个aspx中的页面视图中添加一个按钮控件，右击该控件选“样式”，设置样式中的字体颜色为Green。

切换到源码视图，剪切按钮控件的源码，粘贴到button.skin文件中，然后删除控件的ID属性及其值,Text属性及其值。

复制default下的button.skin到red文件夹中。

并修改文件中的样式定义，将color设为red。

6、指定主题

在每个页面的代码页添加如下方法：

protectedvoidPage_PreInit（）

{

if（Session["

themename"

=null）

this.Theme=Session["

].ToString（）;

else

this.Theme="

default"

;

}

在母版页上方添加两个单选按钮（groupname相同）。

为每个按钮的CheckedChanged事件及页面的Page_Load事件添加代码：

四、实验源程序

1、站点地图

xmlversion="

1.0"

encoding="

utf-8"

siteMapxmlns="

siteMapNode>

siteMapNodeurl="

~/Default.aspx"

title="

首页"

description="

/siteMapNode>

新闻"

NewsList.aspx?

type=1"

国内新闻"

type=2"

国际新闻"

公告"

以往公告"

/siteMap>

2、母版页：

MasterPage.master

%@MasterLanguage="

MasterPage.master.cs"

MasterPage"

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

htmlxmlns="

//www.w3.org/1999/xhtml"

headid="

Head1"

runat="

server"

title>

无标题页<

/title>

/head>

body>

formid="

form1"

div>

ImageID="

Image1"

Height="

56px"

ImageUrl="

~/images/LOGO.JPG"

Width="

303px"

RadioButtonID="

RadioButton1"

AutoPostBack="

True"

ForeColor="

#00C000"

GroupName="

theme"

OnCheckedChanged="

RadioButton1_CheckedChanged"

Text="

绿色"

RadioButton2"

Red"

RadioButton2_CheckedChanged"

红色"

MenuID="

Menu1"

DataSourceID="

SiteMapDataSource1"

Orientation="

Horizontal"

StaticDisplayLevels="

Menu>

SiteMapDataSourceID="

br/>

ContentPlaceHolderID="

ContentPlaceHolder>

/div>

/form>

/body>

/html>

MasterPage.master.cs

usingSystem;

usingSystem.Data;

usingSystem.Configuration;

usingSystem.Collections;

usingSystem.Web;

usingSystem.Web.Security;

usingSystem.Web.UI;

usingSystem.Web.UI.WebControls;

usingSystem.Web.UI.WebControls.WebParts;

usingSystem.Web.UI.HtmlControls;

publicpartialclassMasterPage:

System.Web.UI.MasterPage

{

protectedvoidPage_Load（objectsender,EventArgse）

{

]=="

）

RadioButton1.Checked=true;

red"

RadioButton2.Checked=true;

}

protectedvoidRadioButton1_CheckedChanged（objectsender,EventArgse）

Session["

]="

Response.Redirect（Request.Url.ToString（））;

protectedvoidRadioButton2_CheckedChanged（objectsender,EventArgse）

3、default.aspx：

LabelID="

Label1"

用户名称：

Label>

TextBoxID="

TxtUserName"

TextBox>

RequiredFieldValidatorID="

RequiredFieldValidator1"

ControlToValidate="

ErrorMessage="

RequiredFieldValidator"

ValidationGroup="

请填写用户名<

RequiredFieldValidator>

Label2"

密码：

82px"

TxtPassword"

TextMode="

Password"

147px"

RequiredFieldValidator2"

请输入密码<

ButtonID="

BtnLogin"

OnClick="

BtnLogin_Click"

BtnRegister"

BtnRegister_Click"

reg"

Label3"

232px"

4、Regster.aspx

CustomValidatorID="

CustomValidator1"

用户已存在"

OnServerValidate="

CustomValidator1_ServerValidate"

用户已存在<

CustomValidator>

nbsp;

Label5"

重复密码：

TxtPassword2"

CompareValidatorID="

CompareValidator1"

ControlToCompare="

CompareValidator"

密码不一致<

CompareValidator>

性别：

81px"

RadioButton

ID="

RtnMale"

Checked="

sex"

男"

RtnFemale"

女"

Label4"

DropDownListID="

DdlProvince"

OnSelectedIndexChanged="

DdlProvince_SelectedIndexChanged"

DropDownList>

DdlCity"

BtnReg"

BtnReg_Click"

5、Doclist.aspx

6、在每个页面的代码页添加如下方法：

protectedvoidPage_PreInit（）

五、测试数据与实验结果（可以抓图粘贴）

Default.aspx界面：

展开阅读全文