第17章网站的发布

1、第第17章章 网站的发布网站的发布本章内容本章内容 网站制作流程介绍 域名空间的申请 制作并测试网站 WEB服务器的安装 网站的发布 网站商务策划书的撰写网站制作流程介绍网站制作流程介绍 策划与草图规划网页时，首先需要决定的是该网页中所要包含的主题。一般的企业规划网页时，首先需要决定的是该网页中所要包含的主题。一般的企业性网页都会体现企业本身的确切理念，因此制作网页时也随着这种理念性网页都会体现企业本身的确切理念，因此制作网页时也随着这种理念来进行设计。而在个人网页中，则需要考虑以下三点来进行设计。而在个人网页中，则需要考虑以下三点网页的目的：制作网页之前首先要想清楚为什么要制作网页。根据制作

2、网页的目的：制作网页之前首先要想清楚为什么要制作网页。根据制作网页的理由及目的，决定网页的性质。例如，想把自己所具有的信息传网页的理由及目的，决定网页的性质。例如，想把自己所具有的信息传达给其他人的时候，可以制作讲座性的网页；想和其他人一起分享个人达给其他人的时候，可以制作讲座性的网页；想和其他人一起分享个人兴趣的时候，可以制作社团性的网页。兴趣的时候，可以制作社团性的网页。网页的有益性：即使用权是个人网页，也需要为访问者提供有利的信息网页的有益性：即使用权是个人网页，也需要为访问者提供有利的信息或互相能够交流意见的空间。当自己掌握的信息不充分的时候，也需要或互相能够交流意见的空间。当自己掌握

3、的信息不充分的时候，也需要从访问者那里获取到一些有用的信息。从访问者那里获取到一些有用的信息。更新与否：可以说网页的生命力体现在更新的频率上。就算不能经常进更新与否：可以说网页的生命力体现在更新的频率上。就算不能经常进行更新，最起码也要在公告栏上持续上传最近信息的同时，活跃与访问行更新，最起码也要在公告栏上持续上传最近信息的同时，活跃与访问者之间的意见交流。者之间的意见交流。 网站制作流程介绍网站制作流程介绍 设计与制做 1、 如果草图都已经绘制完美后就可以打开如果草图都已经绘制完美后就可以打开PS或或FW开工制做和开工制做和设计我们的界面；设计我们的界面；2、 可以在新建的可以在新建的778

4、*600页面中先打框架然后再采用逐步细化的页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致效果来营造特别的风格，要力求简约和精致!不要放过每个细节的不要放过每个细节的刻画，即使是刻画，即使是1*1的的5%透明度的阴影都会给你的页面增彩。透明度的阴影都会给你的页面增彩。3、 最好养成分层的习惯，这样可以方便分类和编辑，不至于把最好养成分层的习惯，这样可以方便分类和编辑，不至于把多个图层放在一起搞混淆。多个图层放在一起搞混淆。作为一名优秀的设计师应该有条理，所以请

5、养成分类并为每个图作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯，这决不是浪费你的时间层命名的习惯，这决不是浪费你的时间!网站制作流程介绍网站制作流程介绍 切割与导出无论是无论是PS还是还是FW，哪怕是，哪怕是AI做的设计界面，在切割的原则都是一样的，做的设计界面，在切割的原则都是一样的，请遵从以下几个方面请遵从以下几个方面:1、 首先要按大致的框架切割，如国字型或首先要按大致的框架切割，如国字型或T字型，注意其完整性字型，注意其完整性2、 对于要输入的文字区域、大面积色块或单独的图片以及对于要输入的文字区域、大面积色块或单独的图片以及flash动画要动画要单独切割成非图

6、片格式的切片以备插入单独切割成非图片格式的切片以备插入3、 对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列证可以重复排列4、 在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙要放大让切片都对齐，不留空隙5、 其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等观的切片等切割完毕后，选择文件另存为切割完毕后，选择文件另存为WEB页命令，导出为

