当前位置:主页 > 平面设计

最新发布

Ultradev实例教程:3.7 创建一个简单的查询
Ultradev实例教程:3.7 创建一个简单的查询

第三章:应用数据库创建动态网页 第七节:创建一个简单的查询   其实查询创建的原理与我们在上面学到的数据编辑原理是一样的,都是先从第一个页面传递一个值给第二个页面,然后第二个页面根据这个传递过去的值取出相应的纪录,再做以相应的处理,如显示、编辑、删除。所不同的是传递方式。上一节我们是通过地址连接来传递值,而我们知道一般查询都是通过一个表单填写数据然后提交的。 好,就让我们来看看具体的创建过程。   首先我们要创建一个用户能够输入查询内容的页面。如图,我们插入一个名为Search的类型为Text的表单域何一个提交按钮。注意这个表单域的名字后面要用上的,名字则随便你取了。然后我们为这个表单域添加一个执行的页面。将光标定位在红线处,出现Form的属性面板。在Action一栏中填上你要进行查询处理的页面地址,这里我们用searchdo.asp来处理。这个页面我们在后面创建。这些都设置完了之后将这个页面存为search.asp,我们的传递值用的第一个页面就做好了。   接下来我们创建第二个页面,也就是searchdo.asp了。老样子,打开创建记录集的面板,如图。各位是不是看到了有什么不同的地方。对了,在Filter中出现了Form Variable。让我细细道来。Filter中选择username表示我们要搜索的范围是用户名的这个字段。条件一栏我们选择contain,表示数据库将显示username这个字段数据,只要这个字段中含有用户输入的内容。比如username 中有如下内容 a ,aac,aaac ,如果用户用a搜索的话,则三个数据都会被显示出来,如果用户用ac搜索的话,则aac,aaac都会被显示出来。Form Variable是表示记录集接受传递的值是通过表单传递过来的。search就是我们的表单域名字了,如果你的表单域名字是searchstring的话,相应的这里也要改成searchstring了。点击Ok,我们的记录集就创建好了。 记录集创建好了之后我们要做的事就只是按照上面教的显示纪录的方法把记录显示出来而已了。打开浏览器窗口,察看程序的输出结果。 这是点击Advanced按钮看到的Ultradev为我们生成的Sql代码。看到了那个Request.Form("search")了吗?似曾相识哦。 *_’ DreamweaverUltradev的一些基本功能就讲述到这里了,看完这些,朋友你应该能做一些基本的数据显示浏览、编辑删除的功能了。接下来,我们先讲一讲Ultradev的插件使用功能,然后我们再通过一个简单网站后台管理程序来巩固我们学习的内容。 为什么要先讲插件使用呢,因为很多时候我们可以用插件很方便的实现一些功能的,而且在接下来的后台管理程序中也要用到一些插件,所以我们先讲插件的基本使用方法。敬请留意。

4 次浏览
Ultradev实例教程:4 插件的安装与使用
Ultradev实例教程:4 插件的安装与使用

