网页设计的整体风格

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


上一个:公司门户型及B2B交易型网站设计
下一个:为什么一定要备案?备案的好处是什么?
沙洋网站建设,沙洋做网站,沙洋网站设计