运用Dreamweaver与Asp .net技术制作网页的技巧 下载本文

内容发布更新时间 : 2024/11/17 4:40:16星期一 下面是文章的全部内容请认真阅读。

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

一、引言

一个相对完善的计算机网站,不但要能够使传统的传媒形式实现网络化、电子化,而且要实现网络信息的收集、传递以及储存工作,还要对系统进行维护服务工作等等。利用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技术的使用技巧

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来创建子菜单。

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

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

五、结语

在运用Dreamweaver与Asp.net技术制作网页时,设计人员熟练地运用其中

的技巧,通过插件的应用,使用为数不多的手写代码,就能够运用许多功能,完成网页的设计与制作。这种技术在实际操作过程中实用性非常高,并且有方便的编辑与管理功能,为工作提供了极大的方便。随着未来计算机技术的发展,计算机领域将会不断开发出更先进的技术,网络技术人员应注意总结研究其中的技巧,满足实际应用的需要。