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

最新发布

使用百分比规划CSS和圆角背景图像
使用百分比规划CSS和圆角背景图像

废话不多说,先看这里看演示我们先来看看HTML主体代码 再来看看CSS的代码。点这里下载本教程所用到的图片。 body { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; } #outer { width:80%; margin:0px auto 0px auto; padding:0px; background-attachment: scroll; background-image: url(images/background_r3_c5.gif); background-repeat: repeat-y; background-position: right 0px; background-color: #B5DE54; } #wrapper { width:100%; margin:0px; padding:0px; background-attachment: scroll; background-image: url(images/background_r3_c2.gif); background-repeat: repeat-y; background-position: 0px 0px; } #header, #header_left, #header_right, #footer_left, #footer_right { margin:0px; padding:0px; } #header { position:relative; height:70px; background-image: url(images/background_r2_c3.gif); background-attachment: scroll; background-repeat: repeat-x; background-position: left 0px; } #header_left { position:absolute; top:0px; left:0px; width:30px; height:70px; background-attachment: scroll; background-image: url(images/background_r2_c2.gif); background-repeat: no-repeat; background-position: left 0px; } #header_right { position:absolute; top:0px; right:0px; width:30px; height:70px; background-attachment: scroll; background-image: url(images/background_r2_c5.gif); background-repeat: no-repeat; background-position: right 0px; } #container { margin:0px; padding:10%; width:80%; height:auto; } #footer { margin:0px; padding:0px; height:40px; position:relative; background-attachment: scroll; background-image: url(images/background_r5_c3.gif); background-repeat: repeat-x; background-position: left bottom; } #footer_left { position:absolute; bottom:0px; left:0px; width:30px; height:40px; background-image: url(images/background_r5_c2.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: left bottom; } #footer_right { position:absolute; bottom:0px; right:0px; width:30px; height:40px; background-attachment: scroll; background-image: url(images/background_r5_c5.gif); background-repeat: no-repeat; background-position: right bottom; }

4 次浏览
巧用Dreamweaver CS3数据导入功能
巧用Dreamweaver CS3数据导入功能

2、(1)打开DW MX,新建一个html页面,选择菜单栏insert/table objects/import tabular data这项。 (2)出现import tabular data窗口,单击“Browse…”按钮,选择存放数据的文本文件,在Delimiter该项中要和文本文件里的分隔符相对应,因为kehu.txt文件里用的是逗号,所以选择了Comma,其它各项可根据各位需要进行选择修改。 (3)最后点击“OK”,一张包含文本文件数据的表格就呈现在了你的面前。 3、(1)虽然表格是做出来了,不过有时我们需要对表格中的数据进行一个排序,这点DW当然也想到了,先选中表格,然后选择菜单栏commands/sort table该项。 (2)出现sort table窗口,sort by项选择column 1,order项选择按字母排序Alphabetically和升序排列Ascending,其它各项各位可参照图5根据需要进行选择。 (3)单击“OK”,这样就完成了对表格中列1的排序,列1中的姓名均以拼音字母大小来进行了升序排列。 4、(1)现在,我们效果和排序都出来了,最后要做的就是对表格的美化,爱美之心人皆有之,表格也不例外呀,除了自己手动美化外,DW也专门提供了十七种样式供你选择。与sort table类似,先选中表格,再选择commands/format table项。 (2)出现format table窗口,左上角有各样式,可根据你的喜好来选择,因为其余各项都是傻瓜式的操作,在这里就不一一介绍了,只是对最后一项强调一下,该项是询问你是否把各样式代码添加到TD标记里而非默认添加到TR标记中,在这里笔者建议你不要勾选,否则会生成比默认设置多得多的代码。 (3)单击“OK”,大功告成,最后生成的效果图如下,怎么样?简简单单的几步就能做成这样,原本需要用后台编程才能实现的功能,用DW就轻松搞定了,它的强大之处也正是在于此。

4 次浏览
Dreamweaver CS3支持哪些服务器技术
Dreamweaver CS3支持哪些服务器技术

ColdFusion Macromedia ColdFusion MX 7 ASP.NET 具有 .NET 框架的 Microsoft IIS 6 ASP Microsoft IIS Sun ONE Active Server Page JSP Macromedia JRun Apache Tomcat PHP PHP 服务器注: 确保应用程序服务器可以和您的 Web 服务器配合使用。例如,.NET 框架只能和 IIS 5 或更高版本一起使用。

