020-29815005
预约专线时间:09:00-23:59

分享网页设计的五项实用技巧!

新闻来源:优漫教育 日期:2021-11-27
大家在做网页的时候,常常有这样的体会,制作好的网页用本地电脑来浏览是正常的,但是在浏览另一台电脑时,会发现原来漂亮的网页会扭曲变形,这是为什么?
  1.灵活使用风格。

  熟识网页设计的网友都知道,调用Style的方法有很多种,我们可以点击鼠标右键选择CustonStyle来调用Style标准,或者单击状态栏中的元素列表的右键调用Style。尽管这两种方法似乎都有相同的结果,但实际生成的HTML代码却是完全不同的。例如,使用CustonStyle调用Style标准,在Web页面的代码中产生一个‘span’标签,这样的标签一过多就会使文件显得臃肿并且影响浏览器的解析速度,因此,应该尝试用一个状态栏中的元素列表来调用样式。


  2.可使用的FormatTable命令。

  对于复杂网页设计来说,表格的应用非常广泛,因为利用表格可以自由控制文字和图像在网页上出现的具体位置,使得整个网页看起来紧凑、统一。Dreamweaver并不满足于此,我们可以使用其中的"FormatTable"(设置表格格式)命令迅速将预先设计的样式应用到表格中。要使用预先设计的样式,首先将光标放在表格的任何一个单元格内,然后选择'Command'→'FormatTable',然后在随后出现的对话框中,从左列表中选择一种设计方案。点击"Apply"键可以看到效果,如果您对此不满意,也可以重新设置或修改某些参数的值,比如边界粗细,背景色等。


网页设计培训班


  3.将两个网页同时链接起来。

  众所周知,超级链接每次只能与一页连接。若要同时打开另一个框架页面,可以使用“GoToURL”JavaScript行为。打开页面框架,选择文本或者图像,并在行为面板中选择"GoToURL"。要注意Dreamweaver将在“GoToURL”对话框中显示所有可用的框架。在选择另一个帧时,选择一个要链接的帧,然后输入相应的URL,然后输入另一个URL。


  4.文件名不用中文名。

  每个人在制作网页后,通常都会对网页起一个有代表性的中文名称,一方面让人们一看文件名就可以大致了解文件的内容,二是便于各超级链接之间的相互调用。但是如果您使用Dreamweaver进行操作,您将发现Dreamweaver并没有很好地支持中文文件名,很多时候页面调用都是错误的,所以以后在Dreamweaver中保存网页时,尽量使用英文或数字作为文件名,通过这种方法可以避免上述错误现象。


  5.灵活设置字体分辨率。

  大家在做网页的时候,常常有这样的体会,制作好的网页用本地电脑来浏览是正常的,但是在浏览另一台电脑时,会发现原来漂亮的网页会扭曲变形,这是为什么?最初,为了保证每台电脑的分辨率,您的主页可以在不同分辨率下正常显示,Dreamweaver可以很好地解决。Dreamweaver在文档窗口的右下角显示了当前文档的分辨率设计。点击哪一个数字,就可以在弹出式菜单中指定当前页面的显示分辨率,通过修改可以让主页更加灵活。实现了各种分辨率的显示器显示效果。