运用Dreamweaver与Asp.net技术制作网页的技巧

龙源期刊网 http://www.qikan.com.cn

运用Dreamweaver与Asp.net技术制作网页的技巧

作者：翟彦军

来源：《职业·下旬》2012年第04期

一、引言

一个相对完善的计算机网站，不但要能够使传统的传媒形式实现网络化、电子化，而且要实现网络信息的收集、传递以及储存工作，还要对系统进行维护服务工作等等。利用Dreamweaver与Asp.net技术不但能够设计网页，还有能力开发出动态网页。Dreamweaver技术总结了Asp.net的许多典型服务功能，把它们组装成模板，集成到数据库的修改和开发环境中，利用一些技巧将Dreamweaver与Asp.net技术运用得更加成熟与完善。 二、ASP软件介绍

ASP的全称是Active Server Pages。此软件是由微软公司开发的服务器端脚本环境，它可以通过在标准的网页之中使用Asp.net内建的对象和可安装的组件，结合相关的软件来设计、建立动态的、具有强大功能的网页，这样的页面叫做动态网页。采用Frontpage或者

Dreamweaver设计出扩展名为htm的页面通常都是静态网页。静态网页不能对后台数据库进行存取，也不能运用代码来将网页显示的内容进行改变，只可以显示出预先设计好的固定页面中的内容，在客户端的浏览器中运行。Asp.net网页是以静态网页为前提，利用嵌套入和使用Asp.net代码组成的动态网页，实现可以存取后台数据库以及动态显示客户端的网页，在服务器端运行。

三、关于层的应用

层是Dreamweaver的布局概念，能够利用层进行页面布局的设置，既可以将层前后放置，自由的显示或者隐藏某些层，还可以将层在屏幕上进行移动。例如，将背景图像放在其中的一个层中，再在此层的前面放置另一个层，它包括了带有透明背景的文本。

在将层放置在文档时，Dreamweaver就会在代码中插入此层的HTML的标签。在一般情况下，Dreamweaver会默认使用标签来创建层。

在创建页面时，它能够采用Layer与Ilayer标签来创建层。目前，只有Netscape Navigator 4能够支持这两种标签，其他新型的浏览器几乎都不能支持。而且Dreamweaver只能够识别，不能够利用这两种标签来创建层。

四、Dreamweaver与Asp.net技术的使用技巧

龙源期刊网 http://www.qikan.com.cn

1.在网页中制作虚线

利用Dreamweaver在网页中制作虚线的方法，可分为三个步骤：

一是在Dreamweaver中打开CSS样式，点击+，就会出现“新建CSS规则”的对话框，再点击定义类的名称，然后选择“仅对该文档”。

二是选择CSS规则定义的边框，样式全部一致，在样式中“上”选择“虚线”，宽度为一像素，颜色自由选择。

三是选择工具栏中的常用，点击“插用Div标签”，在插入文本框中，选择点击“在插入点”，接着选择类名称，最后确定，就得到了设计的虚线。 2.设计网页布局

利用Dreamweaver进行网页的局部设计，最终得到Asp.net文件，要完成三个步骤： 一是设置顶部样式。点击常用工具栏，选择插入Div标签，再选择新建CSS样式，进行高级设置，点击top，“仅对该文档”，选择“确定”，设置方框的宽度为770，高50像素。 二是设置左边（lift）样式。此步骤与设置顶部样式的步骤大体一致，最后宽度为35%，高为100像素。

三是设置右边样式。与前两个步骤基本相同，宽度为60%，高为100像素。 3.简便方法设计制作出树形目录 此过程包含五个步骤。

一是在计算机上安装HTML Outlines的插件，安装完毕之后，Dreamweaver的工具栏中还会显示出一个Outlines的菜单目录。

二是鼠标选中显示的子菜单，工具栏的右侧会显示出一个图标。

三是点击菜单右侧出现的图标，添加标题，然后点击+号，点击之后会在Headlines中显示标题的名称，此时，再点击Create来创建子菜单。

四是标题的下面会出现一列英文，这时用户可以按照意愿对英文进行更改。

五是预览，当打开网页时，只显示标题为歌曲欣赏，在点击标题之后，就能够看到里面详细的内容，这样就能够很轻松的制作出树形结构的目录，避免了填写代码这一程序，节省了很多时间。