4 次浏览
Dreamweaver CS3 For ASP 数据库连接
Dreamweaver CS3 For ASP 数据库连接

  数据库 数据库驱动程序 Microsoft Access Microsoft Access 驱动程序 (ODBC) 用于 Access 的 Microsoft Jet 提供程序 (OLE DB) Microsoft SQL Server Microsoft SQL Server 驱动程序 (ODBC) Microsoft SQL Server 提供程序 (OLE DB) Oracle Microsoft Oracle 驱动程序 (ODBC) Oracle Provider for OLE DB 您可以使用数据源名称 (DSN) 或连接字符串连接到数据库。如果您正在通过未安装在 Windows 系统上的 OLE DB 提供程序或 ODBC 驱动程序进行连接,则必须使用连接字符串。 DSN 是单个词的标识符(如 myConnection),它指向数据库并包含连接到该数据库所需的全部信息。您可以在 Windows 中定义 DSN。如果您正在通过安装在 Windows 系统上的 ODBC 驱动程序进行连接,则可以使用 DSN。 连接字符串是手动编码的表达式,它会标识数据库并列出连接到该数据库所需的信息,如下例所示: Driver={Microsoft Access Driver (*.mdb)}; DBQ=C:\Inetpub\wwwroot\Research\trees.mdb注: 如果您正在通过安装在 Windows 系统上的 ODBC 驱动程序建立连接,也可以使用连接字符串,但使用 DSN 要简单一些。

6 次浏览
什么是HTML表单参数
什么是HTML表单参数

 如果 Web 应用程序需要一个精确的参数值(例如当该应用程序根据几种选项之一来执行一项操作时),则可以用单选按钮、复选框或者列表/菜单表单对象来控制用户可以提交的值。这样可以防止用户错误地键入某些信息并引起应用程序错误。下例描述一个提供三个选项的弹出菜单表单:每个菜单选项对应一个作为表单参数提交给服务器的硬编码值。下面示例中的“列表值”对话框将每个列表项都与一个值(“Add”、“Update”或“Delete”)匹配起来: 创建完表单参数后,Dreamweaver 可以检索该值并将其用在 Web 应用程序中。在 Dreamweaver 中定义了表单参数之后,可将其值插入到页面中。

10 次浏览
什么是URL参数
什么是URL参数

 在此工作流程示例中,应用程序是一家基于 Web 的店面。由于希望招徕最大范围的可能顾客,所以站点的开发人员将站点设计得可以支持多种外币。用户登录到该站点之后,他们可以选择使用哪种货币来查看所列商品的价格。 浏览器向服务器请求 report.cfm 页。该请求包括 URL 参数 Currency="euro"。Currency="euro" 变量指定所有检索到的货币数值都以欧盟的欧元为单位来显示。 服务器将 URL 参数临时存储在内存中。 report.cfm 页使用该参数来检索以欧元为单位的商品价格。这些货币数值既可以存储在反映不同货币的数据库表中,也可以从与每种商品相关联的单一货币形式转换为应用程序支持的任何货币形式。 服务器将 report.cfm 页发送给浏览器,并以请求的货币形式显示商品的价格。此用户结束会话时,服务器将清除 URL 参数的值,释放服务器内存以存放新的用户请求。当将 HTTP 的 GET 方法与 HTML 表单一起使用时,将创建 URL 参数。GET 方法指定在提交表单时将参数值追加到 URL 请求上。 URL 参数的典型应用包括根据用户的喜好对 Web 站点进行个性化设置。例如,由用户名和密码组成的 URL 参数可用于验证用户身份,并只显示该用户已经订阅的信息。这种应用的常见示例包括一些金融 Web 站点,这些 Web 站点可根据用户以前所选的股票代码来显示个人的股票价格。Web 应用程序开发人员通常使用 URL 参数将值传递给应用程序内的变量。例如,可以将搜索语句传递给 Web 应用程序中的 SQL 变量以产生搜索结果。

5 次浏览
使用 HTML 链接创建 URL 参数
使用 HTML 链接创建 URL 参数

 属性检查器(“窗口”>“属性”)可使您通过以下方式创建相同的 URL 参数:选择该链接,在“链接”框中将 URL 参数值追加到链接 URL 的末尾。 创建完 URL 参数后,Dreamweaver 可以检索该值并将其用在 Web 应用程序中。在 Dreamweaver 中定义了 URL 参数之后,可将其值插入到页面中。

15 次浏览
创建用于服务器端转换的 XSLT 片断
创建用于服务器端转换的 XSLT 片断

