【Asp.net精品源码栏目提醒】:网学会员为广大网友收集整理了,【精品】练习要点 - 毕业设计,希望对大家有所帮助!
练习1 认识Dreamweaver CS3 练习要点 创建项目 了解工作界面 插入表格及图片 浏览网页 练习目标 Dreamweaver是一个专业的HTML编辑器用于对Web站点、Web网页和Web应用程序进行设计、编码与开发。
本练习先来学习Adobe公司最新发布的Dreamweaver CS3的工作界面其工作界面也是用户经常使用的操作环境。
然后创建一个文档页面并浏览其效果如图1-1所示。
图1-1 浏览文档内容 练习过程 1启动程序 在学习之前需要先启动该应用程序而启动的方法与其他软件相同。
例如单击【开始】按钮执行【程序】Adobe Dreamweaver CS3命令启动该程序。
也可以直接单击桌面上的Dreamweaver CS3快捷图标启动该程序。
在启动后弹出【创建项目】对话框如图1-2所示。
其中包含有【打开最近的项目】、【新建】和【从模板创建】3个栏。
若需要快速创 建文档页面则可以从【从模板创建】栏中选择相应的主题。
最近打 开文件 从模板 创建 新建文件 图1-2 创建项目 若启用【不再显示】复选框则在下次启动程序时不再显示该对话框。
2了解工作界面 对于初次打开该程序的用户可以在【新建】栏中单击需要创建文件的类型。
例如单击HTML图标则创建该类型的文件如图1-3所示。
图1-3 工作界面 A【插入】栏 B【文档】工具栏 C【文档】窗口 D面板组 E标签选择器 F【属性】面板 G【文件】面板 对于工作界面中的内容做以下介绍。
【插入】栏 插入各种类型的对象图像、表格和层到文档中。
【文档】工具栏 提供各种文档视图、各种查看选项和一些常用操作。
【文档】窗口 创建和编辑文档内容设置和编排页面内的所有对象。
标签选择器 显示环绕当前选定内容的标签的层次结构。
【属性】面板 用于查看和更改所选对象的各种属性。
3保存及设置页面 在设计网页之前需要先保存及设计所创建的页面。
01 执行【文件】【保存】命令在弹出 的【另存为】对话框中选择保存路径 或者站点及输入文件名称如图1-4所示。
①选择路径 ②输入名称 图1-4 保存文件 在保存过程中还可以从【保存类 型】下拉列表中更改文件类型如.asp、.css、 .aspx等。
如果用户已经创建站点目录则可以单击【站点根目录】按钮打开该站点的根目录。
02 在【页面属性】对话框中设置页面属性如单击【属性】面板中的【页面属性】 按钮。
03 在该对话框中选择【外观】分类选项并设置【页面字体】为“宋体”【大小】为12【文本颜色】为“000000”等如图1-5所示。
①选择 ②设置 ③设置 图1-5 设置页面外观 设置【页面字体】和【文本颜色】内容用于控制网页中文字显示的大小以及颜色。
04 选择【标题/编码】分类选项设置【标题】为“自助美食”【编码】为“简体中文GB2312”等如图1-6所示。
①选择 ②设置 图1-6 设置标题及编码 在该对话框中除设置标题外还可以在【文档】工具栏中修改【标题】文本框中的内容。
4浏览文档内容 单击【布局】选项卡中的【表格】按钮在弹出的对话框中设置行数、列数和边框粗细等参数如图1-7所示。
当对页面文件进行参数设置或者内容更改后在文件名后面添加了一个“”号则提示用户需要进行保存操作。
①单击 ②设置 图1-7 插入1行1列表格 再选择【常用】选项卡单击【图像图像】按钮在弹出的对话框中选择需要插入的图片。
然后在弹出的【图像标签辅助功能属性】对话框中的【替换文本】文本框中输入“美食图片”如图1-8所示。
如果在插入图片时不希望弹出【图像标签辅助功能属性】对话框可以单击该对话框中的【请更改“辅助功能”首选参数】链接并禁用图像复选框。
①单击 ②输入 图1-8 插入图片 单击【文档】工具栏中的【在浏览器中预览/调试】下拉按钮并执行【预览在IExplore】命令或者按F12键即可浏览网页效果如图1-9所示。
执行 效果 标题 图1-9 网页效果 1创建动态文档.asp 动态网页是指网页的内容可以根据某种条件的改变而自动改变。
不同的动态网页其实现的方法也不相同。
一般动态网页文件的扩展名为.asp、.aspx、.jsp等。
在Dreamweaver CS3中除可以创建上述静态网页外还可以创建动态网页。
例 如在【创建项目】对话框中单击ASP VBScript项目按钮先创建动态文档如图1-10所示。
ASP是基于Web的一种编程技术可以说是CGI的一种。
它可以完成以往CGI程序的所有功能如计数器、留言簿、公告板、聊天室等。
还可以轻松地实现对页面内容的动态控制根据不同的浏览者显示不同的页面内容。
单击 图1-10 创建项目 然后执行【文件】【保存】命令或者按CtrlS组合键如图1-11所示。
在【另存为】对话框中选择【保存类型】为“Active Server Pages.asp.asa”选项并输入文件名单击【保存】按钮。
设置 图1-11 保存动态文档 ASA是ASP/
ASP.net的一个配置文件可以指定事件脚本并声明具有会话和应用程序作用域的对象。
该文件的内容不是用来给用户显示的而是用来存储事件信息和由应用程序全局使用的对象。
该文件的名称必须是Global.asa且必须存放在应用程序的根目录中。
每个应用程序只能有一个Global.asa文件。
2添加字体 对于初次安装的Dreamweaver CS3程序只有部分英文字体格式没有中文字体或者其 他字体此时用户需要将操作系统字体添加到该程序中。
例如在【页面属性】对话框中单击【页面字体】下拉按钮选择【编辑字体列表】选项。
在【编辑字体列表】对话框中双击【可用字体】列表中需要添加的字体并单击左上角的【添加】按钮如图1-12所示。
此 时可以在【页面字体】列表中查看所添加的字体。
②双击 ①选择 ③单击 图1-12 添加字体 练习2 安装IIS服务器 练习要点 打开【添加或删除程序】对话框 选择IIS组件 安装该组件 查看IIS服务器 查看服务器属性 练习目标 IIS是Internet信息服务Internet Information Server的缩写。
它是一种Web服务主要包括WWW服务器、FTP服务器等。
它使得在Intranet局域网或Internet因特网上发布信息成了一件很容易的事。
Windows 2003 Server上提供的为IIS 6.0版本。
如果仅仅是在本地计算机中编辑静态的HTML网页那么没有必要安装和配置IIS服务器。
因为HTML页面的运行无需服务器的支持而当测试ASP或者
ASP.net等动态网页时服务器的支持是必不可少的。
练习过程 1安装IIS组件 IIS服务器是操作系统中的一个组件。
安装时需要从操作系统安装盘中提取所需要的文件。
01 单击【开始】菜单执行【设置】【控 制面板】命令双击【添加或删除程序】按钮图标弹出【添加或删除程序】对话框如图2-1所示。
单击 图2-1 添加或删除程序 02 从左侧列表中单击【添加/删除Windows组件】按钮。
然后在【Windows组件向导】对话框中启用【Internet信息服务IIS】复选框如图2-2所示。
启用 图2-2 启用IIS选项 03 单击【详细信息】按钮弹出【Internet信息服务IIS】对话框。
然后启用【万维网服务】复选框如图2-3所示。
启用 图2-3 启用服务选项 04 返回到【Windows组件向导】对话框单击【下一步】按钮即可安装。
05 在安装IIS服务器过程中提示从Windows操作系统盘中复制文件时将操作系统盘放入光驱即可。
2Internet信息服务 服务器安装完成后可以通过【控制面板】窗口打开IIS服务器然后在该服务器中创建虚拟目录等。
01 双击【控制面板】窗口中的【管理工具】按钮图标如图2-4所示。
双击 图2-4 打开管理工具 02 在【管理工具】窗口中双击【Internet信息服务】按钮图标如图2-5所示。
双击 图2-5 打开Internet信息服务 03 在【Internet信息服务】窗口中从左侧列表中选择【默认网站】目录选项即可在右侧看到网站文件的列表如图2-6 所示。
Internet信息服务内容 图2-6 【Internet信息服务】窗口 单击工具栏中的【启动项目】按钮、【停止项目】按钮或者【暂停项目】按钮改变信息服务器的动态状态。
04 右击【默认网站】目录选项执行【属 性】命令弹出【默认网站 属性】对 话框。
选择【网站】选项卡并在【IP地址】下拉列表中选择本地计算机的IP地址如图2-7所示。
【IP地址】列表框中默认为【全部未分配】表示将使用所有系统可用的IP同一台主机可能包含多个IP。
设置IP地址 图2-7 设置网站标识 1更改访问权限 在【默认网站 属性】对框中除可以设置IP地址参数外还可以选择【主目录】选项卡设置网站的主目录和访问权限。
例如在【本地路径】文本框中设置Dreamweaver站点根目录。
并启用该文本框下面的【脚本资源访问】和【读取】复选框如图2-8所示。
②启用 ①设置 图2-8 设置访问权限 2添加文档名 在【默认网站 属性】对话框的【文档】 选项卡中可以设置浏览网站时所要请求指定执行文件名的顺序。
例如单击【添加】按钮输入【默认文档名】为“index.asp”然后选择所添加的文档名并单击左侧【向上】或者【向下】按钮调整其顺序如图2-9所示。
①单击 ②输入 ③调整 图2-9 添加文档名 创建网站时将网站主页名直接命名为文档中的指定名称。
这样浏览该网站时将直 接打开该网站主页。
练习3 建立虚拟目录 练习要点 创建虚拟目录文件夹 设置虚拟目录路径 测试虚拟目录 浏览网页 练习目标 在调试动态页面时除了安装IIS服务器外还需要将IIS服务器指向保存的站点文件夹即使用除主目录以外的其他目录或者使用其他计算机上的目录让Internet用户作为站点访问。
这时可以使用虚拟目录即将使用的目录称为虚拟目录。
特殊情况下主目录位置一旦改变所有Internet用户的请求都将被路由到这个新的目录位置IIS服务器也将把这个目录作为一个单独的站点来对待并完成与各组件的关联。
练习过程 1准备工作 为便于用户调试动态网页需要创建一个虚拟目录。
该虚拟目录也是用户创建用于保存网页文档的文件夹。
例如在本地磁盘F:中创建一个XNML文件夹并在该文件夹内再创建一个SITE文件夹如图3-1所示。
输入 站点 图3-1 创建文件夹 用户所创建的文件夹用于保存动态文档即动态文档必须保存在所创建虚拟目录的文件 夹中。
2创建虚拟目录 在【管理工具】窗口中双击【Internet信息服务】按钮图标在弹出的【Internet信息服务】对话框中创建虚拟目录。
01 展开左侧服务器目录右击【默认网站】目录选项执行【新建】【虚拟目录】命令如图3-2所示。
①右击 ②执行 图3-2 创建虚拟目录 02 弹出【虚拟目录创建向导】对话框单击【下一步】按钮在【虚拟目录别名】对话框中输入【别名】为XNML如图3-3所示。
输入名称 图3-3 指定虚拟目录别名 别名主要指显示在Internet信息服务中的一个虚拟目录名称。
03 单击【下一步】按钮弹出【网站内容目录】对话框单击【目录】文本框后面的【浏览】按钮在【浏览文件夹】对话框中选择目录如“F:XNML”如图3-4所示。
使用虚拟路径访问ASP文件最简单的方法就是将ASP文件复制到IIS的安装目录中用户就可以直接通过IE浏览了。
04 单击【下一步】按钮弹出【访问权限】对话框除了默认的【读取】和【运行脚本】外启用【执行】和【浏览】复选框如图3-5所示。
输入 图3-4 选择文件目录 设置权限 图3-5 指定权限 05 单击【下一步】按钮弹出【创建成功】对话框单击【确定】按钮完成虚拟目录的创建。
3测试虚拟目录 虚拟目录创建完成后可以在【Internet 信息服务】对话框左侧目录树【默认网站】下单击XNML虚拟目录如图3-6所示。
站点 内容 图3-6 虚拟目录显示 这时可以在虚拟目录下创建或者保存文件在浏览器的地址栏中输入http://localhost/ XNML/就会显示内容如图3-7所示否则安装IIS与建立虚拟目录失败。
内容 网站地址 图3-7 显示虚拟目录 1浏览网页 一般在IE浏览器的【地址栏】中直接输入网址单击【转到】按钮即可浏览网站。
而在【Internet信息服务】对话框中展开需要浏览的站点右击网页文件执行【浏览】命令如图3-8所示。
②执行 ①选择 图3-8 浏览网页 2调试服务器 新手配置IIS服务器后难免会发生一些错误如图3-9所示。
错误信息 图3-9 错误页面 例如常见的错误有用一段时间后出现“IIS无法启动发生意外错误0x8ffe2740”等信息。
对这样的问题最大可能是“World Wide Web Publishing”服务没有启动可以在【Internet信息服务】对话框中启动该服务 即可。
练习4 创建本地站点 练习要点 输入站点名称 设置目录路径 修改URL地址 测试站点 练习目标 规划站点结构后在Dreamweaver中设置定义站点还应定义一个站点以便编辑不是由Dreamweaver创建的Web站点。
设置Dreamweaver站点是一种组织所有与Web站点关联的文档的方法。
一般本地站点都是以文件夹的形式存在将设计的网页文件以及所需的一些资料例如图片、声音、文字等都放在该文件夹下便于控制站点结构、全面系统地管理站点中的每个文件。
本地根文件夹是Dreamweaver站点的工作目录此文件夹可以位于本地计算机上也可以位于网络服务器上。
如果本地根文件夹位于运行Web服务器的系统中则无需指定远程文件夹这意味着该Web服务器正在本地计算机上运行。
练习过程 前面所创建的虚拟目录也是现在需要创建本地站点的目录。
可以将F:XNML中的SITE文件夹存放每个站点文件并且将存放的不同站点中的文件进行细化。
01 在Dreamweaver中执行【站点】【新 建站点】命令在弹出的【XNML站点定义为】对话框中输入站点名称如图4-1所示。
02 单击【下一步】按钮选择“是我想使用服务器技术。
”单选按钮然后在【哪种服务器技术】列表中选择ASP JavaScript选项如图4-2所示。
输入名称 图4-1 输入站点名 ①选择 ②技术类型 图4-2 选择服务器技术 JavaScript是一种基于对象Object和事件驱动Event Driven并具有安全性能的脚本语言。
使用它的目的是与HTML超文本标记语言、Java脚本语言Java小程序一起实现在一个Web页面中链接多个对象与Web客户交互作用。
03 单击【下一步】按钮选择【在本地进行编辑和测试我的测试服务器是这台计 算机】单选按钮在【您将把文件存 储在计算机上的什么位置】文本框中修改为当前需要存放文件的目录如图4-3所示。
源地址 修改地址 图4-3 设置文件存储位置 04 单击【下一步】按钮修改站点的根目录。
例如在文本框中将http://localhost/目录修改为http://localhost/XNML/。
05 单击该文本框下面的【测试URL】按钮显示测试结果内容如图4-4所示。
①修改 ③单击 ②单击 图4-4 修改站点根目录 统一资源定位符Uniform Resource LocatorURL是用于完整地描述Internet上网页和其他资源地址的一种标识方法。
Internet上的每一个网页都具有唯一的名称标识通常称之为URL地址这个地址可以是本地磁盘也可以是局域网上的某一台计算机更多的是Internet上的站点简单地说URL就是Web地址俗称“网址”。
06 单击【下一步】按钮选择“否”单选按钮不同意将编辑完成的文件复制到其他计算机中如图4-5所示。
不使用远程服务 图4-5 禁止复制完成的文件 07 单击【下一步】按钮即可显示本地站点的配置总结并查看是否有误然后单击【完成】按钮。
08 在【文件】面板中可以查看所创建的站点信息也可以在IE浏览器中输入http://localhost/XNML/测试本地站点配置是否成功如图4-6所示。
测试地址 查看站点 图4-6 查看站点信息 1更改站点内容 对于初次定义站点的用户可能一次并非能成功建立正确的站点因此当建立错误的站点时可以通过【管理站点】对话框再次编辑该站点内容。
例如在Dreamweaver中执行【站点】【管理站点】命令在弹出的【管理站点】对话框中选择需要修改的站点名称单击【编辑】按钮打开站点定义向导对话框如图4-7 所示。
单击 图4-7 编辑站点 此时可以根据上述建立站点的方法重新修改所设置的站点内容。
例如修改站点的存储位置和URL站点的根目录如图4-8所示。
修改位置 修改根目录 图4-8 修改站点内容 2查看地图视图 在Dreamweaver站点中可以将本地文件夹视作链接图标的视觉地图此视觉地图称为站点地图。
可以使用站点地图将新文件添加到 Dreamweaver站点中或者添加、修改、删除链接。
在显示地图视图之前必须先定义站点的主页才能显示站点地图。
站点的主页是地图的起点可以是站点中的任何页面。
例如在【文件】面板中右击已经定义的站点的网站主页文件执行【设成首页】命令如图4-9所示。
①右击 ②执行 图4-9 设置主页 再在【本地视图】列表框中选择“地图视图”选项显示站点的视图内容如图4-10所示。
站点地图从主页开始显示两个级别深度的站点结构将页面显示为图标并按照在源代码中出现的顺序来显示链接。
选择 地图视图 图4-10 站点地图视图 站点地图是理想的站点结构布局工具用户可以设置整个站点结构创建站点地图的图解图像。
站点地图仅适用于本地站点。
若要创建远程站点的地图要将远程站点的内容复制到本地磁盘上的一个文件夹中然后在【管理站点】对话框中设置站点和主页即可。
练习5 创建测试服务器 练习要点 设置本地信息 设置测试服务器 查看服务器列表 测试服务器 练习目标 在本地计算机创建站点后可以方便地显示动态网页中的内容。
而为保障在Web服务器网站提供商所使用的服务器中正常地浏览网站内容则可以通过测试服务器在本地进行调试后上传至所指的Web服务器这样可以避免诸多在本地正常浏览的网站上传后发生一些链接问题。
测试服务器可以是本地计算机、开发服务器等在设置服务器文件夹之前必须定义本地和远程文件夹也可以将远程文件夹的设置用于测试服务器因为在远程文件夹中上传的动态网页通常是由应用程序服务器处理的。
如果开始已在计算机上编辑文件而不进行发布只需设置一个本地文件夹以后再添加远程和测试信息。
练习过程 1创建站点测试服务器 创建测试服务器的方法与前面介绍创 建站点的方法类同操作也较简单。
所创建 的测试服务器中的站点与本地连接远程服务器站点执行的操作、运行方法相同也可以将本地所创建的测试服务器当作远程服务器 看待。
01 若要设置新站点执行【站点】【新建站点】命令在【站点定义】对话框中选择【高级】选项卡。
02 选择【本地信息】分类选项设置本地信息如图5-1所示。
①选择 ②设置 图5-1 设置本地信息 若要编辑本地磁盘上现有站点或远程站点或远程站点的分支的设置无论该站点是否使用Dreamweaver创建都可在【管理站点】对话框中选择站点并单击【编辑】按钮。
03 选择【测试服务器】分类选项选择要用于Web应用程序的服务器技术接受默认的【测试服务器】设置或者输入不同的设置如图5-2所示。
②设置 ①选择 图5-2 设置测试服务器 默认情况下假定应用程序服务器运行在与Web服务器相同的系统上如果在【站点定义】对话框的【远程信息】类别中定义了远程文件 夹并且应用程序服务器运行在与远程文件夹相同的系统上包括本地计算机则接受【测试服务器】类别中的默认设置。
2查看测试服务器站点 完成测试服务器配置后可将新的站点添加到站点列表中。
此时列表中的文件夹以红色显示并且自动启动【连接到远端主机】选项如图5-3所示。
查看站点 图5-3 查看站点内容 现在可以双击列表中的文件或者将文件拖至编辑区即可打开该文件【文件】面板的状态栏中显示测试服务器的状态如图5-4所示。
①远端文件 ②状态 图5-4 修改服务器中的文件 1浏览服务器内容 若在本地计算机中创建测试服务器则可以在IE浏览的【地址栏】中输入URL地 址进行浏览。
例如在设置测试服务器时输 入的URL地址为http://localhost/XNML/SITE/ guestbook/ GuestBook.asp如图5-5所示。
2刷新服务器 对服务器中的文件进行本地编辑并保存后单击【刷新】按钮即可更新服务器中文件及链接如图5-6所示。
测试站点 图5-5 浏览服务器文件 刷新站点 图5-6.
上一篇:
《Windows高级编程及实践》考试要求【精品推荐
下一篇:
经典高三励志演讲稿