7、页命令，导出为HTML文件待文件待DW编编辑。辑。 网站制作流程介绍网站制作流程介绍 编辑与模板 1、 在在DW中打开导出的中打开导出的HTML文件开始编辑，包括大文件开始编辑，包括大表格居中，设置背景，修改空白可输入区单元格背景表格居中，设置背景，修改空白可输入区单元格背景为原来切割的图片等为原来切割的图片等 2、 将编辑完毕的文件添加将编辑完毕的文件添加CSS样式，包括最基本的样式，包括最基本的TD和和ALINK等标签，然后存为模板等标签，然后存为模板dwt文件，并新建文件，并新建可编辑区域可编辑区域 3、 通过模板新建各个页面并添加入相应的内容通过模板新建各个页面并添加入相应的内容网站制

8、作流程介绍网站制作流程介绍 动画与广告 1、 按原来切片所容留的大小制做按原来切片所容留的大小制做FL动画广告条，使动画广告条，使用相应的文字内容和广告语，在用相应的文字内容和广告语，在FL中新建文件中新建文件 2、 复制粘贴广告词到场景中，排版并转换为元件复制粘贴广告词到场景中，排版并转换为元件578*104 3、 添加相应的背景和动画，调试节奏后发布为添加相应的背景和动画，调试节奏后发布为SWF文件文件 4、 插入到插入到DW中的模板页并调整大小后存盘，其它的中的模板页并调整大小后存盘，其它的页面会自动更新页面会自动更新网站制作流程介绍网站制作流程介绍 链接与上传 1、 重新设置模板页的导

9、航链接，本步骤重新设置模板页的导航链接，本步骤也可在第四节完成也可在第四节完成 2、 在本地打开首页检查链接与文字内容在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问直到无错，确保链接可正常访问 3、 上传到申请的空间，在域名解析成功上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后在浏览器中浏览网上的效果并做相应后期维护后期维护!域名空间的申请域名空间的申请 当我们网站制作好之后，就要发布到互联网，成为共享资源；但当我们网站制作好之后，就要发布到互联网，成为共享资源；但是我们必须先申请到域名和空间，然后将网站上传到远程服务器；是我们必须先申请到域名和空间，然后将

10、网站上传到远程服务器；下面我们来申请一个域名和空间，以教学演示为目的，先申请一下面我们来申请一个域名和空间，以教学演示为目的，先申请一个免费的域名和空间。个免费的域名和空间。打开打开IE浏览器，在地址栏中输入网址：浏览器，在地址栏中输入网址： ,在此特别在此特别感谢中联科技提供免费感谢中联科技提供免费100M空间和域名；空间和域名；填写好相关资料之后，点击填写好相关资料之后，点击“提交提交”按钮，如果没有什么问题，按钮，如果没有什么问题，你就可以在管理员申请之后几小时之后就可能开通空间了！你就可以在管理员申请之后几小时之后就可能开通空间了！注意：由于这是免费的域名和空间，密码一定要保密；因为上

11、传注意：由于这是免费的域名和空间，密码一定要保密；因为上传网站时，还要使用户名和密码，否则不能上传！网站时，还要使用户名和密码，否则不能上传！不过大家也可以申请付费型的域名和空间，如中国万网，不过大家也可以申请付费型的域名和空间，如中国万网，http:/ 安装安装 Web 服务器服务器 通常在我们将站点在发布在互联网之前，通常在我们将站点在发布在互联网之前，通常会在本机要建立服务器环境进行测通常会在本机要建立服务器环境进行测试，以保证网站的完整统一性；试，以保证网站的完整统一性； 若要开发和测试动态若要开发和测试动态 Web 页，您需要一页，您需要一个正常工作的个正常工作的 Web 服务器。本

12、章介绍大服务器。本章介绍大多数多数 Windows 用户如何在本地计算机上用户如何在本地计算机上安装和使用安装和使用 Microsoft Web 服务器。服务器。安装安装 Internet Information Server Windows 2000 和和 Windows XP Professional 用户应该安装用户应该安装 Internet Information Server (IIS)。 如果您是如果您是 Windows 2000 或或 Windows XP Professional 用户，请检查您的系统上是用户，请检查您的系统上是否安装并运行了否安装并运行了 IIS。方法是查找。