第四章:ultrade插件的安装与简单的使用   使用插件可以帮我们快速的实现一些功能,免去了大量编程的痛苦。以前Dreamweaver和Ultradev的插件是要手工将文件拷贝到相应的目录才能起作用,对于不熟悉这方面的朋友来讲是一件比较麻烦的事情,到了4.0版本的时候Marcomedia使用了一个名叫Extention Manager的工具来帮助用户安装插件,而插件的形式也变为*.mxp了。  Extention Manager是随Dreamweaver或者Ultradev安装的时候就安装上去了,我们可以通过 开始-〉程序 -〉Macromedia Extention Manager 来打开他,显示的界面如下:   显示界面简单明了,工具栏左边的两个按钮分别是安装和卸载。在工具栏下面的窗口中会列出你所安装插件的名字、版本、类型、作者等信息。再下面的窗口则列出该插件的用途说明和一些注意事项或者简单的使用方法。如上图所示。  如果要安装新插件的话,你可以直接双击你的插件文件,系统会自动调用Extention Manager进行安装,也可以通过点击Extention Manager工具栏上面的Install按钮进行安装,然后你选择要安装的插件:   安装开始时,会问你同不同意Macromedia的声明,大致是一些不得将此插件作为商业性质传播等等。Decline的话就退出安装程序,所以我们当然选择Accept了 :)   大家要去哪里找插件呢?推荐去Macromedia的老家,那里提供了一个插件中心,有全世界各地的Ultradev使用者为其提供插件。分类科学,也有搜索帮助你快速的找到你想要的插件。 下面我为大家简单的介绍一个插件的使用方法。 插件名字:dHTML Outlines 版本:1.7.7 类型:Object 这是一个对象插件,创建资源管理器形式的下拉菜单(折叠树)。这个插件要ie4以上版本或者netscape 6才支持(图中的插件介绍中提到了)。 安装后可以从object面板或者菜单 Insert -> Outlines 打开插件的设置面板。   插件的控制面板很简单,如图所示: 选择details标签,我们可以看到,面板上共有三个地方可供我们设置。 Base Name for Outlines: 这个随便你填写,但要求是一个有效的名称,他只是在呆会儿要生成的javascript代码中充当一个参数的角色,不会在网页中显示出来。注意,不能包含空格。 Add Heading: 就是你想要在网页中显示的树干,至于树枝的内容要待会儿在网页中才能修改。如图所示: Text Indent of Child Items : 树枝内容的缩进数,你可以按自己的需要选择。上图为默认的缩进量显示效果。 Include Latin Filler Text: 大概就是用一段拉丁文来描述说明,无关紧要,可采用默认值false. 点击create后插件就生成了这样一个页面: 接下来我们的工作就是要修改黑底部分的内容为你自己想显示的内容,如上图所示。修改完毕后,预览。 察看网页源代码,我们就可以看到: < div id="helloParenthello3" onClick="javascript:hideshow(’helloChildhello3’)" class="exheading" >hello3< /div > < div id="helloChildhello3" style="cursor:auto" class="exindent" >Hello world!!< /div > 这样,如果我们要从数据库中的数据动态生成折叠树的话就很容易了,只需把要显示的字段代替hello world!!,如就行了。

8 次浏览
Ultradev实例教程:1.4 Ultradev的安装
Ultradev实例教程:1.4 Ultradev的安装

第一章:ultradev简介 第四节:Ultradev的安装   在您要使用Dreamweaver Ultradev制作后台之前,您必须准备好一张装有Dreamweaver Ultradev的正版光盘以及Macromedia提供的序列号。   都准备好了?ok,那么我们在下面的步骤中,将以step by step的形式,向您展示Dreamweaver Ultradev的安装过程和方法。 1. 将光盘放进光驱,然后进入放有Dreamweaver Ultradev4.0的目录中。这时候您可以看到如图1-1的箭头所指的标志,那个就是Dreamweaver Ultradev4.0的安装程序了。 图1-12. 双击Dreamweaver Ultradev的安装程序的图标,该安装程序开始解压,将所需要的文件解压出来,以供安装,如图1-2 图1-23. 安装程序解压完毕后,点击“Next”,出现安装欢迎对话框。如图1-3。点击“next”。 图1-3 4. 出现版权协议画面,当然,您必须接受这个协议,也就是选择“Yes”,否则将无法继续下面的安装。 图1-4 5. 接着进入的面板中,填入姓名、工作单位或是机构名称以及产品的序列号。完成后点击“next”。

