《ASP.NET程序设计教学课件作者崔永红等第3章节》由会员分享，可在线阅读，更多相关《ASP.NET程序设计教学课件作者崔永红等第3章节（39页珍藏版）》请在金锄头文库上搜索。
1、第3章,ASP.NET应用程序开发,主要内容,HTML语言简介 ASP.NET Web应用程序,3.1 HTML语言简介,HTML文件 常用标记,3.1.1 HTML文件,HTML文件的结构 创建一个简单的Web页面,创建一个简单的Web页面,HTML文件为纯文本的文件格式，可以用文本编辑器编辑，如用Windows中的记事本和写字板及其他字处理软件，也可以用FrontPage、Dreamweaver等Web开发工具来编辑。下面以使用记事本编辑HTML文件为例，来学习创建一个简单的Web页面。 打开记事本，在文本区输入如图3-1所示的内容。 把该文件保存为一个文本文档，命名为“my.htm”。
2、打开浏览器，单击“文件”“打开”命令，在“打开”对话框中找到my.htm文件并打开，显示结果如图3-2所示。,记事本文本区,显示结果,3.1.2 常用标记,基本标记 文字属性与样式标记 添加图像标记 超链接 表格 表单 框架,基本标记,标题标记 空格符与换行标记 段落标记 标记 列表标记,TYPE属性值,文字属性与样式标记,标记用来设置文字属性，其使用格式如下： 显示的文字 “字体”有宋体、楷体、隶书等，“字号”由小到大分为17个等级，其默认值为3。文字的样式有粗体字、斜体字、加下画线等样式，其使用方法如下： 用来使文本以粗体字的形式输出； 用来使文本以大字体的形式输出； 用来使文本以斜体字的
3、形式输出； 用来使文本以下画线的形式输出； 用来使文本以小字体的形式输出。,文字属性与样式标记,文本格式控制 图3-5 例3.1在浏览器中显示的效果 文本格式控制 一级标题 五级标题 ASP.NET程序设计第一章 第一节 第二节 ,在浏览器中显示的效果,添加图像标记,标记 标记,添加图像, 添加图像 添加图像 图像与文字顶部对齐 图像与文字中间对齐 ,在浏览器中显示的效果,超链接,文本超链接 图像超链接 页内超链接 超链接电子邮件账号,表格,标记的基本属性,标记的基本属性(续上表）,和标记的基本属性,表单,文本框 密码文本框 多行文本框 列表框 复选框 单选按钮 提交按钮 重置按钮 菜单,框架
4、,网页设计者常把浏览器的显示区域分为两个或两个以上，这些部分称为框架，框架是一种高级的HTML特性，每个框架对应一个HTML文件，含有框架的整个页面对应着一个HTML文件，该文件设有标记，采用标记，用于定义创建框架的方式。,框架,创建框架结构的格式如下： 框架中的多个窗口，使用rows属性和cols属性来定义。例如，表示纵向分了三个窗口，“*”表示由浏览器自动设置 窗口大小。,标记的属性,框架,框架的创建。 框架的创建 ,在浏览器中显示的效果,3.2 ASP.NET Web应用程序,建立ASP.NET Web应用程序 打开ASP.NET Web应用程序 将HTML页面转换为Web窗体,3.2.
5、1 建立ASP.NET Web应用程序,以新建项目的方式创建Web应用程序 使用文件系统创建网站 使用本地IIS创建网站,以新建项目的方式创建Web应用程序,创建ASP.NET Web应用程序项目 建立Web窗体的控件 设置起始页 调试运行,使用文件系统创建网站,新建网站 选择文件系统 创建网站 建立Web窗体的控件 调试运行,使用本地IIS创建网站,新建网站 选择本地IIS方式创建网站,3.2.2 打开ASP.NET Web应用程序,虚拟目录路径相同 修改*.csproj. webinfo文件,虚拟目录路径相同,在另一台计算机的“C:Inetpubwwwroot”文件夹下建立ch3子文件夹，
6、然后将原计算机ch3文件夹下的first子文件夹复制到“C:Inetpubwwwrootch3”子文件夹下。 将Web应用程序的文件夹设成虚拟目录。先打开“控制面板”，双击“管理工具”图标，再双击“Internet服务管理器”，打开“Internet信息服务”窗口。将IIS的“默认Web站点”展开，选择ch3文件夹下的first文件夹并右击，单击快捷菜单中的“属性”命令，在打开的“属性”对话框中，选择“目录”选项卡，单击“创建”按钮，再单击“确定”按钮。,虚拟目录路径相同,选择Web项目的first.csproj文件并双击，直接打开Web项目。单击工具栏中的“启动项目”按钮，也可以在浏览器的地
7、址栏中输入“http:/localhost/ch3/first/WebForm1.aspx”或“http:/127.0.0.1/ch3/first/WebForm1.aspx”来浏览网页。,修改*.csproj. webinfo文件,将Web项目复制到另一台计算机的任意磁盘。如将原计算机ch3下的first文件夹复制到“D:ch3”文件夹下。 将复制过来的项目设为虚拟目录。打开“控制面板”，双击“管理工具”图标，再双击“Internet服务管理器”，打开“Internet信息服务”窗口。在“Internet信息服务”窗口中将IIS展开，选择“默认Web站点”并右击，单击快捷菜单中的“新建”“虚
8、拟目录”命令，将“D:ch3first”设为虚拟目录，别名为“New”。,修改*.csproj. webinfo文件,打开*.csproj.webinfo文件并修改目录对应的URL地址。将该文件中的修改为，单击“保存”按钮。 双击first.csproj文件打开Web项目。,3.2.3 将HTML页面转换为Web窗体,用户可以将现存的HTML页面导入到Visual Studio.NET，转化为Web窗体，其操作步骤如下： 在“解决方案资源器”中，右击项目图标，选择“添加”菜单项，再单击“添加现有项”，弹出“添加现有项”对话框。 在“添加现有项”对话框的“类型”中选择“Web文件”，选择HTML
9、文件的位置及文件名，单击“打开”按钮。 在“解决方案资源器”中，将文件名*.htm更改为*.aspx，单击“是”按钮，再单击“是”按钮。 切换到HTML视图，给标记添加runat=“server“属性。,本 章 小 结,HTML是一种标记语言，用来描述如何将文本格式化，它不是程序设计语言。 一个Web页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。HTML文件由三个主要部分组成，包括：HTML标记、首部标记及正文标记。 常用标记包括：基本标记、文字属性与样式标记、添加图像标记、超链接、表格、表单、框架等。,本 章 小 结,建立ASP.NET Web应用程序的步骤主要包括：创建ASP.NET Web应用程序项目、建立Web窗体的控件、Web控件属性设置、建立HTML标记或编写代码、设置起始页、调试运行。 若要打开从其他计算机复制的Web应用程序项目，有两种方法：和其他计算机的虚拟目录的路径完全相同或修改*.csproj.webinfo文件中虚拟目录所指的URL地址。,
