扫一扫
关注微信公众号

网页制作FAQ (简单版)
2007-09-25   网络

一、怎么去掉超级链接的下划线?
此问题列为网页制作FAQ之首不足为过,三天两头就会在各新闻组、社区、留言版出现一次。这是一个CSS样式单在网页中最常见的应用。回答如下:
在<head>和</head>之间加上如下的CSS代码就OK了。
<style type="text/css">
<!--
a:link { text-decoration: none}
a:active { text-decoration: none }
a:visited { text-decoration: none }
-->
</style>
其实如果你E问好,直接就能懂了,而且学习CSS也很快哟!text-decoration: none 表示没有下划线
二、哪有免费的主页申请地?
很多朋友问过这个问题,现在已经不象以前了。如果你真的想做,还是到收费的空间吧,现在一个收费的个人空间就200左右一年,而且还是支持动态的。服务至少可以得到保证!你买东西不是愿意到超市吗?呵呵,这只是我的一个建议罢了!
三、到底是选择DreamWeaver、Frontpage之类所见即所得软件,还是选择UltraEdit类原代码方式来编写网页?
这个问题的争议挺大的。
Frontpage,尤其是一些表格的定位会让你头痛。而UltraEdit的原代码方式能精细控制网页排版。并且FrontPage臭虫多多,与许多国内软件有冲突,稍不留神就出现花屏、死机、做好的版面出现混乱等怪现象。这点使用UltraEdit可以高枕无忧,因为它对系统改动比较少,也不占多少资源。而DreamWeaver就很好了。可以直接所见即所的。但最后都要求用代码来精确控制,这就要求你学习CSS和表格的操作了。如果同意我搞个CSS教程的朋友请举手 :-p

有人说FrontPage、DreamWeaver最大的好处是容易上手。而我却认为FrontPage、DW容易上手的代价是,对HTML语言了解太少,经常会问一些诸如空格怎么输入等对于HTML语言最基础的常识性问题。并且由于对HTML语言缺少了解,对以后学习CSS、JavaScript、CGI、ASP等(都要求有一定的HTML语言基础)会造成障碍。
结论:如果要学习主页制作知识的话,请不要依赖FrontPage、DreamWeaver、多学习HTML,CSS等代码的控制。但如果只是想随便玩玩,尽快做个主页尝一下做主页的乐趣的话,那么他们确实可以完成任务。
四、为什么上传时会说PASS口令错误,而我输入的口令百分之百是正确的?
原因一般只有一个,那就主页申请地还未给开通FTP上传权限。网虫们刚开始做主页,还不知道FTP权限的开通是需要一段时间(一般是一天)的,就误以为申请后就可以FTP上传了。以至于上传通不过就马上怪罪于服务器又出问题了,马上便去申请地的留言版去发帖子。这也是刚做主页的虫虫们不认真看主页申请地说明文档的常见病。
五、我怎么做一个左边是菜单固定不变,显示全在右边的框窗结构的首页?
此技术是初学者容易不懂的问题。这是框架的概念,您可以先到GOOGLE里面去搜索框架等概念,先了解了解。主要要求是:首先,建三个HTM文件。有一个是隐藏的(也称隐藏帧),即首页名,例如index.htm。其它两个,设左边菜单为left.htm,右边显示框网页第一页为right.htm。 你也可以用DW来做一个框架测试,然后保存到一目录,你看是否是有几个文件。
INDEX.HTM代码如下:
<HTML><HEAD><TITLE>test</TITLE>
<META content=text/html;charset=gb2312 http-equiv=Content-Type>
<FRAMESET cols=23%,* frameBorder=0 frameSpacing=0>
<frame name="left" src="left.htm" frameborder="0"noresize>
<frame name="right" src="right.htm" frameborder="0">
<NOFRAMES><p>
This page uses frames, but your browser doesn';t support them.</p>
</NOFRAMES></FRAMESET></HEAD></HTML>
左边菜单网页的链接代码一定要有如下设置:
<a href="right.htm" target="right">第一页</a>
而index01.htm是右边页面的第一页。
六、在网页中,如何使图片与文字结合起来?
这是一个涉及HTML排版的问题。回答是要充分的利用表格,一般表格运用得好,图片与文字结合就不会成问题。具体做法是,多在网页上插入表格。用大表格套小表格,小表格再套更小表格,总之要有个表格嵌套的观念,这样图片各文字就可任意结合起来排版了。
七、哪有学习网页制作的好书或杂志,要有点深度的?
其实你不用买书,到GOOGLE里面去搜索网页制作电子书等下载,就可以了。而且免费!书在好,自己动手也是不行的。多动手吧!
八、怎么给软件做下载的链接?
此问题说出来其实很简单。在网页中做超级链接的一般是HTM或ASP等浏览器能浏览的网页,但如果你做超链的文件不是以HTM或ASP,如ZIP的话,浏览器就会直接打开它,此时也就开始下载了。也就是说,做ZIP软件下载的格式与做网页超链的格式是一样的。其实是浏览器自己实现的功能。你可以把要提供下载的文件放在一个文件夹,然后链接到他们就好了。
九、主页上有的小图片,点中后就在新窗口中显示出原图的放大图,不知是怎么弄的?
你先做原图的缩小图,然后把缩小图做成图片链接,链接到原图就可以了。是不是很简单啊!呵呵。
十、请问如何做到在文字滚屏时,使背景不动?
body标签加入如下设置:
<body ... bgproperties="fixed">
十一 怎样在网页中加背景音乐?
<bgsound ></bgsound>即可完成,关于具体的属性,动手看看,会比我给你的更好。:)