6 次浏览
在网页中显示可拖动月历
在网页中显示可拖动月历

 r使用本文提供的JavaScript脚本,配合Dreamweaver的层和行为的运用,可以在页面中显示可拖动的精美月历。具*作步骤如下:1、启动Dreamweaver MX,新建一个HTML文档,切换到代码视图,编写JavaScript脚本。(1)在HTML文档的< head>...< /head>插入下面的JavaScript脚本:< SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">  //定义月历函数  function calendar() {  var today = new Date(); //创建日期对象  year = today.getYear(); //读取年份  thisDay = today.getDate(); //读取当前日//创建每月天数数组  var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);  //如果是闰年,2月份的天数为29天  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;  daysOfCurrentMonth = monthDays[today.getMonth()]; //从每月天数数组中读取当月的天数  firstDay = today;//复制日期对象  firstDay.setDate(1); //设置日期对象firstDay的日为1号  startDay = firstDay.getDay(); //确定当月第一天是星期几//定义周日和月份中文名数组  var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");  //创建日期对象  var newDate = new Date();//创建表格document.write("< TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' ALIGN='CENTER' BGCOLOR='#0080FF'>")  document.write("< TR>< TD>< table border='0' cellspacing='1' cellpadding='2' bgcolor='#88FF99'>");  document.write("< TR>< th colspan='7' bgcolor='#C8E3FF'>");//显示当前日期和周日  document.writeln("< FONT STYLE='font-size:9pt;Color:#FF0000'>" + newDate.getYear() + "年" + monthNames[newDate.getMonth()] + " " + newDate.getDate() + "日 " + dayNames[newDate.getDay()] + "< /FONT>");//显示月历表头document.writeln("< /TH>< /TR>< TR>< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>日< /FONT>< /TH>");document.writeln("< th bgcolor='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>一< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>二< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>三< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>四< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>五< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>六< /FONT>< /TH>");document.writeln("< /TR>< TR>");

5 次浏览
用Dreamweaver MX轻松操作表格
用Dreamweaver MX轻松操作表格

网页制作中是免不了与表格打交道的。表格是网页制作的基础,在网页布局中起着举足轻重的作用,熟练掌握表格的操作,是你制作网页的辅路石,也是你成为“织网高手”的敲门砖。一、调整表格的尺寸1、等比例调整行、列的宽度选定表格,在表格的右边框、底边框及右下角各出现三个黑色方块,称为选择手柄,拖动选择手柄即可调整表格的大小,此时表格的行或列宽度等比例调整。2、设置行、列的宽度如图1所示,如果要实现第一行行高的增加,可采取如下三种方法实现:(1) 同Word的表格操作相似,向下拖动表格中两行间的边框来增加行高;

9 次浏览
用Dreamweaver MX巧妙格式化表格
用Dreamweaver MX巧妙格式化表格

表格制作好了,内容也有了,怎么看着别扭呀!哦,还没有给表格化化装--格式化表格呀,俗话说:人靠衣服也靠鞍,要想让你制作的网页漂漂亮亮、美观大方,还有很长的路要走呢!一、格式化表格表格的格式化主要包括表格的对齐方式、间距与边距的调整、边框的设置及背景的设置。大部分工作可以通过表格的属性面板完成,如图1所示。对齐:选定表格后,通过属性面板中Align(对齐)设置表格在网页中对齐方式:居中、居左或居右,如果你要使表格想去哪就去哪,想不去哪就不去哪,还得另想高招:1、将表格放置到层中;2、表格中嵌套表格。CellPad(边距)和CellSpace(间距):搞清楚两个概念是关键:边距是指单元格中文本与单元格边框之间的距离,而间距是指单元格之间的距离,如图2所示,两者的单位都是象素,默认情况下以间距2,边距1的设置显示表格。

4 次浏览
DreamweaverMX Ultradev探索:技巧荟萃
DreamweaverMX Ultradev探索:技巧荟萃