13、方法是查找 C:Inetpub 文件夹。如果该文件夹不存文件夹。如果该文件夹不存在，则您的系统上可能没有安装在，则您的系统上可能没有安装 IIS。 安装安装 Internet Information Server 要在 Windows 2000 和 XP Professional 上安装 IIS，请执行以下操作： 选择选择“开始开始”“设置设置”“控制面板控制面板”“添加或删除程添加或删除程序序”，或者选择，或者选择“开始开始”“控制面板控制面板”“添加或删除添加或删除程序程序”。 选择选择“添加添加/删除删除 Windows 组件组件”。 选择选择“Internet 信息服务信息服务 (II

14、S)”，然后单击，然后单击“下一步下一步”。 按照安装说明进行操作。按照安装说明进行操作。 注意：在安装过程中，系统可能会要求我们提供系统注意：在安装过程中，系统可能会要求我们提供系统源光盘；源光盘； 安装了安装了 Web 服务器后，您可以对其进行测试。服务器后，您可以对其进行测试。 测试测试 IIS 若要测试若要测试 Web 服务器，请创建一个名为服务器，请创建一个名为“myTestFile.html”的简的简单单 HTML 页，并将其保存在运行页，并将其保存在运行 Web 服务器的计算机上的服务器的计算机上的 Inetpubwwwroot 文件夹中。该文件夹中。该 HTML 页可以由一行组

15、成，例如：页可以由一行组成，例如：My web server is working. 然后，通过一个然后，通过一个 HTTP 请求在请求在 Web 浏览器中打开该测试页。如果浏览器中打开该测试页。如果 IIS 正在您的本地计算机上运正在您的本地计算机上运行，则在行，则在 Web 浏览器中输入以下浏览器中输入以下 URL：http:/localhost/myTestFile.html我们最好将刚制作好的网站全部拷贝到我们最好将刚制作好的网站全部拷贝到Web 服务器的计算机上的服务器的计算机上的 Inetpubwwwroot 文件夹中，并指定好首页，然后在浏览器中输文件夹中，并指定好首页，然后在浏

16、览器中输入以下入以下URL：http:/locoalhost/index.html看一看是不是我们刚才制作好的首页！然后点击其中的导航按钮，看一看是不是我们刚才制作好的首页！然后点击其中的导航按钮，确定每个页面都能完整显示；确定每个页面都能完整显示；发布站点发布站点 服务器根文件夹是空文件夹时，连接到远程站点，请执行以下操作：在在 Dreamweaver 8中，选择中，选择“站点站点”“管理站点管理站点”。弹出管理站点对话。弹出管理站点对话框：框：选择一个站点（即本地根文件夹），然后单击选择一个站点（即本地根文件夹），然后单击“编辑编辑”。按按“高级高级”选项卡按钮，切换到高级：选项卡按钮，切

17、换到高级：单击远程信息选项，并在访问中选择单击远程信息选项，并在访问中选择“FTP”：请输入以下选项：请输入以下选项：1 输入服务器的主机名；（必须填入）如输入服务器的主机名；（必须填入）如2 “您打算将您的文件储存在服务器上的什么文件夹中？您打算将您的文件储存在服务器上的什么文件夹中？”（可以留空，（可以留空，通常不需要设定）通常不需要设定）3 在相应的文本框中输入您的用户名和密码。在相应的文本框中输入您的用户名和密码。(使用前一章我们已经申请使用前一章我们已经申请的用户名和密码的用户名和密码)4 “使用安全使用安全 FTP (SFTP)”选项。（可不勾选）选项。（可不勾选）单击单击“测试连

18、接测试连接”。如果连接不成功，请检查设置或咨询系统管理员。如果连接不成功，请检查设置或咨询系统管理员。在输入相应的信息后，单击在输入相应的信息后，单击“完成完成”以完成远程站点的设置。以完成远程站点的设置。再次单击再次单击“完成完成”以退出以退出“管理站点管理站点”对话框。对话框。上传文件上传文件 在设置了本地文件夹和远程文件夹（空文件夹）之后，可以将文在设置了本地文件夹和远程文件夹（空文件夹）之后，可以将文件从本地文件夹上传到件从本地文件夹上传到 Web 服务器。服务器。请执行以下操作：请执行以下操作：在在“文件文件”面板（面板（“窗口窗口”“文件文件”）中，选择站点的本地根文）中，选择站点

