尊敬的会员   
网站首页 >> 综合资讯 >> 文章内容

网页设计的整体风格

[日期:2023-11-08]   来源:  作者:   阅读: 0[字体: ]


网页设计的整体风格 :

当今的网页设计流行宋体的9pt和10.5pt的字体,按快捷键“Shift F11”打开“CSS Style控制面板”,单击“New Style”按钮,弹出“New Style”对话框,复选“Redefine HTML Tag”的“Type”类型,这时在Tag处会出现“body”、“br”、“cite”等选项,选择“body”后确认。这样我们就建立了一个外挂的CSS文档,在保存对话框中保存为all后就进入了“Style Definition for body in all.css”对话框(如图1)。选择“Category”中的“Type”项,定义“Font”为“宋体”、“Size”参数为“9”,其后面的下拉框选择“Points”、“Color”自定义为喜好颜色就可以了。当然还可以选择“Category”中的“Background”项来定义“Background”颜色和其他背景属性。这时您会看到网页设计页面中内容的整体变化。

网页偏好风格的改变
经过上面的改变有时不免给您带来一定麻烦,
网页如何加快读取速度?

在网页设计的时候,常常会遇到设计制作虚线表格的问题,通常我们会用图的方法,不过应该有更好的方法,以下就是解决这个问题的方法。

设计的方法一:做一个1X2的图片。

半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,相容性也最好。

方法二:在网页设计CSS里面做设定。

如果使用DreamWeaver做网页设计的话,只要在CSS面版里加一个style,选择“redefine HTML Tag”,再在下拉选单里先“table”,在弹出的面版里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

方法三:直接在网页设计html里设置(如果你只想让某一个表格边框是虚线的话)。

在表格的html里加上这个:

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

颜色是十六位代码,你可以自己设计。

另外,不要使用图片做为网页背景图之用。回想一下,在你浏览过的知名网站中,有多少使用网页背景图的网页设计?几乎没有吧?其实,道理很简单,人们来到你的网站(尤其是商业用途网站),你希望他们读你的内容,还是欣赏漂亮的图片?况且这种网页背景图还有一个缺点──减慢了网页读取速度。另外,网页设计不使用图片背景,也等于在向来访者表示“我们以高品质的内容(产品或服务)取胜,而不是花哨的设计”。如果坚持要使用图片背景,那么一定要使它很亮的图片做网页设计之用,以免它影响前面文字的阅读。为此,应该对每个网页设计进行测试。网页背景图,可以由一张小图片重复拼合而成(也就是“平铺”),也可以使用一张完整的大图片做设计背景。但后者容易出现问题,尤其是使用框架的时候。如果访问者设定的显示分辨率,与你的网站设计背景图时使用的不同,网页显示就不正确了。通常,使用更高分辨率的访客,会看到一张以上的网页背景图,它们自动进行平铺,但拼图一般不完整。此外,这种图片在框架中,滚动萤幕时会出现网页滞留现象。



相关评论
赞助商链接
赞助商链接