网页设计制作有哪些好用的技巧(一)

2024-04-23    分类: 网站建设

说的网页设计制作,相信大家都不陌生,那么它在设计的时候都有哪些技巧呢,来跟着创新互联的小编来一起看看吧!

1、巧妙设置对象名称

我们在用Dreamweaver来制作非常复杂的效果时,有可能需要经常重复地使用某一个或者多个对象,例如我们经常需要定位某个特定的表格、图象等,如果我们没有给某一个网页中的多个对象取名的话,那么在重复应用这些对象的时候,可能很麻烦或者容易出错。为了能够方便调用这些对象,我们应该在每创建一个新的对象时,都记得给它取一个有代表性且易记住的名称。在给这些对象命名时,我们可以通过对象的“属性”面板来操作就行了。

2、为图象链接增加动态效果

为了达到一种逼真的效果,在鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时,我们首先需要准备两幅图象,第一幅是原始图象,第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图,在属性面板中的链接栏中填上要链接的文件,然后单击键盘上的F8键,在弹出的behaviors窗口中单击“+”号,随后选择“swap image”,在接着出现的窗口中选择第二幅图象,最后单击确定就可以了。

3、不给文件起中文名称

大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

4、巧妙设置字体分辨率

我们在网页制作或Ui制作的时候,经常有这种体会,那就是制作好的网页在本地电脑上浏览时很正常,但换一台电脑时候网页字体就变性了,这是为什么呢?这主要跟电脑上的分辨率有关,要写适应所有分辨率,这一操作在 Dreamweaver中得到了较好的解决。在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

分享文章:网页设计制作有哪些好用的技巧(一)
网页URL:https://www.cdcxhl.com/news31/324981.html

成都网站建设公司_创新互联,为您提供网站设计云服务器建站公司做网站微信公众号

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司