推荐阅读

详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让APP变得更快。1.后台执行这是一条很通用,也容易理解的方法。用户不会愿意盯着进度条傻傻地等待,除了“取消”没有其他选择。在系统处理一些网络任务的时候,完全可以允许用户做一些其他的事情。各大平台的发微博,都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频),是个反例。网络不给力时,要么等待1分钟让图加载完,要不就只好放弃看图。为什么不能让图加载的同时,用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种“已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面,虽然同是静态图片,但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”,让人感觉“点击后立即就启动了”。

CS5快速给偏暗的人物磨皮
本教程运用历史记录画笔磨皮的方法跟用蒙版磨皮方法大致相同,先把图片稍微调亮后,对图片模糊处理,然后设置好快照位置,用历史记录画笔涂抹脸孔即可。 1、打开原图素材,按ctrl+J复制一层,选择复制层,设置图层样式为“滤色”,不透明度为“50%”。按“ctrl+E”合并两个图层。 参数设置如下图 2、执行 滤镜 < 模糊 < 高斯模糊,根据皮肤的好坏调节像素, 参数设置如下图

UGA5.5实例教程【文字淡出淡入】
2.点祯-“添加条幅文本”输入文字(佛前青莲).文字大小-25.颜色-白色.字体随意.在预览中把文字拖至画布左侧中间位置3.选-效果-进入场景选择-减弱-画面桢设为10;退出场景选-画面-画面桢设为10;开始预览-满意后点确定-创建单一对象如图:梅风剑提示:为使文字竖直,可以每输入一个字回车一下的位置4.点最后一祯(12祯),重复第2步/第3步操作.依此点祯-“添加条幅文本”依此输入文字(梅风剑)/(一花一世界)/(一佛一如来)/(梦寻佛踪影)/(莲香溢梦中)/(风弄花瓣雨)/(迷失莲花丛)/(佛伴我心眠)/(一睡五百年)梅风剑提示:记住不是一次性把文字复制粘贴,而是--依此分别重复第2第3步操作如图添加好

摄影时如何让森林美女更神秘一些
面对偌大的森林场景,影友们经常会觉得找不到神秘感觉的拍摄思路,其实只要紧记着几个拍摄要点就能拍出不少好片子,这次我们挑了三张照片与专业摄影师一起探讨在森林里面拍出神秘感觉人像的小技巧吧。 佳能EOS 5D,EF28-70mm,F2.8,ISO100,1/60秒 摄影教程 “树林中光线比较幽暗,因为树林的上空大部分都被树叶挡住了,所以我选择了一块透光性较好的地方拍摄;此外我还使用了外拍灯为人物打逆光和侧逆光;这种做法足够展现出森林里的大气感觉吗?” 有层次的光线过渡非常重要 这张片子的整体氛围让我眼前一亮,照片很好地展现了森林的那种神秘、低调的感觉。首先摄影师运用了柔和光比,配合上摄影师选择的场景,使得场景,在一棵有杈的树下同时有密有疏的绿叶中,女模特一身白色连衣婚纱显得特别出彩,主次分明。而且镜头畸变控制非常好,较少的焦外变形以及模特修长的身形显得这张图特别的高档。 在我看来唯一不足的在后期方面,阳光从树荫之中射入的光线可以更有层次些,从明到暗的画面过渡会更加出彩,大概作者在做后期的时候稍微有一点偷懒了,只是用画笔工具将左上角、右上角以及人物部分的局部光线简单地加亮了,没有留意到暗部以及亮部之间的衔接,使得两者过渡有点含糊了。总的来说,该作品还是很好看的,无论是构图还有裁图方面都很有心思,让观图者看上去很舒服。 佳能EOS 5D,105mm,F2.8,ISO500,1/60秒
最新发布

使用百分比规划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; }

巧用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就轻松搞定了,它的强大之处也正是在于此。

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 或更高版本一起使用。

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 要简单一些。

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

什么是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 变量以产生搜索结果。

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

创建用于服务器端转换的 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 版本声明之后看到如下注释:

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 所示。

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 所示。