要想创建一个好看,功能全面且成功的网站,需要很多技术诸如HTML,ASP.NET,CSS,JAVAScript等。
本章将详细介绍如何创建和管理网站,以及如何创建ASP.NET web 页面以及向他们中添加markup:
- 构建ASP.NET网站的两种项目。
- 如何使用不同的项目模版来开发网站。
- ASP.NET中大量的文件类型。
- 创建易管理的结构化的网站的方法。
- 如何使用设计工具创建标准的网页。
用VWD2008创建web站点
- 不同的项目类型
web Site projects
website projects只是一个windows文件夹包含了一堆的文件和子文件夹。没有项目文件(.csproj)。容易创建和移动共享站点,与本地系统不依赖。但由于没有项目文件,很难在版本控制系统上共同工作,同时很难将以前的模型应用到新的项目类型。
web Application projects
更适合团队开发以及版本控制
- 选择正确的web站点模版
ASP.NET web Site
允许创建一个基本的ASP.NET web站点。包括一个简单的web.config文件(ASP.NET配置文件),一个WEB Form(Default.aspx),Code behind文件,一个空的App_Data文件夹。适合一切ASP.NET Web 站点
ASP.NET web Service
适合包含web services的站点。Web services允许在web服务器上创建可以被处于同一台机器或在网络中的机器上的应用程序调用的软件。包括一个webservice 文件,一个在服务后命名的额外代码文件,一个简单的web.config文件饱含了访问web services的配置信息。
Wcf Service
同web services相似。但wcf更灵活。
Empty web site
完全空的项目。当你想用大量的已有文件来创建一个新的web站点时就派上用场了。
- Web站点中的文件
ASP.NETweb 站点中至少包含一个web表单文件。
web 文件
web文件及可以直接通过浏览器被请求,或者用来创建部分在浏览器中被请求的web页面。
Web Form and AJAX .aspx web form代表了在浏览其中用户看到的页面
Web Form
Master Page and AJAX .master 可以定义web站点的全局结构以及可视风格
Master Page
Web User Control .ascx 包括了可以在站点中的多个页面中复用的页面段
HTML Page .htm / .html 可以显示的静态html
Style Sheet .css 包含了允许标准化及样式化网站的css代码
Web Configuration File .config xml格式,包含网站的全局配置信息
Site Map .sitemap 以xml格式显示站点内的文件层次
JScript File .js 可在客户端浏览器被执行的java script
Skin File .skin 网站中的控间的设计信息
代码 文件
Web Service .asmx 可以被浏览器调用。能包含可以在服务器上被执行的代码
Class .cs / .vb 程序代码及code behind文件
Global Application Class .asax
数据 文件
XML File .xml 用xml格式存储数据。
SQL Server Database .mdf microsoft sql server使用的数据库
LINQ to SQL Classes .dbml 不用写代码就可以公开的访问数据库。
- 组织你的站点
将文件分类的放到不同的文件夹。
用Web forms
webform可以包含html,asp.net服务器控件,客户端javascript,css和程序代码。
- web forms的不同的视图
源代码视图
设计视图。最好经常在不同的浏览器都检查一下页面的显示,因为设计视图只显示页面在被处理前在vwd里的显示,而服务器控件所发出的html的外观在不同的浏览器里可能发生了改变。
分开视图
- 选择code behind还是页面中的内联代码
C#
protected void Page_Load(object sender, EventArgs e)
{
}
当在浏览器中当前页面被请求时,这个方法将被运行。
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = “Hello World; the time is now “ + DateTime.Now.ToString();
}
在添加新的winform时,可以指定使用behind code还是inline code。
- 添加markup到页面
在设计视图中使用菜单(format, table)以及工具栏的工具简化操作。
用Web forms时的小建议
尽可能由code behind。
熟悉format和table菜单中的各个项。
多练习超连接