前面我们讲了一些Dreamweaver MX的基本操作,相信大家看了后都会觉得比较简单,的确,这是个工具软件,操作方便应该是它的宗旨。其实网络后台最基本的就应该是抓取数据库了,只有掌握好这方面的东西你才可以更加深入的学习。当然,我们只学习了Dreamweaver MX的很少一部分,还有很多的行为(Server Behaviors)就要你自己去慢慢摸索了,我们所能做的就是带你进入Dreamweaver MX的世界,要掌握更加深层的东西,就要看你的耐心和意志了。学习是快乐的,但也是痛苦的,尤其在你碰到问题没有办法解决的时候。从今天开始,我们要一起探讨一些技巧方面的东西,我们的技巧不是在操作上的,而是在后台应用上的,也就是asp的技巧。Dreamweaver MX能够自动生成代码,相信大家已经觉得是一大飞跃了,尤其是对那些设计人员来说再也不是什么遥不可及的事情了。但是任何事物都有它的负面性,Dreamweaver MX也不例外。首先:它生成的代码太多了,不是那么容易让初学者理解。很多时候我们完全可以用比较少的代码来替代它自动生成的代码。其次:它需要管理的页面也太多了,也就是说给web维护人员带来了比较大的麻烦,我们经常可以看到在行为对话框中有一个after **** go to ,就是手当我们完成此操作后跳转(小技巧:跳转也可以说是定向,asp代码是:Response.Redircet "newpage.asp" )到一个新的页面。其实它完全可以做到一个页面上,这样的好处是我们要维护的页面就少了,你可不要小看它,如果你能够很好的掌握这个技巧,那么你将可以少建30%的页面,的确是这样的,你不要吃惊。今天我们就来说说这方面的技巧:这里我们主要用到一个if……end if语句,这个我想大家都明白,具体怎么实现了?比如:我们要建立一个登录系统,用传统的Dreamweaver MX做我们要两个页面,这是个很简单的东西,只要几行的代码?所以我决定把它并在一个页面里。编程思路:我们要建立登录系统,肯定要用到表单< form>< /form>在表单提交的时候我们用Request.form("name")来得到表单里的值,还有一个在客户机与服务器之间传递信息的方发就是Request.QueryString,它是和url一起传递的,就是我们经常看到的,http : //www.cfsky.com/forum.asp?id=1。Id=1就是QueryString,我们可以用Request.queryString("id")来得到它的值。我们要实现的就是用if语句检查有没有Querystring,如果没有就在页面上生成表单,如果有就在页面上输出 "欢迎您,都市无情人" (小技巧:用Response.write "你想要输出的文字"可以输出,也可以用< %= "你想要输出的文字" %>)在页面上建立基本的表单,名字为login.asp,大家注意:我们在< form>的action属性中填写的是文件本身,后面还给了它一个url参数,这个参数就是用来控制页面中asp代码的执行的。代码如下:< html>  < head>  < title>Untitled Document< /title>  < meta http-equiv="Content-Type" content="text/html; charset=gb2312">  < /head>

6 次浏览
用Dreamweaver MX制作导航下拉菜单
用Dreamweaver MX制作导航下拉菜单

Dreamweaver从出道以来,其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver MX(DW MX)中,对这一功能又有了扩充与改进。在DW MX中,行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event 指的是浏览器的事件,比如窗口刷新、鼠标移动等。而 Action 指的是后台响应事件的 JavaScript 代码,可以完成相应的操作,比如播放声音、翻转图片等。用DW MX制作导航下拉菜单是网页中经常使用的特效之一。(如图1)主要应用了DW MX中的“Show-Hide Layers”行为。首先制作好导航条(图1中的“产品中心”那一栏),随后添加一个层,作为下拉菜单将要显示的位置,并填入下拉菜单的对应栏目。接下来,打开“Behaviors”面板,同时选中“产品中心”链接(注意,这个时候不能够选中刚刚建好的层,否则无法应用“Show-Hide Layers”行为),单击“+”号,选择“Show-Hide Layers”,就可以看到我们刚刚建好的层在选择项中,可以设定为隐藏或者显示(如图2)。

