2013教科版选修3《制作动态网页1.pptVIP

ASP.NET动态网页设计 (C#版) 一、 动态网页概述 什么是动态网页？一个网页是否精美，并不是动态网页的范畴，动态网页主要体现在功能方面。 动态网页的最大特点是存在交互性，根据用户提交的内容、时间、方式等信息返回对应的结果。 1.1 从静态网页发展到动态网页 单纯使用静态网页技术建设网站，在早期较为流行，虽然网页中包括有文字和图片，但是只要不改变设计，网页的显示信息是不会变化的。 访问静态网页的过程 访问动态网页的过程 1.2 “问候语”案例 当Windows系统栏显示时间为9:00时，显示效果如图所示。 1.2 “问候语”案例 当Windows系统栏显示时间为14:00时，显示效果如图所示。 操作步骤 1. 创建解决方案 2. 编写代码 if (DateTime.Now.Hour = 12) { Response.Write(上午好); } else { Response.Write(下午好); } 3.运行(F5) 二、 动态网站完整制作流程 2.1互联网动态网站的开发步骤 ASP.NET动态网站的开发，与普通的静态网站相比，除了在上传网站前，增加了一个“预编译”的环节，其他方面比较相近。 2.2 “欢迎来访者”案例 案例说明：网页内部的文本框用于接收用户姓名，当填入姓名，如“李小莉”，单击【测试】按钮后，网页显示“李小莉你好，欢迎光临！” 。 2.2.1操作步骤 1. 创建一个简单的ASP.NET动态网站 1) 创建解决方案 2) 界面设计 3) 控件属性的设置 4) 编写代码 编写代码 双击按钮【测试】，进入代码页Default.aspx.cs，在“protected void btnTest_Click(object sender, EventArgs e) ”下面的一对花括号{}之间填入代码： labMessage.Text = txtName.Text + 你好，欢迎光临！; 启动应用程序  单击工具栏中的运行按钮在本机启动应用程序。浏览器显示Default.aspx网页。为了测试程序，可在文本框内添入姓名“张小强”，单击【测试】，即出现之前所示的欢迎信息。 最后关闭网页。 2. 用Microsoft Visual Studio 2005预编辑网站 (1) 在【解决方案资源管理器】窗口右击项目目录“D:\website\aspnet\”，选择【发布网站】。 (2) 在【发布网站】窗口的目标位置文本框中输入保存的目录，如“D:\website\upload\”，单击【确定】 申请支持ASP.NET的网站空间 进入“速海网络”( )申请网站空间。 其他网站还有： 易为互联(/) 九八七网络(/) 华众网络(/) 可以在搜索引擎搜索到。 虚拟主机 优良的网站空间大都以虚拟主机的形式提供，虚拟主机是使用特殊的软硬件技术，把一台运行在因特网上的服务器主机分成多台“虚拟”的主机，每一台虚拟主机都具有独立的域名，具有完整的Internet服务器(WWW、FTP、Email等)功能，虚拟主机之间完全独立，并可由用户自行管理，在外界看来，每一台虚拟主机和一台独立的主机完全一样。 由于多台虚拟主机共享一台真实主机的资源，每个虚拟主机用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低。 用FTP工具发布网站 三、HTML基本语法 用户通过浏览器所看到的网页效果，实际上都是由各种代码生成或调用的 。 3.1 HTML语言的前世今生 HTML(HyperText Markup Language)是一种文件的编排语言 。 HTML使用标记和属性的语法 标记：HTML标记是一个字符串符号，主要是在文字内容中标示需要使用的编排格式，在标记内的文字使用指定的格式编排。 属性：每一个标记可以拥有一些属性，用来定义文字内容的细部编排。 3.2 HTML文件的基本结构 HTML HTML文件开始 HEAD HTML文件的头部开始 …… …… HTML文件的头部内容 /HEAD HTML文件的头部结束 BODY HTML文件的主体开始 …… …… HTML文件的主体内容 /BODY HTML文件的主体结束 /HTML HTML文件结束 编写HTML文件的注意事项 (1)HTML文件使用“”和“”符号夹着指令，称为标记，大部分的标记都是成对使用，结束的标记是在开始的标记前加一个“/”(斜杠)。 (2)HTML标记可以嵌套，例如： H1CENTER我的第一个HTML文件/CENTER/H1 (3)