19、的本地根文件夹。件夹。单击单击“文件文件”面板工具栏上的面板工具栏上的“上传文件上传文件”蓝色箭头图标。蓝色箭头图标。 Dreamweaver 8会将所有文件复制到服务器默认的远程根文件夹。会将所有文件复制到服务器默认的远程根文件夹。多数空间提供商都设置有服务器默认的文件夹，请在此文件夹下多数空间提供商都设置有服务器默认的文件夹，请在此文件夹下创建一个空文件夹，方法是：在创建一个空文件夹，方法是：在“文件文件”面板，将面板，将“本地视图本地视图”转换为转换为“远程视图远程视图”。右键点击文件夹，选。右键点击文件夹，选“新建文件夹新建文件夹”，输，输入一个名称，用作您的远程根文件夹，名称与您本地

20、根文件夹的入一个名称，用作您的远程根文件夹，名称与您本地根文件夹的名称一致，便于操作。名称一致，便于操作。相关问题相关问题 提示：第一次上传必须搞清楚网络空间服务商指定的提示：第一次上传必须搞清楚网络空间服务商指定的服务器默认的存放网页的文件夹，在此文件夹下存放服务器默认的存放网页的文件夹，在此文件夹下存放您的站点文件。访问您的网站地址为：您的站点文件。访问您的网站地址为：http:/./index.htm 如果你在服务器默认的文件夹下上建立了与本地根如果你在服务器默认的文件夹下上建立了与本地根文件夹同名的文件夹，那么访问您的网站，需要用这文件夹同名的文件夹，那么访问您的网站，需要用这样的地址

21、：样的地址：http:/./ （您的文件夹名）（您的文件夹名）/index.htm 上传完毕，请在浏览器中输入浏览地址，测试您上上传完毕，请在浏览器中输入浏览地址，测试您上传的结果。传的结果。网站商务策划书网站商务策划书 一、建设网站前的市场分析 1、相关行业的市场是怎样的、相关行业的市场是怎样的,市场有什么样的特点，市场有什么样的特点，是否能够在互联网上开展公司业务。是否能够在互联网上开展公司业务。 2、市场主要竞争者分析，竞争对手上网情况及其网站、市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。规划、功能作用。 3、公司自身条件分析、公司概况、市场优势，可以利、公司自身条件分析

22、、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。术、人力等）。 二、建设网站目的及功能定位 1、为什么要建立网站，是为了宣传产品，进行电子商、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？拓的延伸？ 2、整合公司资源，确定网站功能。根据公司的需要和、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。客

23、户服务型、电子商务型等。 3、根据网站功能，确定网站应达到的目的作用。、根据网站功能，确定网站应达到的目的作用。 4、企业内部网（、企业内部网（Intranet)的建设情况和网站的可扩展的建设情况和网站的可扩展性。性。 网站商务策划书网站商务策划书 三、网站技术解决方案 根据网站的功能确定网站技术解决方案。根据网站的功能确定网站技术解决方案。 1、采用自建服务器，还是租用虚拟主机。、采用自建服务器，还是租用虚拟主机。 2、选择操作系统，用、选择操作系统，用unix,Linux还是还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。分析投入成本、功能、开发、稳定性和安全性

24、等。 3、采用系统性的解决方案（如、采用系统性的解决方案（如IBM,HP）等公司提供）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。的企业上网方案、电子商务解决方案？还是自己开发。 4、网站安全性措施，防黑、防病毒方案。、网站安全性措施，防黑、防病毒方案。 5、相关程序开发。如网页程序、相关程序开发。如网页程序ASP、JSP、CGI、数、数据库程序等。据库程序等。 网站商务策划书网站商务策划书四、网站内容规划1、根据网站的目的和功能规划网站内容，一般企业网站应包括：、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定公司简

25、介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。单等基本内容。 2、电子商务类网站要提供会员注册、详细的商品服务信息、信、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。 3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。容。 注意：网站内容是网站吸引浏览者最重要的因素，无内容或注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读不实用的信息

26、不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。以及时调整网站内容。 网站商务策划书网站商务策划书 五、网页设计 1、网页设计美术设计要求，网页美术设计一般要与企、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合业整体形象一致，要符合CI规范。要注意网页色彩、规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。图片的应用及版面规划，保持网页的整体一致性。 2、在新技术的采用上要考虑主要目标访问群体的分布、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