文字网页设计

『壹』 网页设计字体滚动代码

文字滚动是由<marquee></marquee>控制的。marquee的参数如下：

1、方向 <direction=#> #=left, right
如：<marquee direction=left>啦啦啦，我从右向左移！</marquee>
<marquee direction=right>啦啦啦，我从左向右移！</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如：<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>

3、循环 <loop=#> #=次数；若未指定则循环不止(infinite)
如：<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>

4、速度 <scrollamount=#>
如：<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

5、延时 <scrolldelay=#>
如： <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

6、对齐方式(Align) <align=#> #=top, middle, bottom
如：<font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如：<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>

8、面积 <height=# width=#>
如：<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦，我会移动耶！</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一个最简单的例子：

代码如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面这两个事件经常用到：

onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee >onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 ：用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子：

代码如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

这是一个完整的例子

</marquee>

该标签支持的属性多达11个：

align

设定<marquee>标签内容的对齐方式

absbottom：绝对底部对齐（与g、p等字母的最下端对齐）

absmiddle：绝对中央对齐

baseline：底线对齐

bottom：底部对齐（默认）

left：左对齐

middle：中间对齐

right：右对齐

texttop：顶线对齐

top：顶部对齐

『贰』 文字排版在网页设计中的重要性

在网页设计中文字复排版可以制说是网页中的主体，排版的样式和美观程度能够直接影响到用户的体验，文字排版对网站设计中有哪些影响呢！网站重要的内容信息展示方式就是文字排版，能够让访客有更好的辨识度和易读性也是有文字排版来决定。那么文字排版包括字体，颜色，间距等方面，今天文汇建站的设计就谈谈文字排版对网站的影响。
1.文字排版行距字间距影响网站阅读性。

网页设计中文字不同的间距，不仅影响美观，也同时影响阅读性。在大段文字情况下，文字间距还有一行文字的长度都有很高的要求，用户都是喜欢看清晰文字，如果间距小，每行文字多挤一块就会显着乱七八糟的，会让用户提不起兴趣来再看。
2.文字的颜色影响视觉效果。
文字颜色要看整个网站的风格来搭配颜色，能够让文字的颜色搭配的更加舒适。但很少有用比较亮的颜色用着文字的颜色，因为用户在长时间阅读文章的时候会引起视觉疲劳，恰当的配色可以让网站提升魅力。

『叁』 网页设计时如何将图片和文字位于同一水平

第一种：来不要给文字标签加自属性。给img{vertical-align: middle;}一个属性即可。
第二种：img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。
第三种：给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。如：img{float:left;} span{ float:left; line-height:40px;} (若图片的高度为40px)

『肆』 网页设计中文字排版要注意些什么

1. 字体样式不要过多，尽量不超过3种字体
2. 尝试使用标准字体
3. 限制长度，如果你想回要让用户从你的文字答中快速获取信息，你应该考虑适当的文字长度

4. 选择各种尺寸的字体，确保您选择的字体在较小的屏幕上清晰可辨！
5. 使用容易分辨的字体
6. 合理间距
7. 确保您有足够的颜色对比度
等等……

『伍』 下面哪些属性可以对html网页制作中对网页文字进行修饰

方法/步骤
1
word-spacing
控制单词间隔
请注意，只是单词间隔
<style>.alsp{ word-spacing:50px;}</style>

2
OK，来看看网页效果。
只有单词才会适用于该间隔，中文是不会使用该样式的。

letter-spacing
字符间隔，用于控制字符与字符之间的间距
<style>.alsp{ letter-spacing:50px;}</style>

看下网页效果图，所有的字符，无论单词、字母、中文汉字等都分开了。

text-decoration
文字修饰。
none:默认值
underline：添加下划线
overline：添加上划线
line-through：添加删除线
blink:添加闪烁效果
看代码：
<style>.alsp{ text-decoration:underline;}</style>

网页效果展示，已经添加了下划线

text-align
设置文本的水平对齐方式
left:左对齐
right：右对齐
center：居中对齐
justify：两端对齐
举例：
<style>.alsp{ text-align:center;}</style>

看网页效果，已经居中了

text-indent
文本缩进。控制整体向右缩进
例：
<style>.alsp{ text-indent:30px;}</style>

看网页效果图，已经像右缩进了

line-height
文本行高，行高可以设置为长度、倍数、百分比
例：
<style>.alsp{ line-height:50px;}</style>

从网页效果来看，其行高已经可以改变，并且为50px

『陆』 网页设计文字滚动（水平）代码

网页设计文字滚动（水平）代码是：

<marquee direction=up scrollamount=1 scrolldelay=100

height=60>

<!-- head_scrolltext -->

<tr>

<td>

共和国

</table> <!-- end head_scrolltext -->

</marquee>

(6)文字网页设计扩展阅读：

一、除此之外，marquee参数有以下：

1. BGColor：滚动文本框的背景颜色。

2. Direction：滚动方向设置，可选择Left、Right、up和down。

3. scrolldelay：每轮滚动之间的延迟时间，越大越慢。

4. scrollamount：一次滚动总的时间量，数字越小滚动越慢。

5. Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。

6. Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

7. Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

8. Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

9. loop：滚动次数。默认为infinite

10. hspace、vspace：前后、上下的空行。

二、滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动。（如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面。）

『柒』 网页设计中的文字排版怎么设计

关于在网页设计中排版问题，下面提供我的思路以供参考(宏观角度)：内
第一：先把整体框容架搭起来，通过绝对定位确定大的模块的位置。
第二：根据图中每一块的结构来选择table或者其他布局方式。
第三：需要精确的时候可以用Div块+CSS来调试，出现细节问题可以查资料解决一下。

『捌』 网页设计时如何将图片和文字位于同一水平

网页设计时将图片和文字位于同一水平方法：

一、不要给文字标内签加属性。给img{vertical-align: middle;}一个属容性即可。

二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。

三、给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。

『玖』 如何用纯文本制作简单网页

．．．．简单的纯文本网页的．．． 做起来就很方便了． 一：如果你有回Dreamweaver这款软件的话，只需要打开它，答新建一个文件，然后在设计视图里写上你的文字就可以了．（下面的属性栏可以改变文字的大小颜色什么的，还可以定义链接．．如果你要有站点的话） 二：如果没有的话，就用电脑自带的记事本一样也可以编写，只是在你要加上这段话： <html> <head> <title>标题</title> </head> <body> １２３４５６７８９０１２３４５６７８９０ </body> </html> 以上，在<title></title>中间插入整个网页的标题，在<body></body>中写入你的文本内容即可．如果要设置文字的属性 那就需要稍多知道一点相关的代码了．．．随便打开一个网页在空白的地方单击右键，查看源文件就能看到．照着多写几次就好了．（这些在Dreamweaver的代码视图里能看到相应的代码） 保存的时候记得保存成htm 或者html格式 这样一个简单的网页就做好拉～！ 不过如果出学的话，还是推荐使用Dreamweaver软件，做起来很方便很快速的，而且很容易上手的，看看就会了．

『拾』 文字的质感在网页设计中有什么作用

文字的质感在网页设计中的作用主要是在视觉上对主题进行更深入的表达和专阐述。属
字体是网页设计中最重要的细节。好的字体排版，可以让人耐心的看完那些文字，然后得到其中的重要信息，还可以影响到浏览者阅读的心情。同时，字体的选择、大小等，还应该配合企业的VI识别系统，还需要配合你作品需要表达的思想感情来确定（例如古典风格，应该选择哥特式字体等）。