第1章网页设计与网站开发基础祥解.pptVIP

1.5 网站开发流程 网站设计中，主题是否明确、内容是否全面、规划是否合理，都将直接影响网站访问量。因此在创建网站时，首先考虑网站要表现什么内容，会提供哪些服务，在此基础上确立网站受众。例如建立电子商务网站，它所表现的内容是各类商品信息，主要提供商品交易服务，受众是广大消费者；而设计一个个人主页，主题就是自己最感兴趣的内容，并做深、做透，能体现自身特色，与其他兴趣相投者产生共鸣。 1.5.1 确定网站主题 1.5 网站开发流程 网站规划就是将网站内容按照一定的结构层次和链接关系划分成若干栏目，方便观众浏览。这一步的工作通常是先画出网站结构图。再根据该图在本地硬盘创建网站文件夹。在网站文件夹中创建栏目文件夹，栏目文件夹中创建二级文件夹…这样逐级创建、逐级细分，当网站规模扩大时，管理难度却没有增加。同时，网站规划还包含栏目设置、风格设计、颜色搭配、版面布局、文字图片的运用等。 1.5.2 网站规划 1.5 网站开发流程 网站首页 教工中心 在线办公 电子邮箱 图书馆 招生就业 学院概况 组织机构 本科招生 研究生招生 就业信息 学院简介 办学条件 合作交流 1.5 网站开发流程 一旦确定了网站内容，就可以为创建网站搜集所需材料了。这些材料包括文本、图片、音频、视频、动画等，可以通过图书、报刊、网络、自己制作等途径获取，并注意其真实性、有效性、合法性。广泛搜集后，应将所有材料认真筛选，去粗取精，去伪存真，分门别类放到网站文件夹中，方便使用。 1.5.3 搜集材料 1.5 网站开发流程 尽管选择什么样的工具并不会影响你网页设计的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具较多，就网页制作工具而言，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了。除此之外，还有图片编辑工具，如Photoshop、Firworks等；动画制作工具，如Flash、Cool 3d、Gif Animator等；网页特效工具，如有声有色等。网上有许多这方面的软件，你可以根据需要灵活运用。 1.5.4 选择制作工具 1.5 网站开发流程 制作网页就是按照网站结构图，利用Dreamweaver等网页设计软件将搜集到的材料进行整合的过程。 1.5.5 制作网页 1.5 网站开发流程 网站测试包括基本测试，如网页色彩的搭配，链接的正确性，CSS应用的统一性等；技术测试，如网站的安全性、稳定性，系统可能存在的漏洞，数据库测试等。测试方式可以采用自己测试即将本地机做成服务器，看是否可以正常运行，找第三方进行测试以及使用专门的测试软件进行测试相结合的方式。 通过测试，便可以发布网站即将网站上传到服务器。此过程可以分为两种方式：web方式，向提供空间的服务商进行申请，成功后登陆其主页，进入web上传页，然后按照提示进行操作；FTP方式，利用专门的FTP软件或Dreamweaver等工具，输入申请获得的FTP主机地址、域名和密码，然后进行上传。 1.5.6 测试和发布网站 1.5 网站开发流程 网站开通后，要想扩大知名度，提高点击率，就要对网站进行推广宣传。大致可以分为以下几种方式： 1、电子邮件推广 2、注册到有哪些信誉好的足球投注网站引擎 3、借助同类网站发布留言 4、加入友情链接联盟 5、传统媒体推广 1.5.7 网站推广 1.5 网站开发流程 没有哪一个网站一经做好就不再变动了，随着网站运行所出现的问题，内容的更新，我们必须要经常维护更新网站，保持内容的新鲜，只有这样，才能弥补网站存在的缺陷，吸引住浏览者的目光。 1.5.8 网站维护和更新 1.6 常用网站开发与网页设计软件及其特性 目前常见的网站开发与网页设计软件主要包括Office组件中的Frontpage以及Macromedia公司推出的网页三剑客。 Frontpage是微软公司开发的专门用来进行网站开发与网页设计的软件。使用Frontpage制作网页，操作简单且功能强大，非常适合初学者使用。Frontpage的页面制作由Editor即可完成，其工作窗口包括编辑页、HTML代码编辑页、预览页3个标签。Frontpage带有图形和GIF动画编辑器，支持CGI和CSS。除此之外，FrontPage 具有优越的站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录，FrontPage 会自动跟踪文件并拷贝新版本文件。美中不足的是，FrontPage具有制作出的网页兼容性不好，垃圾代码较多，不支持flash等缺点。 FrontPage 1.6 常用网站开发与网页设计软件及其特性 网页三剑客由Macromedia公司推出，包括DreamWeaver、Flash、Firworks。其中，Dreamweaver主要用来制作网页文