如何让dreamweaver中设计的表格在不同的浏览器中全屏显示?

如题所述

以了。
字符集的设定。

在查看html文件原代码时,我们经常可以在文件头<head>和</head>之间看到这么一句代码:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
这段代码的作用是什么呢?是否可以删除呢?
其实这是meta标签的设定语句,是给浏览器看的。它的作用就是告诉浏览器:这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码,便以gb2312字符集来解释和翻译网页原代码,然后我们就可以看到正确的网页。所以这个meta语句是非常重要的,尽量不要
删除。
gb2312就是我们最熟悉的GB简体码,英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,分别用于不同的字体显示。

○字体的使用。
在网页里,字体的定义语句是:<font face="Arial">显示文字</font>
其中Arial就是一种字体的名称。
默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说,如果你没有设置任何字体,网页将以这两种标准字体显示。同时,着两种字体也可以在任何操作系统和浏览器里正确显示。

windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix 则不能完全正确显示。

如果你需要用一种特殊的字体来体现你的风格,那么如何让大家可以真正看到你的设计页面呢?解决的办法是:用图片。
将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。 ○字体的样式(style)。
字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。

○字体的效果。
这里指通过html语言设定可以直接显示的效果,在html里的语句设定为:
<span style="text-decoration: overline">显示文字</span>
其中,overline是指上划线效果。其它常用的效果还有:underline(下划线),uppercase(大写)等等。

○字体大小的控制。
字体大小的控制是本节的重点。

一般字体默认的大小是12pt(镑).用<font size="+1">语句可以将文字增大2pt。这种方法我们都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法:

1.用"<span style="font-size:9pt">显示文字</span>"语句来设定。
显然这种方法非常麻烦,你必须为每段文字都设定大小。

2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的<head>和</head>之间:

<style type="text/css">
<--
body
th
td
-->
</style>

其中FONT-SIZE:9pt指字体的大小为9镑

3.第二种方法已经简化了许多步骤,但是仍然不是最理想的方法,因为你必须在每个页面的head区都放置这么一段代码,扩大了文件的字节。另外这样的做法还有一个重大缺点,就是如果我需要修改整个站点的字体大小,就必须一页一页的改!

所以推荐给你最终也是目前最好的方法---外部摸板文件调用法。
“外部摸板调用”就是说你将css的设定作成一个单独的文件,在每个页面里都调用它。一旦你需要修改字体大小,只要修改一个.css文件,几百个页面就同时修改了。(这种方法类似子程序调用编写过程序的网友很容易理解:)

调用的具体方法如下:

(1)将上面的css代码copy成一个mycss.txt文件,然后修改后缀名为mycss.css
(2)在html文件的<head></head>之间插入<LINK href="mycss.css" rel=stylesheet type=text/css>,
语句调用mycss.css(注意有关路径的设置正确)OK!

○字体超链接样式的设定。
通常在网页的<body>中设置连接的颜色,如:
<body link="#FF00FF" vlink="#FF0000" alink="#008080">

其中:link -- Hyperlink(连接)的颜色
vlink-- visited Hyperlink(已访问过的连接)颜色
alink-- active Hyperlink (当前活动的连接)颜色
颜色用rgb的16进制码表示如红色是#FF0000。

同样用CSS可以更简便的设定网页超连接的样式,看下面这段代码

<style type="text/css">
A:link
A:visited
A:active
A:hover
</style>

将它插入html文件的head区就可以了。其中link设定的是有超链接的颜色;visited是访问过的超链接颜色;active是鼠标移上去的颜色;hover是鼠标点击时的颜色。而"text-decoration:none"是指取消超链接的下划线显示。

关于CSS的设定还有更多的用法和技巧,比如在同一页中设定不同的字体大小和超链接颜色,请学习有关CSS的专门知识(可以到阿捷的主页查阅)在这里我们不在冗述。

●上面已经介绍了字体在技术上的各个方面。有关字体的设计使用,目前还没有一个成熟的理论,下面是几条网页设计中字体的使用原则,仅供参考:

1.不要使用超过3种以上的字体。字体太多则显得杂乱,没有主题。
2.不要用太大的字。因为版面是宝贵,有限的,粗陋的大字体不能带给访问者更多信息。
3.不要使用不停闪烁的文字。想让浏览者多停留一会儿的话,就不要使用闪烁的文字。
4.原则上标题的字体较正文大,颜色也应有所区别。
另外,站长团上有产品团购,便宜有保证
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-03-29
先把表格的pading、margin都设置为0,然后把表格的width、height都设置为100%
第2个回答  2011-03-28
表格宽度设成100%即可。本回答被网友采纳
第3个回答  2011-03-28
现在暂时没有技术能让html能在不同浏览器显示同样的效果。你只能修改一下参数。
第4个回答  2011-03-28
把表格里面的宽度width设为100%

如何让dreamweaver中设计的表格在不同的浏览器中全屏显示?
2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的和之间: <-- body th td --> 其中FONT-SIZE:9pt指字体的大小为9镑 3.第二种方法已经简化了许多步骤,但是...

为什么我用Dreamweaver做的网页在15英寸的电脑能满屏在17英寸不能?
解决这一问题的关键在于适应不同尺寸的屏幕。一种常见的做法是使用百分比(%)或者响应式设计(Responsive Design)。当您将网页的宽度设置为100%时,网页会根据屏幕宽度自动调整布局,从而适应不同尺寸的显示设备。例如,您可以将网页宽度设置为1002px,这将确保网页在大多数屏幕宽度下都能全屏显示。另一种...

DW如何让页面在各个浏览器都居中显示?
1.利用Dreamweaver工具实现页面的居中显示:为了能够前后形成对比,我们先来看一下最初网页的显示效果。2.利用Dreamweaver打开要处理的网页,切换至“代码”查看模式,选中“<Body>”标签部分,然后点击“属性”工具栏中的“CSS”按钮。3.接着点击“居中”按钮,就会发现页面被设置为居中显示。4.也可以利用...

dreamweaver表格怎样适应浏览器,电脑分辩率改变页显示不全
表格以100比来定义则自适应电脑的分辨率,以像素来定的话一般都以1024X768为标准,表格则设为1002到1004宽,窄点的就设为 980宽,高按照需要来定。

用dreamweaver编辑网页,插入层在不同的浏览器里显示的位置不同。改怎 ...
简单一点的办法,就是把“层”放在表格中,即可定位层了,它就不因为改变浏览器的大小而位置错乱了。

我用dreamweaver弄了一个网页,但是在不同电脑下显示都是靠右的,没办法...
1.写在样式里面 .tommy{ width:960px; margin:0 auto;} 2.写在DIV里面 以下是引用一个完整的html代码 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> 无标题文档 .tommy{ width:960px; margin...

用Dreamweaver 做网页,怎么样才能做到全屏显示
1、要输入代码进行显示。代码:fullscreen="true"。2、一般的页面的宽度是1004,把页面属性的左右上下的边距都设为0就可以全屏显示了。还可以直接按F11按钮,也可以使全屏显示。3、让程序自动获取显示器的长、宽,然后再操作。

在Dreamweaver里,怎么让表格随着浏览器界面大小改变而改变?注意:是改 ...
首先你要让你的表格有一个CSS用来控制表格的高宽。然后在CSS文件里面设置按照h5的方式来做。肯定有最小的限制。一般来说就是用@media。根据屏幕的大小来控制。具体可以参考bootstrap。

Dreamweaver里背景图小怎么设置代码使在不同的浏览器或别的计算机上显示...
如果是比较简单的图. 可以背景重复.来铺满整个区域. background:url() repeat 0 0;想要在不同浏览器显示都一致..布局就用流式的吧..百分比来控制宽度..背景图片尽量用可重复的..不然..不是很好弄~

怎么dw做的网页 在uc浏览器 里预览
1,首先下载一个UC浏览器 2,打开Dreamweaver,点击“在浏览器中预览和调试”3,选择编辑浏览器列表 4,选择编辑 5,找出“UC浏览器”程序安装的目录,最后选择确定 6,选择在UC浏览器预览。

相似回答