网页设计的整体风格。

2018-10-30 分类：网站建设

网页设计的整体风格
当今的网页设计流行宋体的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"

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

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

本文作者来自创新互联，转载请注明出处：创新互联（www.cdcxhl.com）

选择北京网站建设公司-创新互联，优质服务，绝对不容错过！

1. 优秀的网络资源，稳定的网站和速度保证

（配送双线独立ip空间，国际A级BGP机房，99.5% 的主机在线时间）

2. 7年北京网站建设经验，优秀的技术和设计水平，更放心

3. 全程省心服务，不必担心自己不懂网络，更省心。

新闻名称：网页设计的整体风格。
URL地址：https://www.cdcxhl.com/news49/78549.html

成都网站建设公司_创新互联，为您提供商城网站、网站设计、营销型网站建设、全网营销推广、网站内链、App设计

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

猜你还喜欢下面的内容