动态网站完整制作流程

动态网站完整制作流程

操作步骤

1.创建一个简单的动态网站

1)创建解决方案

启动Visual Studio 2005，选择创建“网站”选项，在随后弹出的【新建网站】对话框中【模板列表框内】选择【网站】选项，编程语言采用Visual C#，以文件系统方式保存在本机的“D:\website\aspnet”目录下，然后单击【确定】按钮开始建立网站。

2)界面设计

(1)单击【设计】按钮切换到设计视图。

(2)从左侧的工具箱中拖动标签控件(或双击标签控件)到中心工作区。

(3)从工具箱中拖动文本框控件(或双击文本框控件)到中心工作区。

(4)从工具箱中拖动按钮控件(或双击按钮控件)到中心工作区。

3)控件属性的设置

(1)单击选定中心工作区中的标签控件，在右下角的【属性】窗口找到ID属性，内容Label1修改为labMessage，找到Text属性，将内容Label清除。

(2)单击选定中心工作区中的文本框控件，将【属性】窗口中的ID属性内容TextBox1修改为txtName。

(3)单击选定中心工作区中的按钮控件，将【属性】窗口中的ID属性Button1修为btnTest，将Text属性内容Button修改为“测试”。

4)编写代码

(1)双击【测试】按钮，进入代码页“Default.aspx.cs”，在“protected voidbtnTest_Click(object sender,EventArgs e)”下面的一对花括号{}之间填入如下代码。

labMessage.Text=txtName.Text+"你好，欢迎光临！";

(2)单击工具栏中的【运行】按钮在本机启动应用程序。浏览器显示Default.aspx网页。为了测试程序，可在文本框内输入姓名“张小强”，单击【测试】按钮，即出现欢迎信息。最后关闭网页。

2.用Visual Studio 2005预编辑网站

(1)在【解决方案资源管理器】窗口右击项目目录“D:\website\aspnet\”节点，选择【发布网站】命令。

(2)在【发布网站】对话框的【目标位置】文本框中输入保存的目录，如“D:\website\upload\”，

单击【确定】按钮。

(3)Visual Studio 2005会在“D:\website\upload\”节点目录下生成预编译后的网站。

3.申请支持的网站空间

(1)在浏览器内输入网址“******************”，进入某网络网站首页。

(2)单击网页上方的【注册用户】按钮进入注册页面。填写“登录名称”、“登录密码”、“联系方式”信息后，单击【注册】按钮。

(3)在管理首页下方的虚拟主机列表中，单击“加强型100M”后面的【马上试用】按钮

(4)在“虚拟主机在线开通”页面设置FTP账号和FTP密码，并选择开通方式为“免费试用”，然后单击【立即开通】按钮。

(5)最后显示“虚拟主机开通成功”页面，其中提供了4个关键信息，即免费网址、FTP上传地址、上传账号和上传密码。记下这4个信息，后面就可以将建好的动态网站上传到Web服务器中并浏览了。

4.用FTP工具发布网站

(1)选择【开始】|【所有程序】|【FlashFXP】命令，启动FTP工具FlashFXP(需要单独安装)。

(2)单击左上角的【连接】按钮，选择下拉列表中的【快速连接】命令，在弹出的【快速连接】对话框中填写FTP的相应信息，其中的【服务器】、【用户名】、【密码】3个文本框中所填的信息，均来自申请虚拟主机成功后得到的信息(参见图2.11)，然后单击【连接】按钮。

(3)FlashFXP开始与虚拟主机建立连接，成功后在左侧窗口显示远程服务器文件列表，右侧为本地文件列表，切换本地文件目录为发布路径“D:\website\upload”。

(4)双击左侧远程服务器的“wwwroot”进入该子目录，并删除其中的文件(保留cert子目录)。

(5)选择右侧本地所有文件，单击工具栏右侧的【传送所选】按钮，将“D:\website\upload”中所有文件上传到远程服务器中。完成后关闭FlashFXP。

注意：对于有些虚拟主机，连接后远程主机文件列表中不包含“wwwroot”这类的子目录，那么直接传送就可以了。这与虚拟主机的设置有关，具体要看提供商的使用说明。

5.网上浏览自己的作品

打开浏览器，浏览网站，即申请虚拟主机时得到的免费网址)，输入姓名，单击【测试】按钮，即可实现。