推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。
用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。
相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布
Dreamweaver 使用文件面板从远程文件夹中取出文件
红色选中标记指示该文件已由其他小组成员取出,锁形符号指示该文件为只读 (Windows) 或锁定 (Macintosh) 状态。单击“文件”面板工具栏中的“取出”按钮。右键单击 (Windows) 或按住 Control 单击 (Macintosh) 鼠标,然后从上下文菜单中选择“取出”。出现在本地文件图标旁边的一个绿色选中标记表示您已将文件取出。
使用 Dreamweaver 文件面板将文件存回远程文件夹
单击“文件”面板工具栏中的“存回”按钮。右键单击 (Windows) 或按住 Control 单击 (Macintosh) 鼠标,然后从上下文菜单中选择“存回”。一个锁形符号出现在本地文件图标的旁边,表示该文件现在为只读状态。
Dreamweaver CS5 从文档窗口存回打开的文件
选择“站点”>“存回”。单击“文档”窗口工具栏中的“文件管理”图标,然后从菜单中选择“存回”。如果当前文件不属于“文件”面板中的活动站点,则 Dreamweaver 将尝试确定当前文件属于哪一个本地定义的站点。如果当前文件属于“文件”面板中活动站点之外的站点,则 Dreamweaver 将打开该站点,然后执行存回操作。
Dreamweaver CS5 撤消文件取出
如果您取出了一个文件,然后决定不对它进行编辑(或者决定放弃所做的更改),则可以撤消取出操作,文件会返回到原来的状态。 若要撤消文件取出,请执行下列操作之一:在“文档”窗口中打开文件,然后选择“站点”>“撤消取出”。在“文件”面板(“窗口”>“文件”)中,右键单击 (Windows) 或按住 Control 单击 (Macintosh) 鼠标,然后再选择“撤消取出”。该文件的本地副本成为只读文件,您对它进行的任何更改都将丢失。
在 Dreamweaver 中设置存回/取出系统
必须先将本地站点与远程服务器相关联,然后才能使用存回/取出系统。 单击“添加新服务器”按钮,添加一个新服务器选择一个现有的服务器,然后单击“编辑现有服务器”按钮该选项有助于让其他人知道您已取出文件进行编辑,或者提醒您自己可能将文件的最新版本留在了另一台计算机上。如果没有看到“存回/取出”选项,则说明您没有设置远程服务器。即使选择了该选项,使用“文件”>“打开”这种方法打开文件也不会取出文件。
关于 Dreamweaver 中存回/取出系统介绍
如果您在协作环境中工作,则可以在本地和远程服务器中存回和取出文件。如果只有您一个人在远程服务器上工作,则可以使用“上传”和“获取”命令,而不用存回或取出文件。 注: 您可以将“获取”和“上传”功能用于测试服务器,但不能将存回/取出系统用于测试服务器。 取出文件等同于声明“我正在处理这个文件,请不要动它!” 文件被取出后,“文件”面板中将显示取出这个文件的人的姓名,并在文件图标的旁边显示一个红色选中标记(如果取出文件的是小组成员)或一个绿色选中标记(如果取出文件的是您本人)。存回文件使文件可供其他小组成员取出和编辑。当您在编辑文件后将其存回时,本地版本将变为只读,并且在“文件”面板中该文件的旁边将出现一个锁形符号,以防止您更改该文件。Dreamweaver 不会使远程服务器上的取出文件成为只读。如果您使用 Dreamweaver 之外的应用程序传输文件,则可能会覆盖取出的文件。但是,在 Dreamweaver 之外的应用程序中,文件目录结构中该取出文件的旁边将显示一个 LCK 文件,以防止出现这种意外。
在 Dreamweaver 中同步本地和远程站点上的文件
当您在本地和远程站点上创建文件后,可以在这两种站点之间进行文件同步。 注: 如果远程站点为 FTP 服务器(而不是网络服务器),则 Dreamweaver 将通过 FTP 来同步文件。 在同步站点之前,您可以确认需要上传、获取、删除或忽略哪些文件。Dreamweaver 还将确认在您完成同步后哪些文件进行了更新。单击右上角的“选项”菜单,然后选择“编辑”>“选择较新的本地文件”,或者选择“编辑”>“选择较新的远端文件”。在“文件”面板中,右键单击 (Windows) 或按住 Control 单击 (Macintosh) 鼠标,然后选择“选择较新的本地文件”,或者选择“选择较新的远端文件”。还可以单击“文件”面板顶部的“同步”按钮来同步文件。若要同步整个站点,请选择“整个站点名称站点”。若要只同步选定的文件,请选择“仅选中的本地文件”(如果您最近一次的选择是在“文件”面板的“远程”视图中进行的,请选择“仅选中的远端文件”)。
Dreamweaver 在同步时比较文件
当您对站点文件与 Dreamweaver 进行同步时,可以将文件的本地版本与远端版本进行比较。 在您开始之前,必须在系统上安装一个文件比较工具并在 Dreamweaver 中指定该工具。单击“预览”之后,将会列出选定的文件和在同步期间将要执行的动作。Dreamweaver 会启动比较工具,对您选择的每个文件的本地版本和远端版本进行比较。
在 Dreamweaver 中上传文件之前进行比较
如果您在本地编辑某个文件,然后尝试将其上传到远程服务器,则该文件的远端版本发生更改时 Dreamweaver 会通知您。您可以选择在您上传文件并覆盖远端版本之前比较这两个文件。 在您开始之前,必须在系统上安装一个文件比较工具并在 Dreamweaver 中指定该工具。如果该文件的远端版本发生修改,您将接收到一个通知,为您提供查看其中的差别的选项。文件比较工具会启动并比较这两个文件。如果尚未指定文件比较工具,将提示您指定一个。
Dreamweaver 比较本地和远程文件的差别
Dreamweaver 可以使用文件比较工具(也称为“diff 工具”)比较同一文件的本地和远端版本的代码、两个不同的远程文件的代码或两个不同的本地文件的代码。在本地处理某个文件并怀疑该文件在服务器上的副本已由他人进行了修改时,比较本地和远端版本十分有用。可以在将文件上传到服务器之前查看远程更改并将这些更改合并到本地版本中,而无需离开 Dreamweaver。 当保留有以前重命名的文件版本时,比较两个本地文件或两个远程文件也十分有用。如果忘记了对先前版本的文件所做的更改,则快速比较会指出这些更改。在开始之前,必须在系统上安装一个第三方文件比较工具。有关文件比较工具的详细信息,请使用 Web 搜索引擎(如 Google 搜索)以搜索“文件比较”或“diff”工具。Dreamweaver 可以与大多数第三方工具正常配合使用。在 Windows 中,请单击“浏览”按钮,然后选择用于比较文件的应用程序。在 Macintosh 上,请单击“浏览”按钮,然后选择从命令行启动文件比较工具的工具或脚本,而不是实际的比较工具本身。启动工具或脚本通常位于 Macintosh 上的 usr/bin 文件夹中。例如,如果要使用 FileMerge,请浏览至 usr/bin 并选择 opendiff(这是启动 FileMerge 的工具)。下表列出了针对 Macintosh 的常用文件比较工具,以及它们的启动工具或脚本在硬盘上的位置:如果使用请选择下面的文件FileMerge
