aspnet网站开发教程 ASP.NET入门教程 3.1静态页面设计[1]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ASP NET 入门教程完整版