第12章 开发与管理网站.pptVIP

第12章 开发和管理网站 Dreamweaver 8不仅仅是网页设计工具，更是网站开发和管理工具，提供了大量和网站管理维护相关的功能，能够对网站中的文件、链接、媒体文件等多种资源进行统一管理，使网站设计工作事半功倍。 本章介绍开发和管理网站的知识，主要内容包括： 网站开发流程 测试和发布网站 管理网站 清华大学出版社 书号：9787302162711 使用教材 12.1 网站开发流程 第一次学习制作网页的人也许从Dreamweaver的基本功能开始仔细学到了高级功能，但是还觉得开发一个完整网站无从下手。建设一个网站是一个系统复杂的工程项目，本节将介绍网站的开发流程，使读者对网站开发有一个整体的认识。 12.1.1 网站总体策划 在建立网站之前，应该对自己的网站有一个总体的策划和设计，明确网站的主题。根据网站主题进一步设计网站的整体风格、网页的色彩搭配、网站的层次结构等内容。 1．目标用户定位和网站的主题定位 2．网站的整体风格创意设计 3．网页的色彩搭配 4．网站的层次结构和链接结构 5．版面布局设计 12.1.2 设计和制作素材 当网站策划好以后，下面的工作就是搜集和制作网页中所需要的素材，包括网站logo、banner的制作，网页内容的相关资料，还有页面中所需的特效代码的准备等。把素材放置在相应的文件夹，方便制作和日后的管理。 搜集的素材一般包括： 跟主题相关的文字图片资料 一些优秀的页面风格 开放的源代码 还有一些素材是需要自己设计和制作的，包括网站的logo、banner、背景图片、列表图标、横幅广告等。这些素材的制作通常会采用以下软件来完成： Photoshop Fireworks Flash 12.1.3 建立站点 1．安装和配置IIS 2．在Dreamweaver中创建站点 12.1.4 制作网页 1．创建CSS样式 2．制作网站首页 3．制作网站的其他页面 4．制作超级链接 12.2 测试和发布网站 网站创建好以后，只有发布到Internet上才能够让更多的人浏览。在发布网站之前，还必须要做一个工作，就是测试网站。如测试网页内容、链接的正确性和在不同浏览器中的兼容性等。以免上传后出现这样或那样的错误，给修改带来不必要的麻烦。 12.2.1 测试网站 1．自动检测断掉的链接 2．站点报告测试 3．检查浏览器的兼容性 12.2.2 发布网站 经过详细地测试，并完成最后的站点编辑工作后就可以发布站点了。首先需要申请站点的国际域名和租用服务器空间，然后通过FTP工具把网站上传到服务器上，这样就可以让世界上每一个角落的访问者浏览到站点的内容了。 使用Dreamweaver内置的远程登陆程序和一些FTP工具都可以实现网站的发布。 1．打开管理站点 2．设置【远程信息】 3．防火墙设置 4．测试是否连接到Web服务器 5．测试服务器 6．连接远程服务器上传、下载文件 12.3 管理网站 在Dreamweaver中主要通过“文件”面板组管理网站，“文件”面板组主要包括“文件”面板和“资源”面板。站点管理最重要的工作就是管理网站中各种各样的文件，涉及到将文件在本地文件夹和远程服务器之间进行“同步”工作，具体操作无非“上传”和“获取”两种。网站的文件管理工作一般都可以在【文件】面板中完成，比如新建文件或者文件夹、上传和获取文件、上传整个站点等。除此以外，在“资源”面板中还可以管理网站中的资源，包括网站的颜色资源、图片资源、库资源等。 12.3.1 导入和导出站点 1．导出站点 2．导入站点 12.3.2 管理网站资源 在Dreamweaver 8的【资源】面板中，可以对整个站点的各种资源进行直观快捷的管理，包括颜色、链接、图片等。【资源】面板相当于一个“仓库”，各种在网页设计中经常使用的内容都可以分门别类地放到这里来，【资源】面板不但提供调用资源的快捷途径，而且能够提高资源的利用效率，保持网站的整齐划一。 1．添加和使用颜色资源 2．创建和使用超链接资源 3．使用图片资源 4．使用库 12.3.3 网站地图 站点地图提供了组织网站内容直观快捷的方式，使用站点地图必须首先设置站点地图的首页，这个首页可以是任意的文件，站点地图将会以这个文件为线索显示站内的其他文件。 1．制作网站地图 2．利用网站地图管理链接 本章习题 上机练习 练习1 用库建立导航条 导航条是网站中出现最频繁的元素，一个网站中常常是不同的网页中包含同一个导航条。因此可以用“库”来创建导航条，这样可以较大提高网页的制作效率。 练习2 网站开发和管理实战 利用这本教材学习的知识，开发一个综合网站实例。要求： 网站主题自定，规划出开发流程。 根据网站主题整理素