找回密码
 加入怎通
查看: 667|回复: 8

[站长八卦] 你有必要知道的网页布局与文字修饰的设计技巧

[复制链接]
新工作 发表于 2012-07-27 09:14:11 | 显示全部楼层 |阅读模式
网页布局与文字修饰在网站推广告中有着十分重要的地位,这与一本好的杂志需要有一个活跃的版面道理是一样的。页面活跃,就会增加可读性,使读者不会感到枯操乏味,www就像一个大的画展,各网站上的网页就是画展上展出的绘画作品,除网页内容所产生的效果外,谁的网页做得精美、做得活跃、能够给浏览者留下一个好的第一印象,谁就会拥有更多的浏览者,这也是保持网页生命力的一个极为重要的因素,更是网站推广的利器。* ~2 w% V9 J9 l
一、标题2 ?) X6 i+ p5 \% H4 G( `
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,其中n为标题的等级。 HTML提供了六个等级的标题,n越小。标题字号越大。: e/ V4 c2 I2 O7 H$ n, P$ e
二、换行标签% D, M, T! Y/ c) r. S. I  _
在编写HTML文档时,我们不必考虑太细的设置。也不必担心段落过长的部分会被浏览器切掉。因为在HTML的语言规范里,当浏览器窗口缩小时,浏览器会自动将右边的文字转折至下一行显示。www.zjjob.net对于需要断行的地方,应加上<br>标签。
8 u/ i  y- t) B3 x% n/ {; _三、段落标签
$ w  w( T9 w# D. E, Q( E为了使文字排列整齐、清晰、段落之间常用<p></p>来做标签。</p>是可以省略的,因为下一个<p>就意味着上一个<p>的结束。<p>标签还有一个属性align,它是用来指示段落显示时的对齐方式的,一般有center,left,right三种。
. y9 [9 X6 V# y- X* \$ _+ F8 p四、文字修饰+ a( F( V* b, I3 S* N
1:字号大小设置( {) C7 c2 y. I" o6 b+ F2 l
设置字号大小的标签是<font>,它有一个属性size,通过指定size属性就能设置字号大小。size属性的有效值范围值为1~7,默认值为3,我们可以在size属性值前加上“+”或“-”符号,来指定相对于字号起始值的增量或减量。5 @% n6 x) H6 t1 J2 W
2.字体与样式" k: H! k5 p& s5 [. g2 d
HTML 4.0中提供了定义字体的功能,用face属性来完成这个工作。face的属性值可以是本机上的任一字体类型,但有一点问题就是,只有当浏览者的计算机中装了相同的字体才可以正确看到该字体效果。7 N, T* C% ^3 M8 }/ ]7 F
3:文字颜色
# K" `9 S, s1 F8 o/ T' l文字颜色设置语法格式如下:1 X; k# Q4 |# V$ |/ J" {% Q; Z
<font color=颜色值>...</font>
% j. m, Y/ Q: p9 y这里的颜色值可以是一个十六进制数。/ B+ t! K4 R. f* i! O% }- J
五、预编排结构+ u) b$ n: J+ ]* z, E
在网站推广中,HTML还提供了一种非常有用的预排结构,利用它可以使信息在浏览器中完全依照源文件中的编排格式显示出来。6 P5 J/ q; {3 d" G& Z
六、列表
& x+ x3 d: {( t  C列表是一种规定格式的文字排列方式,分为无序号列表,有序号列表和定义性列表三种。- h& y' e3 d4 p4 J; u$ k
1:无序号列表使用的一对标签是<ul>,</ul>,第一个列表项前使用<li>标签。
/ J6 {* v& J3 ?* e3 D2:序号列表2 p4 v5 H1 I0 p$ A) i5 \
序号列表和无序号列表的使用方法基本相同,标签为<ol>,</ol>,第一个列表项前使用<li>标签。每个项目都有前后顺序之分,多用数字表示。
6 F1 p- ]- w8 S- E# C  _- e" A8 k: O3.定义性列表( }/ g0 z; I& D- e& o8 U
定义性列表可以用来给每一个列表项再加上一段说明性文宇,说明文字独立于列表项并另起一行显示。列表项使用<dt>标签。说明性文字使用<dd>标签,在定义性列表中,还有一个属性是compact,使用这个属性后,说明文字和列表项将在同一行中显示。( Q& d1 b" Q' F4 P
七、框架与框架网页5 L% c( Y; {' x
在网站推广中,框架(Frames)的作用是将网页分割为多个HTML页面,在浏览器中显示时,则显示为一个完整的页面。每个框架都包含一个HTML页面,由这些页面组成了框架网页。在浏览器中看上去,使用框架结构制作的网页并没有什么特别的地方,就像Fhoroshw中未合成图层的图片一样,虽然版面是由多个活动的图片组成,但整个版面所且示的和打印的则是一幅完整的图片。
  C: r9 S2 u) }1 Q框架网页的最大特点是在不改变整页布局的情况下,可以使其中的HTML页面之间互相链接,达到不翻页即可获取所需内容的目的,这一特点使其在显示电子文档方面具有得天独厚的优势!
0 W. B1 k5 F  P

暂时无法加载帖子列表

回复

使用道具 举报

﹃錯愛 发表于 2012-07-27 10:38:01 | 显示全部楼层
这个非常的好,值得学习一下
回复

使用道具 举报

熊向阳博客 发表于 2026-01-10 18:50:06 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

头像被屏蔽
小灰灰176wh 发表于 2026-03-04 10:06:02 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

petbug 发表于 2026-03-15 12:36:45 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

西万路小混混 发表于 2026-05-14 20:04:12 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

chennehcchen 发表于 2026-06-12 02:11:59 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

你不爱我 发表于 2026-10-10 11:20:20 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

叫什么好呢 发表于 2026-10-25 08:03:29 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-27 22:57 , Processed in 0.038208 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表