图 1. 您将创建的最终页面必备知识 具有创建动态服务器页和 server-side include(SSI,服务器端包括)的经验。客户端和服务器端转换比较 客户端方法不需要使用应用程序服务器,因此非常简单,适合您在学习 XML/XSL 发布的入门阶段使用。要了解有关客户端转换的更多信息,请参阅 Dreamweaver 8 帮助主题“关于客户端 XSL 转换*”以及题为“显示 XML 数据*”的文章。由于以下原因,相对于服务器端解决方案来说,客户端转换的灵活性较低: * 为将 XML 文件中包含的信息显示为可读内容,客户端转换所使用的 XML 文件必须包含指向 XSLT 页面的链接。如果要将 XML 文件用于多个页面,则需要为每个页面创建一个 XML 文件副本,因此效率很低。相反,对于服务器端转换,位于任意数量的服务器页面上的任意数量的 XSLT 片断都可以引用一个 XML 文件。在 XML 文件更新时,所有以该 XML 文件为基础的页面都会接收到更新。 * 如果使用客户端解决方案,您需要对 XML 文件具有写入权限才能插入指向 XSLT 文件的链接。尽管您可将文件复制并保存到本地,但是一旦原始 XML 文件被更新,您的文件副本就会过时。由于 server-side include(服务器端包括)能将 XML 和 XSLT 文件链接起来,因此服务器端方法可以使用任何可公开访问的 XML 文件。 * 客户端解决方案要求下载完整的 XML 文件。当文件很大而您只需要使用其中的一小部分时,这种做法非常浪费资源。如果使用服务器端方法,服务器只收集 XSLT 文件中的 XPath 表达式指定的信息。练习: 创建 XSLT 片断 XSLT 页可从 XML 文件中生成完整的 Web 页,而 XSLT 片断是仅生成页面的某一部分的代码段。在以 XML 数据填充 XSLT 片断后,您即引用了该片断以及包含在所插入的 XSLT 片断中的 XML 源。然后,此包含文件会插入动态页中并放置到配置了 XML 读取和转换脚本的服务器上。当有人访问该动态页时,Web 服务器就会将 XML 文件中的数据插入到该页面的此部分。 要开始学习此教程,首先要创建一个 XSLT 片断。 1. 将教程文件夹解压缩并复制到运行 ASP、ASP.NET、ColdFusion 或 PHP 的站点上。教程的开始处链接了一个 ZIP 文件,该 ZIP 文件中包含教程文件夹。 2. 打开静态页 specials.html 并切换到“代码”视图。 3. 选择第 33 到 56 行,然后按 Delete 键。您将创建的 XSLT 片断可重新生成这些静态信息,所以此时不需要这些信息。 4. 将插入点置于 <div id="main"> 标签的右尖括号 (>) 之后,然后单击编码工具栏中的“选择父标签”按钮 父标签。 备注:编码工具栏是 Dreamweaver 8 的新功能;您可在“代码”视图的右侧找到它。 5. 选择“编辑”>“剪切”。您将以此部分代码作为 XSLT 片断的基础,将其重新插入到此页面的动态版本中。 6. 选择“文件”>“另存为”。如果您使用的是运行 ASP 的服务器,请将此页面保存为 specials.asp;如果使用的是运行 ASP.NET 的服务器,请将此页面保存为 specials.aspx;如果使用的是运行 ColdFusion 的服务器,请将此页面保存为 specials.cfm;如果使用的是运行 PHP 的服务器,请将此页面保存为 specials.php。 7. 选择“文件”>“新建”,在“新建文档”对话框中选择“XSLT(片断)”,然后单击“创建”。 图 2.“新建文档”对话框然后,系统会提示您输入 XML 文件的位置。此文件可驻留在站点或 Internet 上。暂且选择“附加我的计算机或局域网上的本地文件”,然后单击“浏览”。 图 3.“定位 XML 源”对话框# 打开教程文件夹,选择 specials.xml,然后单击“确定”。在“定位 XML 源”对话框中再次单击“确定”。 # 在“代码”视图中,将光标移动到紧邻 <xsl:template match=”/”> 标签之后,按 Return 键。然后选择“编辑”>“粘贴”。您从静态页中剪切下的 div 现在应出现在片断中,如图 4 所示。 图 4. 粘贴 div 后的片断代码11. 现在,在“绑定”面板(“窗口”>“绑定”)中还应该能看到 XML 架构。在教程文件夹中将该 XSLT 片断保存为 menu.xsl。 如果查看 XLST 片断代码的第一行,您会在 XML 版本声明之后看到如下注释:

14 次浏览
Dreamweaver CS3搭配ASP.NET开发广告管理系统
Dreamweaver CS3搭配ASP.NET开发广告管理系统

