网页设计和UI设计共通的12种技巧.docxVIP

网页设计和 UI 设计共通的 12 种技巧 在网页设计和 UI 设计师，虽然基础的东西很重要，你会做网页了也会 UI 了，但是制作他们的时候有很多小的技巧，如果掌握他们，在制作的时候会更快，当然不知道他们 也能做出产品。下面详细讲解一下这 12 种方法技巧。 1、不给文件起中文名称 大家在制作好了网页后， 通常会给网页起一个具有代表性的中文名称，一来能使人一 看文件名就能大概了解文件所包含的内容，二来能够方便各 个超级链接之间的相互调用。但如果你在 Dreamweaver 中这 样做，就会发现 Dreamweaver 对中文文件名支持得不是太好， 经常会有页面调用不正确的现象发生，所以我们以后在 Dreamweaver 中保存网页的时候，尽量用英文或者数字作为 文件名称，这样就可以避免上面的出错现象。 2、巧妙设置字体分辨率 我们在网页制作或 UI 制作 的时候，经常有这种体会，那就是制作好的网页在本地计算 机上浏览时很正常，但在另外一台计算机上浏览时发现原本 漂亮的网页变得歪歪扭扭了，这是为什么呢 ?原来各个计算 机的分辨率要使你的主页在不同的分辨率下都能正常显示， 在 Dreamweaver 中得到了较好的解决。 在文档窗口的右下角， Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪 个数字，在弹出式菜单中可以为当前的页面指定显示分辨率， 通过修改可以使你的主页更具灵活性。使不同分辨率的显示 器都能较好地显示。 3、同时链接到两个网页 我们都知道超级链接一次 只能连到一个页面。如果我们要想一次在不同的框架页中打 开文档，可以使用“ Go To URL”JavaScript 行为。打开一 个有框架的网页，选择文字或图象，然后从行为面板中选择 “Go To URL”。我们会注意到 Dreamweaver 会在“ Go To URL” 对话框中显示所有可用的框架。选择其中一个我们想链接的 框架并输入相应的 URL 后再选择另一个框架并输入另一个 URL。 4、善用拖放技巧 我们在使用 Dreamweaver 编辑网 页的时候，经常需要插入一些图象什么的，假设要插入的图 象很多，按照常规方法来操作就显得非常麻烦。我们可以利 用拖放技巧来很好地解决这个问题。首先我们把 Dreamweaver 的操作窗口变成活动窗口，以腾出空间来显示 Explorer 窗口，找到要插入的图象文件后， 把它们一一用鼠 标拖动到网页的适当部位， Dreamweaver 将自动把这些图象 的 url 添加到文件的 HTML代码中，当然这里要求被拖动的图象文件必须是 gif 、jpg 等 web 图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。 5、自动设置更新时间我们知道一个网页要想获得 更多的回头率，一个很重要的一条就是要不断更新。但对于 我们这些个人网页来说，要天天及时更新恐怕不是很容易的 事情。因此，我们希望网页能自动更新，下面笔者就提供一 个能自动更新修改时间的源代码，我们只要把这段源代码添 加到 , ＜ /BODY＞之间就能实现更新时间的目的了 :＜ Script Language=JavaScript ＞ ＜ /script ＞ ; 二是用鼠 标依次单击 Dreamweaver 中 的 Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag ，并从中 选择 a，然后在 decoration 中选中 none，最后单击确定就 成功了。 6、巧妙复制文字 在几个不同的应用程序中间相互 复制文字，是我们在实际工作中可能要常做的事情。但是， 如果我们从 Dreamweaver 中复制编辑区中的文字到另外一个 应用程序的时候， HTML代码和文字将一起被复制过去了， 那 么我们该如何才能只把编辑区中的文字复制下来呢 ?我们知 道，通常复制时都用快捷键 Ctrl - C 来操作，如果我们在 复制的时候多按一个 C 键，那么 Dreamweaver 将只会复制选 中的文字了。 7、善用快捷键 为了提高操作的效率，我们可以在 Dreamweaver 中使用快捷键，例如使用 Ctrl-B 或 Ctrl-I 来 为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷 键来为选中的文本应用 HTML格式 :Ctrl-0: 无格式 Ctrl-T: 段落  Ctrl-1:  标题  1 Ctrl-2:  标题  2 Ctrl-3:  标题  3 Ctrl-4:  标题  4 Ctrl-5:  标题  5 Ctrl-6:  标题  6