D r eam w eaver中网页的设计与实现
顾玉蓉
(巴音郭楞职业技术学院电子信息工程学院,新疆库尔勒841000)
随要】随着网络的应用和普及,尤其是电子商务的不断发展,网络技术的应用也越来越普及,网页设计师和网站开发管理人员在社会各行业中的需求量日益增加。作为网页制作的主流软件Drea m w ea ver,显示了其无比强大的优越}生。
[关键词]网页设计;D r eam w eaver;H TM L
随着网络的应用和普及,尤其是电子商务的不断发展,网络技术的应用也越来越普及,网页设计师和网站开发管理人员在社会各行业中的需求量日益增加。作为网页制作的主流软件D re am w e ave r。显示了其无比强大的优越性。本文首先介绍了D re a m w ea ver软件,然后以一个具体的网页制作过程为例,说明如何利用D r e am w e a ve r进行网页设计与制作。
一.D r eam w eaver概述
D ream w eaver是M acr o m edi a公司推出的一个可视化网页设计
和站点管理工具,可支持最新的W eb技术,如H TM L检查、格式控制、全局查/替换等功能,能够处理Fl a sh和S hockw a re等多媒体格式,并制作动态H TM L和W eb创作等。
D r eam w eaver提供了强大的设计工具,用户可以精确控制
D r ea m w ea ve r产生的见面源代码,可在可视编辑的同时同步看到任何
源代码。此外,可视化的设计使初学者可以采用图形拖拽的方式进行网页的初步设计,方便快捷。目前D r ea m w e ave r已被成为网页制作三剑客,深受网页制作者的青睐。
和其他的网页制作工具相比。D r ea m w eaver具有以下几个特点:简易的文本输入、最佳的制作效率、全方位的呈现以及多媒体支持。
二、网页制作过程
(一)网页制作基本知识
在网页设计中编写每个页面都会用到网络课程制作的基础——相文本标记语言(H TM L)。H TM L语法非常简单,它采用简捷明白的语法命令,通过各种标记、元素、属性、对象等关键宇建立与图形、声音、视频等多媒体信息以及其它超文本的链接。
一般来说,网页制作从功能上可分为静态网页的制作和动态网页的制作。其区别在于程序是否在服务器端运行。静态网页多用于说明和效果的展示,而动态网页用于功能的使用和实际的数据操作。
㈡网页制作的步骤
网页制作前的首要步骤是进行合理的网页设计。制作者可以根据网页的应用对其结构、内容、功能进行设计。有了初步的设计方案后,便可以使用D ream w eaver进行溺叶嘲l作了。这里以D r eam w eaver8.0为例。
1.建立站点,规划本地信息
打开D r ea m w e aver8.0,可以根据需要选择创建新项目,包括
H T M L、PH P、A SP等等。如果想利用D r eam w eaver提供的网页模
板,也可以选择入门页面,里面有已经设计好结构的网页模板可供选择。.
进入新创建的页面后,首先应利用D re am w ea ve r新建一个站点。
方法如下:选择菜单“站点一>新建站点”,可按向导提示,为站点取名,例如"t es t l“。并对站点存放位
置进行设置;如果仅仅是静态网页的制作。那么在“测试服务器”模型选择上默认选择“无”,如果包含动态网页的制作.那么此处应根据动态网页技术的需求,选择合适的服务器模型,如‘‘A SPJavasc r i pt、J SP”等等。
可使用F12快捷方式浏览这个空白页面,也可以根据站点存放的位置在磁盘中查看所有的网页文件。
2网页的界面设计
网页界面设计主要包括如何对网页的布局、结构进行规划。使用
D r ea m w ea ve r提供的模板可以快速创建网站,使各个页面风格保持一262
2009年6月(上I
致,也可以根据需要修改模板,大大提高了工作效率。
如果选择自己设计网页的界面,那么首先,先要对整个网页进行规划,包括颜、标题以及控件设计。在D re a m w ea ver80窗口的工具栏“常用”处,提供了表格、文本框、按钮、图像、表单等各种网页设计元素,设计者可根据需要随意拖拽到网页的指定位置,并利用其“属性”功能对其进行样式、大小等方面的设置。
以上步骤完成之后,一个网页的雏形就产生了。我们在“设计”窗口模式下可以直接看到我们设计的效果,也可以通过F12快捷键在浏览器中浏览设计好的网页。此外,如果想查看具体的代码,可以选择“代码”窗口模式,查看与“设计”模式下相配套的H T M L代码。
3.网页功能设计与实现
中的网页设计,仅仅是简单的静态网页设计。如果想让网页真正的完成某些特定的功能的话,必须设计实现网页的功能模块,也就是所谓的动态网页设计。在功能设计中,D r ea m w ea ve r提供了数据库访问和自动生成动态服务器网页代码的支持,可以在“应用程序”工具栏中按向导连接数据库,并在“应用程序对象”里选择添加、删除、修改等操作,完成网页的功能。
4网页发布
网页制作完毕后,如果想投入到使用,必须将网页发布。一般先建立W、,V V V服务器,或者可以通过付费的方式选择一些门户网站提供的服务器。服务器设置好了之后,单击“站点一>管理站点”命令,到设置的站点,再选择“高级”模式下的“远程信息”,可根据不同的方式进行服务器信息设置。设置完毕后测试无误即可。再单击菜单栏“站点一>上传”命令,弹出对话框询问是否包含相关文件,选择“是”,否则网页上的图形显示不出来。
经过以上操作后,用户就可以通过发布的网址访问此网页了。
根据以上步骤,就可以设计出一个简单的动态网页。当然,这里仅仅是一个简单的入门,读者可以根据需要,利用D re am w ea ver设计实现更加美观、功能更加强大的网页。由于D r ea m w e ave r提供较多的可视化设计操作,使网页制作过程都非常简单。
如何制作网页代码
三、结语
本文通过对网页制作软件D re a m w e aver的介绍,并以实际操作为例详细叙述了如何利用D r ea m w e ave r进行网页制作,整个过程方便、快捷,体现了D r ea m w ea ve r强大的功能。
作者简介:顾玉蓉,1981年生,女.新疆库尔勒市人,就职于新疆巴音郭楞职业技术学院电子信息工程学院。主要从事计算机应用技术的研究。
[参考文献]
f1】陈杰D r eam w eaver在动态网页设计中的J Em Lt].矿业工程,2005.
【2】闰利平,石翠仙.D re a m w ea ver M X中动态网页设计与实现Ⅱ】.河北工业科
技,2007
【3】钟秋亭使用D r eam w eaver制作图书馆网页Ⅱ】.鞍山师范学院学报,2006

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。