简单吧!如果各位有什么好想法,欢迎跟贴,我会做好收集。共大家交流!!

--------------------------------------------------------------------------------
作者: ttzplg 时间: 2004-8-27 22:33 标题: 网页制作FAQ (简单版)

[这个贴子最后由ttzplg在 2004/09/20 03:45pm 第 5 次编辑]

如何在网页中使Flash背景透明?
透明Flash的使用方法:
在插入flash的代码中插入<param name="wmode" value="transparent">即可实现flash背景透明
如:
<td width="375" height="88" rowspan="2" valign="bottom" background="images/tu.jpg"><!--设置单元格背景为图片背景(当然要放一个好看的了) -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="373" height="166" align="middle">
<param name="movie" value="images/move.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent"> <!--这里代码可使Flash背景透明 -->
<embed src="images/move.swf" width="373" height="166" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</td>
以上代码适合dreamweaver插入的flash代码,如果是在frontpage插入flash代码设置如下:
<embed src="fish1.swf" quality=high width=50 height=50 wmode=transparent type=';application/x-shockwave-flash';></embed>
<!-- wmode=transparent这一段是设置背景透明-->
如何定义网页里的字体?
<head></head>之间插入代码,定义链接文本和普通文本的样式,普通文本字体大小一般定义为12px或9pt,这样字的大小在客户端浏览器上就可以保持一致。
<style>
A:link {COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none}
A:visited {COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none}
A:active {COLOR: #ff7f00; FONT-FAMILY: arial;TEXT-DECORATION: none}
A:hover {COLOR: #ff7f00; FONT-FAMILY: arial;TEXT-DECORATION: underline}
BODY {FONT-SIZE: 12px;FONT-FAMILY: 宋体;}
TH {FONT-SIZE: 12px;FONT-FAMILY: 宋体;}
TD {FONT-SIZE: 12px;FONT-FAMILY: 宋体;}
</style>
如何上传网站?
网页做好了,接下来最重要的就是上传网页啦!也只有上传网页到网络上,其他的网友才能浏览得您的网页,而且,上传之后,也才能发现,您设计的网页是否有问题。上传的方式有千百种,这里我介绍最常用的一种,至于其他的上传方式,只有靠自己去理解啦!
  一、下载CuteFTP软件
  1.首先来解释一下,什么叫做『上传』(已经知道的就快快跳过去吧!)要讲到这个就不能讲一下FTP这东东。简单来说,FTP是一种网络上的文件传输服务(或者说是界面啦、规格、都行啦!听得懂就好), 我们常常在下载软件,用到的就是FTP的文件传输服务。
  2.所谓上传呢!其实就是FTP的其中一个功能,我们既然能够将文件从网络上抓下来,那么当然也可以把文件从自己的电脑,送到服务器上去啊!(严格说起来,是送到另外一台电脑...),因此,简而言之,上传就是把你电脑中的资料,通过软件传输到网络的服务器上。
  3.FTP软件一大堆,其中常用的是CuteFTP .
  二、设置CuteFTP
  1.请先进行安装...。然后,按两下打开Cute FTP。你就会看到如下的画面:
  2.这是告诉你,使用期限已经过啦!快快注册吧!不过,按下OK其实还是可以用的,不过去注册一下应该会比较好一点。(对了!刚装好是不会出现这信息的。)
  3.按下OK后,会进入一个『FTP站设置』的窗口,我们先看看左上角,将鼠标移到『FTP sites』的地方,如图:
  4.然后我们按下它下面的那一排按钮中的『Add sites』,告诉电脑我们要新增一个主机站(这个站就是我们要将网页上传的地方),如图:
  
  5.按下『Add sites』之后,我们便会 看到一个设置窗口,这个窗口主要是要让我们来设置我们要上传主机的详细资料,就以本站的例子来说好了:
标号 1:这一格只是让你替服务器(就是你要放上网页的电脑主机啦!)取个名 称罢了,随您怎么填都可以,像工友就自行取为『首页制作百宝箱』,下次 再进入CuteFTP时,就直接选取『首页制作百宝箱』就可以直接连到该网页服务器器,直不需要再输入一堆繁杂的设置了。
标号 2:这一格非常重要,须填上伺服器的所在位置,假设你的服务器位置在中研院,所以就填上『neko.iis.sinica.edu.tw』,或许有人会问,那我到底要填上什么呢?这...我也不知道,我怎么会知道您网页放在哪呢?如果您是线上申请的免费网址,那么该网站应该都会告诉您要上传到哪里 (也就是一连串的主机位置),不然,就问问让您放网页的服务器管理员吧!对了!在填的时候千万别加上ftp://..... or http://.....这些都是无法执行的。

标号 3:通常连通主机后,服务器会询问您的帐号,这一格就填上您进入服务器的帐号即可。
标号 4:检查完帐号后就会要求输入 密码,这一格就是要您填密码啦!注意喔!这里所谓的帐号密码是指『进入该服务器的帐号密码』而非,您拨接上网的帐号密码,通常服务器管理员都会通知您帐号密码是多少,要不然就是当初您在申请免费网址时自行设置的那一组帐号密码就是了。
标号 5:进入服务器方式设置,通常是『Normal』,也就是说需要帐号密码才进得去,如果选第二项就表示任何人都可以进去,那事情就大条啦!
标号 6:文件上传模式设置,选第三项『Auto-Detect』比较方便,它会自行探测文件类型做出最适合的上传方式。
标号 7:嗯...这格我就较不了解 了...反正选『Auto-Detect』这一项准没错。
标号 8:设置服务器端的路径,设不设都无所谓啦!有设的话,以后再进入时,就不用切换一堆路径,而可以直达你要上传的目录。所以要设置的话,先决条件是,您要知道您放网页的路径及目录。
标号 9:设置自己电脑的内部目录,像我就设置C:www,它只要一连通服务器,便会自行切换到C:www这目录,工友就可以不用在那里找目录而可以省下一些时间。

OK!设好按下确定之后,你应该可以看见刚刚设置的服务器名称出现在右上的窗口中,如图: 而它的下方会显现其网络位置如图: 看到之后便表示您设置成功了(但不代表你设置的值是正确的,要连得通才算数)下次再执行CuteFTP时,就可以直接选这里来进入了。
最后一个步骤,按下『Connect』连接,就行啦!接下来就是期待接通了!

三、连接服务器
接下来映入眼的就是整个CuteFTP的使用界面,上面是工具列,工具列下方是状态列,左下是自己电脑的目录,右下是服务器的目录。现在就先说说工具列: 以上是左半段。 以下是右半段,其实,只要认识几个图标就可以了,其他的并不常用。最重要的就是『往上』『往下』的两个箭头图标,往上就是上传,往下就是下载。简单吧!
整个画面看起来如下图:
OK!进入最重要的主题:『如何上传文件』!
首先,先确定已经连通服务器,这只要看看状态列就知道了,如上图的状态列所示,就是连通后的样子。
切换到适当目录。先看看左下,这是自己电脑的目录。由于工友所有的网页文件都放在C:www的目录下,所以,先要切换到C:www中。由于工友当初有设置内部目录是C:www所以,一连通后,左下窗口便会出现C:www的内容。
右下窗口是您放网页在服务器的目录位置,工友的网站是放在服务器的 newhd/home/tad/public_html/中,所以就自行切换到您放网页的目录吧!做完这两个动作,上传大业已经完成大半了!接下来,回到左下窗口选取欲上传的文件,如图:(按住Shift键再选取文件可以连续选取多个文件,按住Ctrl键再选取文件可以选取多个不连续文件)选取完后,按下工具列的『往上』键,就可以啦!如图:

  ftp软件有很多种,使用方法大同小异。同时,他还有下载的功能,你 可以利用这一点从服务器上下载软件,速度比其他方法快多了。
  另外,假如你和别人共同维护一个网站,每次更改网页时,别忘了把网页先从服务器上下载下来再修改,以免把你伙伴的资料给改没了!

如何在网页里播放音乐?
网页背景音乐的代码:
<embed src="1.mid" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码:
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="1.mid" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件
rm文件在线播放
<embed height=25 src=www.xiakedao.com/biyun/ren/a.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton">
autostart="false" 打开页面时处于候命状态,autostart="true" 打开页面时马上听声音 height=25 width=50 有不同数值,播放器面板有些不同
midi、au、avi文件在线播放
<EMBED SRC="http://www.shunde.net.cn/~biyun/wlsd/wy/yinyue/H/1.mid"; width="47" height="24" AUTOSTART=TRUE>autostart="false" 打开页面时处于候命状态,autostart="true" 打开页面时马上听声音 height=25 width=50 有不同数值,播放器面板有些不同
asf文件在线播放
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body topmargin="0" leftmargin="0">
<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=7.0 height=53 id=NSPlay0 name=NSPlay type=application/x-oleobject width=87 VIEWASTEXT standby="Loading Microsoft Windows Media Player components..." border="0"><param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="1">
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BaseURL" value>
<param name="BufferingTime" value="10">
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="65280">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="1">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<param name="Filename" value="http://music.sdcatv.net/biyun/wlsd/down/yin/gequ/asf/5.asf";>
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value>
<param name="SAMIstyle" value>
<param name="SAMIFileName" value>
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="-1">
<param name="ShowAudioControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="-1">
<param name="ShowStatusBar" value="-1">
<param name="ShowTracker" value="-1">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="-1">
<param name="Volume" value="0">
<param name="WindowlessVideo" value="0">
</object>
其中<param name="AutoStart" value="0"> 0为打开页面处于待命状态,为1时打开页面直接播放 </body>
</html>
流式收听mp3方法:
http://*.mp3,http://*.mp3,http://...琱ttp://*.mp3,
把上面的的文件另存为*.m3u,就可实现在线播放*.mp3(支持连续播放)
mpeg影象在线播放:
等等,让它下载<img border="0" dynsrc="http://music.cnvnet.com/video/0321.mpeg ;
" start="fileopen">
rm影像在线播放 代码:
<object id="vid" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=114 height=100>
<param name="_ExtentX" value="3016">
<param name="_ExtentY" value="2646">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://music.cnvnet.com/mtv/20010618/002.ram";>
<param name="CONTROLS" value="Imagewindow">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
加几个控制器
<object id="vid" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=427 height=300>
<param name="_ExtentX" value="11298">
<param name="_ExtentY" value="7938">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://music.cnvnet.com/mtv/20010618/001.ram";>
<param name="CONTROLS" value="Imagewindow">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object> <object id="vid2" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=427 height=30>
<param name="_ExtentX" value="11298">
<param name="_ExtentY" value="794">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://music.cnvnet.com/mtv/20010618/001.ram";>
<param name="CONTROLS" value="ControlPanel">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>

热词搜索:

上一篇:如何实现网页中的超级联接颜色固定
下一篇:ASP 编程中 20 个非常有用的例子

分享到: 收藏