创作构思 通过 ASP.NET2.0 中的“ FileUpload ”服务器控件将广告图片上传到服务器中,并通过“更新记录”服务器行为实现广告图片信息的录入。利用“ Rnd() ”随机函数并结合数据集,即可实现广告图片的随机显示。 操作步骤 步骤一 应用程序的环境设置 ( 1 ) 复制光盘中实例 95 的内容。将“光盘 \ 源文件 \ 实例 95 ” 目录下的所有文件复制到“ C:\ Inetpub\wwwroot\ ”目录下。在 IIS 服务器中设置默认网站的主目录为“ C:\ Inetpub\wwwroot\adweb ”(可参考实例 1 中的相关方法)。在 Dreamweaver 中新建站点“ adweb ”,其站点目录为“ C:\ Inetpub\wwwroot\adweb ”(建立站点的方法可参照实例 2 )。 ( 2 )“ AD ”表的数据结构。运行 Access ,打开“ C:\ Inetpub\wwwroot\adweb\data\AD.mdb ”,可以看到数据库“ AD.mdb ”中有“ AD ”、“ aduser ”两个数据表。“ AD ”表用于存储广告图片的有关资料,该表的数据结构如图 95-3 所示。“ User ”表用于存储用户的登录名及登录密码,该表的数据结构如图 95-4 所示。( 3 ) 建立数据库链接“ ADconn ”,链接数据库“ C:\ Inetpub\wwwroot\adweb \data\AD.mdb ”,方法可参考实例 75 。步骤二 登录页面 ( 1 )“ index.aspx ”页面结构。打开“ index.aspx ”,如图 95-5 所示。“用户姓名”对应文本框的 ID 为“ usename ”;“登录密码”对应文本方框的 ID 为“ pass ”;“输入附加码”对应文本方框的 ID 为“ valicode ”。图像按钮的 ID 为“ Image ”,其图像 URL 为“ numdraw.aspx ”,该文件是原来素材中提供的,该文件的制作与作用可参考实例 81 。【登录】按钮是表单按钮,其 ID 为“ Submit ”,动作为“提交表单”。( 2 )添加数据集“ useData ”。在【服务器行为】面板中添加数据集“ useData ”,具体设置如图 95-6 所示。( 3 )修改参数。在【数据集】对话框中单击【高级】按钮,在【数据集】高级对话框中添加筛选参数,如图 95-7 所示。

5 次浏览
Dreamweaver CS3搭配ASP.NET开发网站购物车
Dreamweaver CS3搭配ASP.NET开发网站购物车

创作构思 利用 Session 创建购物车存储结构,并将其映射到临时表中,通过数据网络显示临时表,以达到显示购物车的目的。通过编辑临时表、删除临时表中的数据、清空临时表,就可以实现编辑购买数量、删除产品、清空购物车的功能。 操作步骤 步骤一 购物车的页面设计 ( 1 )建立动态网页并给页面添加表格。新建一个空白的 ASP.NET 动态网页,将其命名为“ CPBY.aspx ”后保存。首先为页面插入 Server Form ,然后再为页面插入表格,添加一个“ asp :标签”,设置其 ID 为“ CPCOUNT ”。再插入 3 个“ asp :按钮”,一个的 ID 为“ Sxbt ”,文本为“刷新购物车”;一个的 ID 为“ Clbt ”,文本为“清空购物车”;一个的 ID 为“ NewOrder ”,文本为“确定下订单”。再添加一个表单按钮,其 ID 为“ Exbt ”,文本为“退出购物车”,动作为“无”,如图 83-2 所示。( 2 )添加数据集“ ByData ”并设置。在【服务器行为】面板中添加数据集“ ByData ”,相关设置如图 83-3 所示。( 3 )添加【数据网络】服务器行为。在【服务器行为】面板中添加【数据网络】服务器行为,然后在弹出的【数据网络】对话框中设置 ID 为“ ByGrid ”,选择数据集为“ ByData ”,如图 83-4 所示。( 4 ) 编辑“ CPID ”列标题。 单击【确定】按钮,再双击“ ByData ”数据网络,在弹出的【数据网络】对话框中选择“ CPID ”列,单击【编辑】按钮,编辑其标题为“产品编号”,如图 83-5 所示。提示:由于初次添加【数据网络】服务器行为时是不可以编辑列的标题的,所以得在添加完行为后,再次打开【数据网络】编辑列的标题。 ( 5 )继续将“ CPNAME ”的标题改为“产品名”,将“ CPDJ ”的标题改为“产品单价”。 ( 6 )添加文本框。在设计视图中为页面添加一个“ asp: 文本框”,设置 ID 为“ Sltxt ”,文本为空值,宽度为“ 50 ”。选择该文本框,切换到代码视图,对其进行剪切。 ( 7 )在【服务器行为】面板中双击【 ByGrid 】数据网络,在弹出的【数据网络】对话框中单击【 + 】按钮,再在弹出的快捷菜单中选择【自由格式】菜单项。 ( 8 )添加“订购数量”自由格式列。在弹出的【自由格式列】对话框中输入标题为“订购数量”,并将之前剪切的文本框粘贴到【内容】文本区域中,如图 83-6 所示。

2 次浏览
共计26043条记录 上一页 1.. 818 819 820 821 822 823 824 ..2605 下一页