ASP.NET入门教程 3.1静态页面设计[1]

术语静态表示页面只是用于查看的Internet上有很多这样的页面（想像一下只有文本或者只有一系列图片的HTML页面）──开发人员并不总是需要让站点的每个页面上都包含一个用于提交信息的表单或者响应用户的输入依据定义静态页面包含不会发生改变（或者至少不会频繁发生改变）的内容假设有一个私人站点其中有一个About Me页面──可能有时会修改这个页面的内容（例如搬家换工作或者结婚）但总体而言每年最多只会修改几次

静态页面让作者想起了年前后的Web──那个时候我浏览过的大多数站点都很简单普通为不同的布局编写HTML表格足以占用我数个下午的时间下面是一个简单的练习──创建一个非常简单的页面并在HTML视图中研究这个页面的代码查看HTML元素是怎样组织的

启动VWD!这个练习不需要什么思考──只要按照每个步骤操作同时好好体验这项技术就可以了

（）首先如果已下载了本章的基础代码那么这些代码将会有所帮助确保将该基础代码放置在C:\BegASPNet\Chapters\Begin\Chapter\Samples文件夹下

（）打开VWD并从主菜单中选择Open Web Site在弹出的对话框中选择Chapter文件夹并单击Open

（）在右边的Solution Explorer中右击Chapter site并选择Add New item

（）在弹出的Add New Item对话框中选择一个名为StaticHTMLPagehtm的新HTML页面并单击Add

（）切换到Design View并输入一些文本

不用在意具体的文本这只是一个简单的示例没有必要将该页面在Web上发布

（）接下来从工具栏中选择Layout→Insert Table向页面添加表格将表格设置为行列如果喜欢可以设置边框和间距（padding）

（）在获得表格之后就可以在每个表格单元中添加内容了试着在一个单元格中添加一些文本然后从VWD窗口左边的工具箱的HTML面板中拖放一个图片标记到页面上如图所示

在设计区中添加表格之后可以单击屏幕底部的<table>按钮单独选中页面上的这个元素── 开发人员可以修改屏幕右边Properties窗口中的属性值从而改变表格的间隔和边框等属性

（）单击屏幕底部的Source按钮并看到由VWD产生的HTML代码稍做修改即可为图片添加一些样式和链接

ASPNET 入门教程完整版

[] []