网页设计和制作小技巧， 帮你实现大作品

网页设计和制作，dui与一个设计师需要考虑的地方fei常多，从前期网站定位、网站框架、素材的选择，到具体的设计环节，再到再说说的测试调试、上线，这是一个密不可分的过程，这玩意儿...。

优秀网页设计的基本原则

引起舒适。 在具体的制作一个网页时我了解到一个优秀的网页设计应该具备以下一些基本原则。特bie是对网页制作的过程与一些技巧手法geng有了再说一个一番了解，对网页设计有了geng深的认识。

巧妙设置对象名称

我们在用Dreamweaver来制作fei常复杂的效果时 有可Neng需要经常重复地使用某一个huo者多个对象，比方说我们经常需要定位某个特定的表格、图像等。如guo我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可Nenghen麻烦huo者容易出错，出道即巅峰。。

为了Neng够方便调用这些对象， 我们应该在每创建一个新的对象时dou记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时我们可yitong过对象的“属性”面板来操作就行了。

不给文件起中文名称

大家在制作好了网页后 通常会给网页起一个具有代表性的中文名称，一来Neng使人一kan文件名就Neng大概了解文件所包含的内容，二来Neng够方便各个超级链接之间的相互调用，嗐...。

不忍卒读。 但如guo你在Dreamweaver中这样Zuo， 就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生。suo以我们以后在Dreamweaver中保存网页的时候， 尽量用英文huo者数字作为文件名称，这样就可yi避免上面的出错现象。

自动关闭网页

如guo我们希望自己的网页在指定的时间内Neng自动关闭， 不妨在网页源代码中的标签后面加入如下代码: ＜script LANGUAGE="javascript"＞ ＜/script＞其中代码中的3000表示3秒钟，它是以毫秒为单位的，还行。。

我倾向于... 以免影响到网页的打开速度，这样用户在浏览页面时就Nenggeng加流畅。再说一个，网站的banner一定要注意尺寸和清晰度，如guo展示效果不好，hen容易让用户产生不好的印象。

不忍卒读。 网站Neng不Neng留住用户，Zui关键的因素就是设计。美观程度决定了你的网站在观感上Neng不Neng吸引他们的目光，而使用体验则决定了你的网站用着舒不舒服。这两者dou是我们需要在网页设计中着重考虑的。

善用拖放技巧

坦白说... 有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时Neng有动感产生。使用Dreamweaver可yihen容易实现这种效果。设计时我们先说说需要准备两幅图像，第一幅是原始图像，第二幅是鼠标移动上去后的图像。

挺好。 接着用鼠标单击第一幅图， 在属性面板中的链接栏中填上要链接的文件，ran后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，接着选择“swap image”，在接着出现的窗口中选择第二幅图像，再说说单击确定就可yi了。

善用快捷键

我当场石化。 那么就让这25个史诗级的技巧帮你绕过设计上的坑，帮你打造真正令人难以忘怀的好作品吧。

对比所产生的效果是真正让人印象深刻的部分， 使用滤镜来提升图片的对比度，用黑白来呈现Zui动人心魄的细节，用大小差异来呈现不同，这些dou是对比，本质上...。

适当的放松Neng让你恢复效率，产生灵感。

网页在不同分辨率下的显示

我们在制作网页的时候， 经常有这种体会，那就是制作好的网页在本地计算机上浏览时hen正常，但在再说一个一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了这是为什么呢？ 开倒车。 原来各个计算机的分辨率要使你的主页在不同的分辨率下douNeng正常显示，在 Dreamweaver中得到了较好的解决。

我悟了。 在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可yi为当前的页面指定显示分辨率，tong过修改可yi使你的主页geng具灵活性。

使不同分辨率的显示器douNeng较好地显示。

自动设置geng新时间

为了提高操作的效率， 我们可yi在Dreamweaver中使用快捷键，比方说使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式，也可yi使用以下一些键盘快捷键来为选中的文本应用HTML格式:Ctrl-: 无格式 Ctrl-T: 段落 Ctrl-: 标题 Ctrl-: 标题 Ctrl-: 标题 Ctrl-: 标题 Ctrl-: 标题 Ctrl-: 标题

在复杂的网页设计中，表格的应用是Zui多的，主要原因是利用表格可yi自由地控制文本和图像在网页上出现的具体位置，从而使整个网页kan上去紧凑统一，对吧？。

巧妙复制文字

熟悉网页设计的网友就知道， 调用Style的方法hen多，我们可yi单击鼠标右键选择Custom Style来调用Style标准，也可yi在状态栏中的元素列表上单击右键来调用Style，也是没谁了。。

虽然不同的方法达到的效果kan似一样，但其实吧产生的HTML代码则wan全不同。比如用Custom Style来调用Style标准， 在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，suo以我们应尽量使用状态栏中的元素列表来调用Style，弯道超车。。

一边链接到两个网页

坦白讲... 如guo在网页中插入了不可见的元素时 Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。

但这并不全是件好事， 比如我们在一个有hen多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。

探探路。 suo以当我们觉得某个元素标签碍手碍脚时就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板， 在Category中选中Invisibel Elements，在面板的右边将会出现suo有的元素标签。

只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了，我明白了。。

本文是guan与网页设计师学习网页设计的经验和技巧小结的doc文档， 编号为101084676，其中主题是guan与专业资料、行业资料的内容展示。