《《网页设计与制作》-邬锦霞-电子教案 第4章 网站的建立、上传与维护》由会员分享，可在线阅读，更多相关《《网页设计与制作》-邬锦霞-电子教案 第4章 网站的建立、上传与维护（38页珍藏版）》请在金锄头文库上搜索。
1、第4章 网站的建立、上传与维护,【本章导读】 本章主要介绍网站的的建立、上传和维护等内容：第一节介绍如何创建、管理设置站点；第二节介绍网站发布的相关信息，包括域名和空间、测试站点、文件上传等内容；第三节介绍如何对网站的内容进行维护、更新、升级。 【本章要点】 站点创建、管理 域名和空间 设置、测试站点 网站文件上传 网站内容维护与更新,4.1 网站建立 4.2网站发布 4.3网站维护 本章小结,4.1 网 站 建 立,4.1.1 创建站点 使用站点定义向导可以快速创建本地站点，具体的步骤如下： （1）选择【站点】新建站点】，会弹出站点自定义向导的第一个界面，可以根据网站的需要输入你想要的名称；
2、如果创建远程站点，还要输入远程服务器的HTTP地址。如图4-1所示。,（2）单击【下一步】按钮，出现向导的下一个界面，询问是否使用服务器技术，因为现在建立的是静态站点，所以选择“否，我不想使用服务器技术”选项，并点击下一步，如图4-2所示。,（4）单击“下一步”按钮，询问是否使用服务器，因为没有使用远程服务器，所以选择“无”选项，将整个站点制作完毕再上传。如图4-4所示,（5）单击“下一步”按钮，将显示站点概要，如图4-5所示。,（6）单击“完成”按钮，此时在“文件”面板中可以看到新创建的站点文件，如图4-6所示。,4.1.2 站点管理 （1）打开“管理站点”对话框，在对话框中点击“编辑”按钮
3、，在弹出的“站点定义为”对话框中选择“高级”选项卡，选择“本地信息”类别选项，如图4-7所示。,在“本地信息”类别选项中，要设置参数： 在“站点名称”文本框中，输入站点名称； 在“本地根文件夹”文本框中，输入本地站点文件夹路径名称，或者单击文件夹图标浏览到该文件夹； “自动刷新本地文件列表”复选框，指定每次将文件复制搭配本地站点时，Dreamweaver是否会自动刷新本地文件列表； 在“默认图像文件夹”文本框中，输入此站点的默认图像文件夹的路径，或者单击文件夹图标浏览到该文件夹。此文件夹是Dreamweaver上传到站点上的图像的位置； 在“HTTP地址”文本框中，输入已完成的站点将要使用的U
4、RL。,（2）选择“远程信息”类别选项，设置访问远程文件夹的方法，主要有无、本地/网络、FTP、RDS、SourceSafe数据库、WebDAV等几种。其中最常用的是FTP访问方法，如图4-8所示。,（3）选择“测试服务器”类别选项，这里主要用于指定Dreamweaver 8用来处理动态页以进行网页创作的测试服务器，如图4-9所示。,4.1.3 站点的其他相关操作 （1）创建文件和文件夹 在站点中创建文件和文件夹的具体步骤如下： 选择【窗口】文件】命令，打开【文件】面板，在【文件】面板中要创建文件夹的位置单击鼠标右键，弹出如图4-10所示的菜单。,在弹出的菜单中选择“新建文件夹”选项，创建一个
5、文件夹，当文件夹的名称处于可编辑状态时，可以为文件夹重命名，也可以按快捷键F2进行重命名，如图4-11所示。,在“文件”面板中创建文件夹的位置单击鼠标右键，在弹出的菜单中选择“新建文件”选项，新建一个文件，如图4-12所示。,（2）移动和复制文件 在站点中可以对文件进行移动和复制，具体的操作步骤如下： 选择【窗口】文件】命令，打开【文件】面板。在【文件】面板选中要移动的文件，只要拖动文件到相应的位置即可。也可以利用剪切和粘贴的方法移动文件，如图4-13所示。 文件的复制操作类似，如图4-14所示。,4.2 网 站 发 布,4.2.1 域名和空间 Internet域名如同商标，是用户在因特网上的
6、标志之一。域名是Internet上的一个服务器或者一个网络系统的名字，域名具有唯一性，即在全世界不会出现重复的域名。从技术上来讲，域名只是一个Internet中用于解决地址对应问题的一种方法。它可以分为顶层、第二层、子域等。 网站要在Internet上存在，不仅需要一个用于访问网站的域名，还须有一个存储网站内容的空间。对于空间，现在免费的越来越少，大部分是收费的，并且价格差别也比较大，用户可以根据自己的需要选择合适的服务器和运营商。空间根据不同的要求，分为静态网页空间和动态网页空间，前者可以存储普通的HTML页面，后者可以存储ASP、JSP等采用服务器技术的网页。,4.2.2 设置站点属性 在
7、进行站点上传之前，必须先定义远程服务器，当远程服务器采取的是FTP技术时，就需要在Dreamweaver中设置FTP的参数，这也是目前互联网最常采用的远端站点维护技术。如果要使用FTP远程上传、管理站点，首先必要要有一个远端的FTP服务器提供服务，用户必须拥有自己的用户名和密码，然后才可以在Dreamweaver中设置远程服务器的信息。具体的步骤如下：,打开【管理站点】对话框，在对话框中点击【编辑】按钮，在弹出的“站点定义为”对话框中选择“高级”选项卡，选择“远程信息”类别选项后，在右边的下拉列表框选择FTP，如图4-15所示。【远程信息】类别选项中的FTP主要有一下参数设置： 在“FTP主机
8、”文本框中，输入远程站点的FTP主机名。输入完整的主机名，不要带任何其他的文本，特别是不要在主机名前面添加协议名。 在“主机目录”文本框中，输入在远程站点上的主机目录。 在“登录”文本框中，输入用于链接到FTP服务器的登录名。 在“密码”文本框中，输入用于链接到FTP服务器的密码。,单击“测试”按钮，测试登录名和密码是否正确。 “保存”复选框：默认情况下，Dreamweaver保存密码。如果希望每次连接到远程服务器时Dreamweaver都提示输入密码，则取消选择“保存”复选框。 如果防火墙配置要求使用Passive FTP，则选择“使用Passive FTP”复选框。 如果从防火墙后面连接到
9、远程服务器，则选择“使用防火墙”复选框。 如果希望在保存文件时Dreamweaver将文件上传到远程站点，则选择“保存时自 动将文件上传到服务器”复选框。 选择“使用安全FTP”复选框以使用安全FTP身份验证。 如果希望激活“存回/取出”类别选项，则选择“存回/取出”复选框。,4.2.3 测试本地站点 （1）站点兼容性测试 目前浏览器的种类多种多样，要让网页在所有的浏览器中都能被正确的浏览是一件很不容易的事情。因此，网站的兼容性是一个很重要的方面。实际上，目前主流浏览器只有Internet Explore和Netscape Navigator，设计者一般只需要兼顾好这两个浏览器就可以了。 在D
10、reamweaver 8中，检测浏览器的兼容性变得非常的简便易行。在工具栏上整合了一个检查浏览器兼容性的按钮。在默认情况下，Dreamweaver会自动的检测浏览器的兼容性，如国发生兼容性问题，按钮的形状就会发生变化。单击此按钮，会弹出如图4-16所示的菜单。,如果需要取消自动检查，单击“打开时自动检查”，去掉前面的勾即可。要查看当前文件存在的错误，选择“显示所有错误”，打开浏览器兼容性问题面板，即可显示出来。如图4-17所示。,若需要检查整个站点文档的浏览器兼容性问题，可以按照如下方法进行操作： 在站点窗口中选中要检查此目标对象，可以是文件，也可以是目录，如果选中根目录，则对整个站点进行检查
11、。 在检查面板中，单击左上的绿色小三角，会弹出如图4-18所示的菜单。选择“为站点中的选定文件/文件夹检查目标浏览器”命令，检查所有选中的文件或文件夹的浏览器兼容性，若要检查整个站点的兼容性问题，选择“为整个站点检查目标浏览器”即可。检查完毕后，会在图4-17中显示检查结果。,（2）检查链接错误 如果网页中存在链接错误，这是很难察觉的。采用常规的方法，只有打开网页单击链接时，才能发现错误。而Dreamweaver可以帮助用户快速检查站点中网页的链接，避免出现链接错误。 首先在站点窗口中，从本地站点列表中选中要检查的文件或文件夹。然后在图4-18所示的面板中切换到“链接检查器”选项卡，此时的视图
12、如图4-19所示。,在“显示”下拉列表框中，可以选择要检查的链接方式。 断掉的链接：检查文档中是否存在断开的链接，这是默认的选项。 外部链接：检查文档中的外部链接是否有效。 孤立文件：检查站点中是否存在孤立的文件，所谓孤立的文件，就是没有任何链接引用的文件。该选项只在检查整个站点链接的操作中才有效。 当从“显示”下拉列表中选中某个选项后，单击绿色小三角，在弹出的菜单中执行相应命令。如这里选择“断掉的链接”，执行“为整个站点检查链接”命令，此时会在图4.19窗口显示检查结果。,4.2.4 站点文件上传 网站的页面制作完毕，相关的信息也检查完毕，并且连接到远程服务端后，就可以开始上传站点。在这里用
13、户可以选择将整个站点上传到服务器上或只是把部分的内容上传到服务端。一般来说，第一次上传需要把整个站点上传，然后再更新站点时，只需要上传被更新的文件就可以了，上传的步骤如下： （1）从本地站点窗格中选中要上传的文件或文件夹，然后执行“站点/上传”命令。 （2）如果选中的文件经过编辑尚未保存，将会弹出对话框提示用户是否保存文件。,（3）如果选中的文件应用了其他位置的内容，会出现提示对话框，提示用户是否也要将这些引用内容也上传，如图4-20所示。单击“是”按钮，则同时上传那些引用的文件，否则就不上传。,（4）然后就开始上传文件，如图4-21所示。,4.3 网 站 维 护,4.3.1 网页维护与网页更
14、新 （1）网页维护 网页维护阶段的一个重要内容就是查看留言版，查看任务有以下两个方面： 用户反馈的信息。通常用户会利用留言版反映网页中存在的问题，管理员对这些问题应立即检查，如确实是服务器和网页方面的原因，应该及时改善。有时用户也会对网站的内容和布局提出一些有用的建议，作为管理员应该听取好的建议，并把好的建议在今后的网页更新过程中实施。另外，用户也会通过留言版向管理员提出一些问题，管理员应该对这些问题及时回答，并且公布在“查看用户留言”的页面中，以答疑解惑。,更替留言存放文件的内容。在把有用的信息提取出来以后，应该删除已查看过的内容、无效的信息、过期的信息、或换名保存，这样保证信息存储文件的长
15、度最小，减轻应用程序运行时的内存负担，提高服务器的稳定性和响应时间。 另外，在网页正常运行期间也要经常使用浏览器查看页面，查缺补漏。,（2）网页内容更新 网页更新最有用的依据是系统的日志记录，通过分析用户对于服务器资源的访问情况，确定网页内容的增删。 可以从各时期日志文件的大小大致地得出各时期网站的访问量增减趋势，例如日志每半个月更新一次。如果日志文件自建站以来大小不断地增长，则说明网站是成功的；否则就要检讨以下自己，自己的网站究竟为什么不受欢迎。 从日志记录选取一段时间内的记录进行分析，比较网页中各部分的访问量。注意最好不要选取刚建站一段时期的记录，因为那时访问者对网站各部分内容还不熟悉，必
16、然要进各个部分都去看一看，因此看不出各部分的优劣。当网站进入正常运行期，访问者就会根据自己的需要有选择的访问栏目。,网页更新还应该参考用户的意见和建议。例如有的用户可能希望网站论坛加入一个音乐论坛，还希望在网站中出售的CD音乐加入试听项目。根据这个建议可以采取多种新形式来满足这部分用户的要求。一种方式是将部分音乐的片断制作成mp3或者其他声音格式提供网上下载，另一种方式是在音乐论坛下开办一个CD出借交流的栏目。另外还可以逐渐地向网站中添加其他方面的栏目，例如现代音乐介绍、古典音乐介绍等。 这样通过不断的更新与增加内容，网站将会慢慢的丰富、成熟起来。此外，每次更新都不要忘了在公布栏发布最新消息。,4.3.2 网站升级 在做好网页维护的同时也要做好网站升级的工作，主要包括以下几个方面的升级： （1）网站应用程序升级 网站应用程序经过长时间的使用，难免会出现一些问题，比如泄漏源代码、注册用户信息、网站管理信息等，这些应用程序的问题都会产出很严重的后果，轻者服务器停机，重者有法律纠纷。所以管理人员一定要对应用程序进行监控，一旦出现错误，马上修改，并时刻注意各安全站点的安全公报。,（2）网站
