网站规划:建立Picture文件夹,存放网站所用图片;建立admin文件夹,存放后台管理页面,设置权限,避免匿名登录;网站公共部分使用模板,建立母版页;风格一致,使用主题样式和CSS。
1、文件夹的建立
解决方案右键单击→新建文件夹
直接在网站所在文件夹中新建文件夹,然后在解决方案右键单击→刷新文件夹
注:文件的添加同文件夹,可以复制后直接粘贴到相应的文件夹下
2、母版页的建立
解决方案右击或单击“网站”菜单→添加新项→模板中选择“母版页”(名称框中扩展名为.master)→添加
在工具箱中找到HTML控件,添加Div控件,并把该控件的align属性设置为center(下面添加的Table控件能够居中
在工具箱中找到HTML控件添加Table控件或“表”菜单“插入表”命令,插入一个符合页面布局要求的表(如4行1列的表格)。插入后如果不符合要求可以合并单元格及添加,选定要合并的单元格→右键单击→修改→合并单元格或拆分单元格;在表格中右键单击→插入→插入行、列或单元格;在表格中右键单击→删除→删除行、列或单元格
把表的宽度设置为800px,在第一行里添加一个Image控件(HTML或标准均可),设置高度(height)为80px,宽度(width)为800px,设置src(HTML控件)或ImageUrl(标准控件)属性为Picture文件夹中的图片文件;在第二行里添加做好的导航图片或flash动画
添加flash动画需在源视图添加如下代码(路径为:pictures/head.swf):
第4行里可以做一些关于版权,地址,设计制作,分辩率设置,访问次数等
第3行里把最初的ContentPlaceHolder占位符剪切进来,这是基于本模板生成的页面的可变部分,前面设置的是公共部分
3、基于母版生成内容页
解决方案右击或单击“网站”菜单→添加新项→模板中选择“Web窗体”,语言框右下部分“选择母版页”前加对号即可
4、主题
给应用程序的页面应用样式,可以应用于应用程序、页面或服务器控件,将统一的外观和操作方式应用于整个应用程序。
建立主题:解决方案右击或单击“网站”菜单→添加ASP.NET文件夹→主题,自动添加App_Themes文件夹和其下的“主题1”文件夹,对应App_Themes文件夹右键单击→添加ASP.NET文件夹→主题可以添加其它主题文件夹
注:App_Themes文件夹不能改变名称,其它主题文件夹可以重命名
对应任一主题文件夹右击或单击“网站”菜单→添加新项→外观文件(.skin,定义与服务器控件相关的样式)或样式表(.css,定义HTML元素外观,也可以不放在主题文件夹中)
外观文件与样式表的设置需要有一定的美工基础,可以从网上下载,修改为自己需要的即可。
主题应用到某网页:在源视图中添加Theme 属性,如<%@ Page Language="C#" Theme="主题1">
主题应用于整个应用程序:需在Web.config文件中做如下设置
删除网页中某服务器控件的主题:在源视图中修改该控件的EnableTheming属性,如
删除某网页中的主题应用:在源视图中修改 <%@ Page Language="C#" EnableTheming="false" %> 注:非主题中外部样式表的应用(.CSS样式表文件),某网页应用执行“格式→附加样式表”命令或在源视图中添加如下代码: