网页制作 – 设计之家

网页制作问题解答

sj33cn — Mon, 20 Mar 2006 14:33:00 +0000

1.怎样定义网页语言(字符集)?
在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:

把charset=gb2312改换成其它语言代码即可,比如英文harset=en.

2.怎样防止别人把你的网页放到框架里?
因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列ja;vascript代码即可,它会自动监测,然后跳出别人的框架。

3.怎样设置字体?
在制作网页过程中,大家都喜欢使用漂亮的字体。但是,如果访客浏览器没有安装同样的字体，看到你的网页会是很普通的字体。如何防止这种情况出现呢?大家知道字体设置的标签是Font,而它有个属性是Face,该属性是定义字体的,你可以这样设置:,访客的浏览器就会按照Face定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。

4.怎样在网页中加入注释?
在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:

。

5.怎样测试浏览器并自动装入所需要的网页?
目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下ja;vascript代码并保存单独一个网页:

6.怎样让链接没有下划线?

7.怎样在网页中加入E-mail链接并显示预定的主题?

8.怎样让背景图像不滚动

或用CSS样式表定义：

9.怎样让背景图像不平铺?
　CSS样式表定义：

10.怎样定义本网页的关键字?
　在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：

　 content 所包含的就是关键字，你可以自行设置。
　这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如:

11.怎样链接本网页的对象?
　有时链接发生在一个网页里，比如页面上半部分列出了目录，下部分就列出了内容，而单击目录任何一个项目都可以跳到指定部分，可以在要被链接的内容部分设置如下方式：

　而要链接到以上设置的部分，可以如下编制：
t1

12.怎样为不支持框架结构的浏览器指定内容?
　为了防止不支持框架结构的浏览器访问你的网页，可以在你的网页中加入以下内容：

13.怎样删除表格边框?
删除表格的边框，你可以在表格的属性中加一句border=”0″ 即可。
或把border设置为如下代码:

注：(其实两种性质是一样的)

14.怎样隐藏在状态栏里出现的LINK信息?
　大家知道，当你指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：
test
　　如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none 改成你需要的文字即可。

15.怎样在网页中加入多媒体文件?
　有些多媒体文件无需其他程序就可以播放，而有许多多媒体文件需要外部程序的帮助，当浏览器下载不支持的格式时会调用外部程序。如果浏览器没有安装这种外部程序，那么浏览器会自动去下载；如果你需要加入多媒体格式，可设置如下代码：

对于不支持embed 标签的浏览器，可以改?帽昵??BR>
16.怎样在网页中加入?缱佑始?淼ヌ峤?
　表单提交需要CGI程序的支持，但你也可以利用E-mail 提交，当你设计好表单后，把action 内容加入邮件地址即可，如下：

mailtcnshell@163.com” enctype=”text/plain”>

17.怎样隐藏热讯分析的图标？
　热讯分析是许多网友使用的服务，它能帮助你分析网站的流量，如果你想隐藏该服务图标，可以把服务代码中的width=88 height=31都改为1即可。

18.怎样在网页中加入最后修改日期？
　在body 中加入以下代码即可：

19.创建一个吸引人站点的步骤是怎样的?
要创建一个吸引人的站点,请考虑以下建议:

1)谁该是你的访客,是喜欢音乐的,还是喜欢玩游戏的;2)是什么内容能吸引这些人,更快更新的信息,还是提供更多的下载;3)如何让访客停留呢,当然不要用BUG,比如让访客的机器死机;4)是什么能让访客再来呢,比如说明天有好东西,记得来呀,不过别骗人;5)制定自己的目标,实现它;6)征求大家的意见,然后逐步改进.

20.如何创建一个调查表?
越来越多的站点需要交互性来吸引访客,当论坛失去新意后,建立一个调查表,可以让访客选择你设置的问题,并让访客马上看到结果.

连接站点http://www.beseen.com/quiz/quizsignup.html,填写姓名及电子函件地址并选择你的站点类别，单击accept按钮，这样过一会就能收到站点的回复了，期中提供了html代码，接下来设置调查表内容,最后把代码加入到自己页面中即可.

1、如何让一段文本排版兼容IE4和NN4？
　有时侯，你设置的一段文本在IE4里浏览良好，但到NN4浏览器里，发现一段文本变成了一行文本，实在令人心烦，这时，你只需对照NN4浏览器里的文本，在需要分行的地方加入
元素即可，这不会影响在IE4里的浏览。

21.如何打开一个新的浏览器窗口并设置窗口的属性?
如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:

popup = window.open(”, ‘popupnav’, ‘width=200,height=170,resizable=1,scrollbars=auto’);

width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.

以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.

22.怎样判断服务器使用的操作系统?
在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.

23.怎样提高站点在搜索引擎中被搜索到的机会?
当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如:
宇风多媒体-china,love,dhtml,yufeng21,yahoo.因为搜索引擎会首先察看站点的标题,并把标题作为你站点的关键字,当你把关键字也设置在了标题中后,搜索引擎也会加入这些关键字,这比其它所有的方法都好,唯一缺点,你站点标题变长了.

24.如何测试网站的下载速度?
准备一个能读秒的表,比如跑步表,这样精度高些,当然也可以使用普通的表.

首先我们测试纯文本的下载时间,打开浏览器,关闭下载图片功能,然后连接上网,在地址栏输入站点地址,回车后,计时开始,当全部文本内容下载完后,停止计时.

如果你要测试整个站点下载速度,打开图片下载功能,如果你站点含有ja;vascript,也要在浏览器选择为支持,同上,打入地址,回车,计时开始,当所有内容下载完后,停止计时.

经过以上两种测试,你就会对自己站点的连接下载速度,作到心中有数了.

25.如何让站点自动跳转到另一页?
加入以下代码到HTML文件中即可：

　　
content中的”5″为停留的秒数，http://www.yufeng21.com/index.htm 是将要跳转的页面。

26.怎样让广告随机出现?
当你想展示许多广告,但页面空间不够时,你可以让广告随机出现,你只需要加入一段代码.网上有这样的代码，搜索……

27.如何知道我的站点连接出现的地方？
　可能你的站点被其它站点连接，如何知道呢，访问搜索引擎站点：
　 http://www.altavista.digital.com/
　在搜索窗口中，输入：+link:yoursite.com-host:yoursite.com
　这样，包含你站点连接的页面被列出，当然，你也可能什么都没有找到。

28.如何避免自己的图片被其它站点利用?
为图片起一个很怪的名字,这样可以避免被搜索到,还可以利用photoshop的水印功能加密.当然,你也可以在自己的图片上加上一段版权文字,比如标明自己的名字-cnshell.因为文字体来就在图片上,除非使用人截取图片.不然就是侵权了.

29.如何不利用表格而准确的分隔图片和文字?
在页面中想要分隔图片和文字,利用表格是非常好的方法,你还可以制做一个透明的gif图形,因为图形是透明的,你就可以拿来分隔图片和文字了,当然要注意透明图的大小.

30.如何跳到页面的顶部?
当浏览者浏览到页面底部后，你需要提供一个单击，让浏览者方便的跳到页面顶部，加入以下代码：
返回顶部

31.有什么简单的方法编写Cookie?
cookie 是信息小甜饼，记录着浏览者的信息，你可以利用meta 标签编写最简单的cookie 并加入到页面中：

32.如何在一个站点不同页面间播放同一种声文件?
大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

33.如何让访问者能更多的单击付费旗帜广告?
拥有个人站点的网友都会去申请一些付费的广告，以得到一些网费补助。但很可惜，即使你经常请求访问者为了支持本站建设，请单击旗帜广告。遗憾的结果是，还是很少有人单击。要想让访问者能更多单击你的旗帜广告，有两种方法：

第一种：强化印象

让那个旗帜广告一直出现在访问者面前，让他不得不好奇的单击一下。你可以建立一个上下框架的页面，把旗帜广告放置在任意一个框架里。这样，只要访问者不离开你的站点，旗帜广告会一直出现在他们的面前。还要提醒你，不要在广告下面写上“为了本站发展，请单击广告”，你要让访问者知道这个广告会带给他们某种信息，而不是为了你才单击。

第二种：有代价的单击

如果你拥有某种十分吸引人的信息，而你想在不收费的情况下，得到某种利益(请允许这样说)，你可以让访问者必需单击旗帜广告，才能获得信息。

34.如何在NN4和IE4浏览器中浏览相同效果的字体?
我们制作页面时，利用IE4浏览器浏览时，一切很正常。但用NN4浏览时，发行细体字变成了粗体字了。这是因为，当你页面包含一段粗体字时，此时你复制了一段文本到该粗体字的周围，你会发现复制的文本也变成了粗体字，当然此时也可以再把它设置为你想要的字体大小，如果这样做了，我上面说的情况就会出现。你需要复制文本到页面空白处，这样文本不具有任何属性，然后拖动文本到合适的地方进行你需要的文本字体设置。这种情况多出现在利用FrontPage98编写网页。

网页制作超级技巧

sj33cn — Tue, 14 Mar 2006 09:36:00 +0000

一、让文字改变颜色

在有些网页我们可以看到一些文字，当鼠标移上去是一种颜色，移开就是另外一种颜色，这是怎么样实现的呢？

原来我们只需要在Head内预先定义两个类，分别定义了两种颜色，这在后面的HTML源文件中会用到这个颜色的定义：

　　＜style＞
　　　.normal {color:red;}
　　　.start {color:blue;}
　　＜/style＞

　　然后我们在要改变的字前后加上下面的代码:

　　＜SPAN onmouseover = “this.className = ‘normal'”　
　　　onmouseout = “this.className=’start'” class=start＞ here ＜/SPAN＞

这里的“class=start”是将这行字的默认值设为 start {color:blue;},要是不加上这句的话，你这行字的颜色就会变成HTML预先设定的数值。

当我们把鼠标移动到“here”上的时候，颜色为“normal”定义的颜色，而当鼠标移开的时候“here”的颜色为“start”定义的颜色（这种效果只有在IE浏览器中才可以看到）。

二、给置网页加上背景图像

网页的背景色和背景图选择得好，会给页面增色不少。如果选取单一的背景色，难免显得单调，如果选择整个图片做背景，由于图片本身的文件大，造成网页的加载时间长，一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的？

很简单，一般是采用一幅很小的图片，然后铺展开，形成很漂亮的背景。对背景图的要求当然是越漂亮越好，文件越小越好。当你有了一幅可以自然拼接的图像后，在Dreamweaver中，我们可以设置background图片。

打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下：

＜BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFFF” ＞

这里的images/background.gif就是BACKGROUND的值，其图像文件名为一个URL。当然我们可以在源代码中直接加入上面的代码。

三、去掉超链接的下划线

在访问一些页面的时候，我们会发现，当鼠标移动到具有超级连接的文字上的时候，有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢？

我们在＜HEAD＞…＜/HEAD＞之间插入下面的代码。

　　＜style＞B {font-weight: 700; }
　　　P {padding: 5px 0px;
　　　　 margin: 0px;
　　　　 font-family: 宋体,黑体,宋体;
　　　　}
　　　A {text-decoration: none}
　　　TD { font-family: 宋体,黑体,宋体; }
　　＜/style＞
　　＜script language=”ja;vascript”＞
　　　var contents = true;
　　＜/script＞

更简单的方法是：

　　　＜style＞
　　　＜!–
　　　　　a {text-decoration:none}
　　　　　a:hover {color: red;text-decoration:none}
　　　 –!＞
　　　＜/style＞

四、段落缩进的方法

在利用Dreamweaver制作有关文档资料内容的网页时，如果是英文书写格式，段落一般不缩进（不支持半角空格）；如果需要缩进往往需要人为的加入两个中文全角空格，才能够显示出位置缩进效果。

除了上面所说的外，还有下面几种方法，可以值得一试，现介绍如下。

1.预格式(PRE)

用预格式编写的源文件，在显示时照源文件中的排版字样显示，空行和空格都能很清楚地区别开来。如源文件为：　　

　　＜pre＞
　　－－预格式显示……
　　＜/pre＞

网页就会按照你预先设置好的显示方式显示，即在“预格式显示”的前面就会空两个汉字的位置。

2.插入点图或图形

点图是指图片中只有一个或几个像素点，用肉眼看不出来。当我们在段落开头插入这样一个点图，并用HSPACE和VSPACE属性来调整点图的左右和上下的空格，以达到段落缩进。

同样可以插入图形，只不过该图形的颜色需要用网页背景色，这种方式用IMG的WIDTH和HEIGHT属性调整图形大小，以达到缩进。
　　
插入图形的方法，需要我们掌握好HSPACE和VSPACE大小的尺度，使之刚好留出两个汉字的位置，这样才比较美观。

3.插入没有边框和内容的表格

这种方式与上述的插入图形方式类似，该表格没有边框和内容，是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。

利用表格来定位一般来说比较可靠，我常常就采用这种方式来对比较复杂的页面进行定位。不过这种方法有一个问题，就是可能是页面的源文件变大。因此也不见得是格式控制的首选。

4.插入特殊的空格字符“ ”

“ ”代表非显示空格字符。插入若干个“ ”字符，中间用分号(；)或者空格隔开，也可以实现中文段落缩进。不过在Netscape中只能写小写字母，而在IE中大小写都可以。

这四种方法主要是针对利用HTML的语言编写网页而言。在一些网页制作工具，如网景浏览器中有专门加入空格的工具条，也可以完成段落缩进。

五、为超级链接设定目标窗口

目标窗口是页面链接所指内容显示的窗口，也就是当你单击了页面某一个链接后，该链接所指的内容在那个窗口显示。大多数情况下，我们无需关心它，因为一般都是在同一窗口显示。但是有时我们需要弹出一个新的窗口，而不是替代原来的窗口，怎么办呢？很简单，这里我们只要更改超级链接源代码的target属性就可以了。

TARGET是链接标签的属性，它的作用就是指定目标窗口，TARGET有以下几个值：

　　_self-将链接指向的内容装载到当前页的窗口或框架中；
　　_top-完全取代当前页面的所有框架；
　　_blank-为链接指向的内容打开一个新的窗口
　　_parent-把链接指向的内容装入当前页〈FRAMESET〉父窗口中

如要使单击超级链接产生一个新的窗口，可将相应超级链接改为如下形式：
　　＜a href=”www.yourname.com” target=”_blank”＞yourname＜/a＞

六、实现文字的自动换行

我们在编制主页的时候，有时候会发现自己制作的主页不能够自动换行，尤其是对一大段文字，必须拖动窗口的滑块跑很久才能看完后面的文字。如何消除这种情况呢？这里我们介绍用表格来定位的方法：

我们认为很有效的方法就是采用表格来对文字进行定位。当然这里的表格我们一定要给定它的绝对宽度（直接给定或间接给定宽度），那么输入的长文字便会自动的换行了。

这里所说的直接给定表格的宽度，是指我们直接设定表格的width属性值为某一个设定值。如我们可以如下设定：
　　＜table width=”420″＞…＜/table＞　

相对值是指采用相对于上一级表格的宽度，通常用一个百分数来表示。比如我们在一个相对外层的表格中设定了表格的宽度，那么在内层的表格中只要给出一个相对的宽度就相当于已经给定了表格绝对宽度。我们可以看看下面的源代码：
　　＜table width=”760″＞
　　　　…
　　　　＜table width=”60%”＞
　　　　　　…
　　　　＜/table＞
　　＜/table＞
这里就相当于我们已经给定了内层表格的宽度为760*60%=456个像素点了。

七、如何弹出公告窗口

有时我们需要采用公告窗口来展示一些重要的信息，所谓公告窗口是指我们浏览主页时，随主页面的加载而自动弹出的小窗口，公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的ja;vascript语句来实现它。
　
方法一：
在＜head＞＜/head＞之间插入如下一段ja;vascript代码：

＜script language=”ja;vascript”＞
＜!–
var gt = unescape(‘%3e’);
var popup = null;
var over = “Launch Pop-up Navigator”;
popup = window.open(”, ‘popupnav’, ‘width=200,height=170,resizable=0,scrollbars=auto’);
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = ‘test.htm’;
}
// –＞
＜/script＞

方法二：
直接在＜body＞与＜/body＞插入如下一段代码：

＜script language=”ja;vascript”＞
window.open(“test.htm”,”测试公告窗口”,”width=340,height=163,toolbar=0,status=0,menubar=0,resize=0″);
＜/script＞

它们的作用是相同的，其中windows.open()的作用是打开一个窗口，括号内的各项参数的用法我们可以在下面看到，我们可以根据自己的需要设置各个参数的值。

窗口参数参数介绍
toolbar=yes,no 是否显示工具条
location=yes,no 是否显示网址栏
directories=yes,no 是否显示导航条
status=yes,no 是否显示状态条
menubar=yes,no 是否显示菜单
scrollbars=yes,no 是否显示滚动条
resizable=yes,no 是否可以改变公告窗口大小
copyhistory=yes,no 是否显示历史按钮
width=300 公告窗口的宽
height=200 公告窗口的高
left=100 公告窗口的左上顶点距屏幕左边100像素
top=100 公告窗口的左上顶点距屏幕顶端100像素