如何制作网站【黑马系列教程】下篇如何制作网站-【黑马系列教程】(下篇)2019-12-24 13：15十一、做网
页应该注意的几个问题
·关于超级链接
链接有站内链接指向非本站的链接。我们先来谈论前者，站内链接。
站内的链接，来来回回都在本站之内，我们要讨论的问题是链接的目标
框架问题。目标框架的概念可能不好理解，其实它指的就是当用户点击了一个链接，这个链接将以什么样的方式打开新的页面，即在同一窗口打开还是在新的窗口打开；它还有其他的方式，如指向网页设计者定义的书签、执行预定义的程序、可视部分移到本页的头尾等等。我们主要讨论在新窗口和在同一页打开链接的选择问题。
总在新窗口打开链接不是明智的，相反，总在同一页打开也不对。像IE
这样的浏览器，如果总在新窗口打开你提供的链接，IE窗口就越来越多，访
问者一下子就有太多的IE窗口，资源消耗过大，也会混淆各窗口之间的关系，弄不好会一头雾水。即便是像Maxthon、TT这类有子窗口的浏览器，子窗口太多也容易不着北。所以我们在做超级链接时应该做些选择，一般的原则是，从首页进入栏目导航在同一页打开，从导航页面进入具体内容的页面在新窗口打开，从有具体内容的页面进入相同级别的页面在同一窗口打开。不论是何种级别的页面，都应该提供返回首页、次首页的链接且它的位置比较明显。
往站外的链接，通常应该选择在新窗口打开，否则访客一点击你提供的
如何制作一个个人网页链接就从你的网站跑开了，这应该不是你所希望的。
下面讲讲做链接的方法。
方法一：在FP"普通(设计)"编辑模式下制作。
选中你要做链接的文字(图片)，右击它→选择"超链接"，将弹出一个创
建超链接窗口，在该窗口选择站内的某个文件(适用于站内链接)，或直接在URL文本框输入要链接的地址(适用于站内站外链接)，单击"目标框架"(右下方)右边的图标，在弹出的目标框架窗口选择一种链接方案(如新建窗口、相同框架、网页默认值等)，单击确定按钮退出该窗口，再单击"目标框架"窗口的
确定按钮完成超链设置。如果做错了或其他原因需要修改，任何时候都可以右击已经做完的超链接→"超链接属性"进行操作。
这里提一下相同框架和网页默认值的区别。两种方式都在同一窗口打开，但相同框架强调只能在同一窗口打开，在一些特殊情形下指定Self方式打开
链接还是有必要的，它能保证IE不打开新的窗口。
方法二：代码法。
很简单。先看格式：
a href="网址"target="_blank"文字(或图片)/a
这里，关键是target(目标)属性的赋值。_blank表示在新窗口打开，
_self在相同窗口打开，_top表示回来本页的头部(这时需要href值为"#")，不要target属性则按网页默认值打开(通常为相同窗口)。
链接中还有"书签"方法，在FP中通过"插入"菜单插入书签，然后在链接
目标框架中指定书签即可。
·关于媒体的使用
媒体包括图片和影音资源。图片我们在前面的章节已经讨论过，这里讲
讲音频和视频资源在网页中的应用。
音频和视频资源在网页中的应用依赖于ActiveX控件，我们常用到的有
三个：Windows Media Player(播放MP3、WMA等文件)、RealPlayer G2 Control(播放RM文件)、ShockWave Object(播放Flas件)。单击FP菜单"插入→高级→ActiveX控件"，在弹出的列表到你所需要的控件(名称与我所
提及的可能有些小区别，机器环境不同所造成)，如果没有相应插件，说明你
是第一次使用FP插入该插件，可通过窗口上的"自定义"按钮添加，如果自定
义添加控件窗口也不到这些插件，说明你的系统未安装相应的播放程序，你得补安后才能使用(就是安装Real和Flash)。到你所需要的控件后选中它，单击确定，立刻会在设计窗口出现播放机的媒体，
根据需要可设置其尺寸，要对播放机进行更详细的属性设置，右击它→选择"ActiveX控件属性"，系统将
弹出一个对话窗口供你操作。
通过代码设置播放机更为灵活、便捷。详细代码请参阅：→
网页的背景音乐，不一定用到上面的设置，还有一个方法：在"普通(设计)"编辑模式下，右击编辑框里的任意地方→选择"网页属性"，在弹出的窗口里的"常规"选项卡窗口有"背景音乐"选项，指定音频媒体文件路径(可事先拷
贝到网站目录里指定的文件夹)，如果需要设置一下循环次数，确定。网页背
景音乐如果确实需要，建议使用Midi类，Wave、MP3之类的文件会影响网页
的打开速度。
·关于网页的宽度问题
网页的宽度可通过各种方式设置，但它不是我想要谈的问题，我们要讨
论的是作为成品的网页该以保种宽度显示给用户。
随着液晶显示器生产成本的降低，当前显示器的主流分辨率已经是
1024×768，所以网页宽度的设置，最保守的宽度至少为800个像素。纵观大
型门户网站和有着悠久历史的个人网站，它们依然坚守着800个像素的显示宽度，这个宽度，在1024×768的分辨率下观看还是可以接受的。作为新建的网站，一开始就定好网页的宽度很有必要，否则今后网页多了，想改也就困难了。1024个像素的宽度应该成为着选，但你应该根据你自己的情况(包括你当前使
用的显示器设置的分辨率)决定。800的宽度要好设置一些(内容可以相应减少)，但它将和以前的640标准一样，很快也将面临着被抛弃的结局。
我的建议是：能上1024就上，最保守的是800。不论选择何种宽度，都
应该考虑网页滚动条的占位问题，实现显示的浏览宽度要减去它的宽度，一般为22至24个像素。
·关于自定义IE的滚动条
通过CSS实现。在body{.}里加入类似如下代码：
SCROLLBAR-FACE-COLOR：#006B00；
SCROLLBAR-HIGHLIGHT-COLOR：#c6c6de；
SCROLLBAR-SHADOW-COLOR：#silver；
SCROLLBAR-3DLIGHT-COLOR：#12181b；
SCROLLBAR-ARROW-COLOR：#dddddd；
SCROLLBAR-TRACK-COLOR：silver；
SCROLLBAR-DARKSHADOW-COLOR：sivler；了解这些代码的含义，请查看
→用CSS设置滚动条颜
注：以上代码可以写成一行。
·关于Java和JavaScript特效的使用
Java和JavaScript特效现在被广泛应用于网络，这些特效精华、华丽，非常有吸引力。虽如此，我还是建议少使用或不使用。一者，关于Java，不
是每台机器都能运行，你做的再好，访客也不一定能看到，同时，有些服务器也不支持Java；二者，Java在运行时总要从.jar文件中解压，就算你上传
了.class文件，它一般也比较大，需要一定的时间下载到客户端才能在客户
的浏览器显示出来。至于JavaScript特效，由于JS程序的开始初衷局限，它要做成花俏的效果就和令CPU进行大量的运算，还有内存开销也很大，浏览时会严重影响访问者的系统无法进行其他的常规工作。
如果实在要使用这些特效，请充分考虑资源的消耗问题，尽量避免服务
器端和客户端的资源开销过大。
十二、上传网页-Web方式上传
假设我们在本地机所做的网站已经有了一定的规模，可以上传到服务器
供网友们访问了，那么，激动人心的时刻就要到来。不过不要过于激动哦，上传前，有必要再检查一下网站的有效性。
第一，检查一下本地网站的文件夹、文件名是否都为小写英文字母和阿
拉伯数字命名。这个很重要，操作平台为Unix、Linux类的服务器对大小写敏感，用了大写字母、中文及非法字符命名的文件夹和文件，上传后将不能正确显示，网友也就无法正常访问你的网站。
第二，检测超链接和资源文件的可靠性。特别是使用相对路径的链接，
在本地如果不正确，别指望上传后会正确。用了绝对路径的链接只有在连上因特网的情况下才能检测，且要求被检测的链接已经网上确实存在。资源文件如MP3、Flash、图片等，如果是本地的，请确保它们是放置在将要上传的目录里(比如在myweb文件夹里的某个文件夹)，如果是用因特网上的，只要网址正确即可。
第三，确保你申请的Web上传空间已经开通。成功申请之后，通常会需
要审核时间，审核通过后即可开通，会有E-Mail或其他方式的通知。
OK，现在，打开IE，打开你申请到的空间的登录地址，我们开始上传了。下面以My Rice(多来米中文网)免费自助上传空间为例对Web方式上传加以说明。
成功登录后，应该详细查看网站空间提供商对用户的要求或通知，对其
中的一些要求不能马上实现不要紧，今后再及时按它的规定去做，不然空间会被收回。管理页面上也
会提供相应的帮助，仔细阅读这么帮助，对空间的管理和维护都有现实意义。这些，大家自己去操作。
在服务器上你实际上得到一个文件夹，这个文件夹对应于你在本地机建
立的网站目录(myweb)。myweb目录里有什么文件夹，就得在服务器管理页面
上建立相应的文件夹(如果文件夹还有子文件夹，一样得建立)，但我们前面建立的"模板"文件夹不用上传，不要建立。所以，第一步不是上传文件，而是在你的空间上建立文件夹。以"原创天地"为例，它在本地机上的目录名为yc(假设)，在服务器上通过管理页面建立一个名为yc的目录，如下图所示：图一：输入文件夹名称
然后单击上图所示右边的"建立"按钮，系统将对用户的建立目录请求作
处理，过一会目录创建成功。单击刚刚建立的yc目录进入该文件夹，开始上
传网页。"多来米中文网"每次最多可以上传10个文件，一一把本地yc目录下要上传的文件通过"浏览"按钮选择要上传的文件(这是上传的第一步)，然后单击(第二步)的"上传到服务器"按钮。重复以上操作，直到本地yc目录下所有
的文件都已经成功上传。
设若本地yc目录里还有子目录，同样在服务器上的yc目录建立同名子
目录并上传子目录里的文件到服务器的同名子目录。
在管理页面，系统提供退回上一级目录和根目录的链接(如图)，可根据
需要在服务器上不同目录之间进行切换，需要进入某个目录，只需单击该目录。
目录切换链接
其他栏目以及资源文件夹依此操作，直到所有需要上传的目录和文件都
已经成功上传。最后上传首页文件到服务器提供给你的根目录下(所谓根目录
是相对而言的，是指你的空间的根目录，比如服务器上前面建立的yc文件夹
所在的目录就是根目录)。
图三：首页文件index.htm在空间根目录
好了，现在，在浏览器上开启一个新的空白窗口，在地址栏输入空间提
供商提供给你的网站地址，回车。一秒、两秒、三秒…首页打开了！
此至，你拥有了网上的家园。今后的工作就是添加新的内容、完善网站
和维护网站。
注意，在服务器上建立文件夹(目录)以及哪些文件上传到哪个文件夹(目录)的操作一定要准确无误，服务器上的文件夹和文件一定要与本地机网站目
录上的文件夹和文件一一对应。建立文件夹错一个字母、一个数字都不行！幸

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。