4 次浏览
用Dreamweaver实现Real与网页结合
用Dreamweaver实现Real与网页结合

当你在IE中点击一个Realplayer连接时,系统会自动启动Realplayer软件,不仅占用系统内存,而且在上网时Realplayer容易出现错误。解决这问题的最好办法就是将Realplayer文件嵌入网页,但是这个解决方案必须会编写JAVA等高级语言,近日,我发现可以使用Realplayer轻松将Realplayer文件嵌入网页之中。     只需安装一个Real Networks专门为Dreamweaver开发的Real Media插件即可。安装插件前首先一定要安装Macromedia Extension Manager。其最新版本为1.5,可以在Macromedia网站上免费下载得到。Real Media的插件同样也可以在Macromedia网站上找到。插件下载之后,只需双击,Macromedia Extension Manager就会自动进行安装。安装后,开启Dreamweaver(这里以Dreamweaver MX为例),会发现在Instert栏目中多了一项RealMedia(图1),这个就是刚刚所安装的插件。          插入RM音频文件     第一步,保存网页。在网页中插入任何RealMedia的控件时,必须先保存网页,不然会出现图2的对话框。          第二步,保存之后,用鼠标单击RealMedia Audio按钮,出现选择文件对话框(图3)。一般来说,所有的Realplayer所支持的文件都可以插入其中,比如像MP3也可以,如果要插入Realplayer的视频文件,在网页中只能听到声音,却不见图像。          第三步,这是就可以修改Properties中的各项参数了。RealMedia Audio各项参数设置如图4所示,RealMedia一栏中可以输入对应的名字,W栏H栏就是我们一般所见到的长与高,它的默认属性是1*1。Src是播放的文件具体的地址,可以点击文件夹进行重新选择。为了让用户一打开这个页面,就听到悦耳的音乐,勾选Auto-Start。一般的音频文件播放时,会出现Real Networks的商标,如果勾选了Hide Logo这个选项,那么商标就不再出现了。

4 次浏览
巧用Dreamweaver MX共享Execl XP文件
巧用Dreamweaver MX共享Execl XP文件

我们平日办公时用得最多的软件是Execl、Word或WPS Office等,你的计算机中一定储存着大量的XLS、DOC、WPS文件吧!网页制作时需要将此类文件转换为HTML文件,你是如何处理的呢?下面就随我来看一下将XLS转换为HTML文件的方法吧!     一、导入法     1、将Execl XP文件另存为文本文件。打开“2001级10班考试成绩.xls”文件,单击“文件/另存为”,保存类型选择“文本文件(制表符分隔)”,出现提示窗口后确认即可,保存为“2001级10班考试成绩.txt”文件。     2、在Dreamweaver MX编辑窗口中单击“Insert/Table Objects/Import Tabular Data...”,打开“Import Tabular Data”对话框,如图1所示。          3、在对话框中单击“Browse...”按钮,找到要导入的文件“2001级10班考试成绩.txt”,双击此文件填加到Data File栏中。在对话框中其它项目为:     Delimiter: 导入数据的分隔符,有Tab符等;   Table With: 设置表格的宽度,一般选择“Fit to Data”;   Cell Padding: 单元格边距;   Cell Spacing: 单元格间距;   Format Top Row : 格式化首行,设置“粗体、斜体或粗体加斜体”;   Border: 边框。     4、单击“OK”按钮,Execl XP文件中数据被导入到Dreamweaver MX,还是以表格的形式存在,这样导入的表格宽度为不超过显示屏幕,单元格中数据换行显示,有时会显得很混乱,这时需要将数据设置为不换行显示。     5、选中所有单元格,在属性面板中勾选No Wrap后复选框,如图2所示,这样单元格中数据将不换行显示,在IE中浏览时可能在水平方向上超过显示屏幕显示。

6 次浏览
共计26043条记录 上一页 1.. 518 519 520 521 522 523 524 ..2605 下一页