1、第2章 网 站 规 划,福州网站建设 http:/ wenku1,本章学习目标,(1) 了解网站规划的基本原则； (2) 了解网站规划的主要内容； (3) 了解网站规划说明书的规范； (4) 掌握创建站点的方法和过程。,本章知识结构,2.1 关于网站规划,网站规划指在创建网站前对网站进行市场需求分析，由此确定网站的主题和风格，并对网站建设中的技术、内容、费用、测试、维护等做出规划。包括 (1) 调研市场需求，确定网站的建站目的及目标用户的要求，由此确定网站的主题和风格。 (2) 规划网站的内容。 (3) 确定建设网站的软硬件平台。 (4) 对网站建设中的费用、进度等做出预算和计划。 (5) 形
2、成网站规划文档。,2.2 网站规划的基本原则,整体性和统一性原则 实用性和便捷性原则 可靠性和安全性原则 美观性和协调性原则,网站的需求分析 确定网站的主题 确定网站的风格 规划网站的结构 规划网站的栏目结构 规划网站的目录结构 规划网站的链接结构,2.3 网站规划的主要内容,电脑商城网站建站目的： 扩展销售渠道、提高公司知名度、降低企业销售成本，进而增加公司利润,电脑商城网站目标用户： 喜欢时尚购物的年轻人,电脑商城网站主题： 全面支持产品的销售和宣传，为目标顾客在线购物提供支持。,电脑商城网站风格： 以蓝色为主色调，强调专业、时尚、明快,规划网站的栏目结构,合理的网站栏目结构能正确表达网站
3、的基本内容以及内容之间的层次关系，要站在用户的角度考虑，使用户在浏览网站时可以方便的获取信息，不至于迷失方向。,网站的栏目结构,网站的首页,产 品 展 示,购 物 指 南,会 员 管 理,商 品 管 理,订 单 管 理,促 销 管 理,文 章 管 理,系 统 设 置,前台,后台,会员注册登陆,购 物 车,订 单 确 认,广 告 管 理,电 脑 社 区,产 品 搜 索,规划网站的目录结构,使用合理的文件夹保存文档 为网站建立对应的根目录 不要将所有文件都存放在根目录下； 按栏目内容建立子目录； 在每个主栏目下建立独立的images目录； 目录的层次不要太深（不超过3层）； 使用合理的文件名称 简
4、短、精要、不推荐中文、名字不宜过长,网站的目录结构,网站的链接结构,树状链接结构（一对一） 星状链接结构（一对多）,网站的目录结构,网站的首页,产 品 展 示,购 物 指 南,会 员 管 理,商 品 管 理,订 单 管 理,促 销 管 理,文 章 管 理,系 统 设 置,前台,后台,会员注册登陆,购 物 车,订 单 确 认,广 告 管 理,电 脑 社 区,产 品 搜 索,电 脑 学 堂,1建网站前的市场分析 (1) 现有同类网站的状况分析。 (2) 建网站的必要性分析。 (3) 现有条件以及建网站的能力(费用、技术、人力等)分析。 2建网站的目的及功能定位 (1) 建网站的目的。 (2) 网站
5、的功能定位。如产品宣传型、网上营销型、客户服务型、电子商务型等。 (3) 网站应达到的目标。,2.4 网站规划说明书,3网站技术的解决方案 (1) 服务器的选择。采用自建服务器，还是租用虚拟主机。 (2) 操作系统的选择。用UNIX、Linux，还是Windows。 (3) 企业上网方案的选择。 (4) 网站安全性措施。 4网站内容的规划 (1) 网站的主题、风格和内容。 (2) 网站的栏目、目录和链接结构。,2.4 网站规划说明书,5网页的设计 (1) 网页的版式设计。 (2) 网页的美术设计。 (3) 网页的特效设计。 6网站的测试 (1) 服务器稳定性和安全性测试。 (2) 程序及数据库
6、测试。 (3) 网页兼容性测试。,2.4 网站规划说明书,7网站的维护 (1) 服务器及相关软硬件的维护。 (2) 数据库的维护。 (3) 内容的更新。 8网站的发布与推广 (1) 网站发布的方案。 (2) 网站推广的计划。,2.4 网站规划说明书,9网站的建设日程 各项任务的开始时间和完成时间，以及负责人。 10网站建设的费用明细 各项建设所需费用清单。,2.4 网站规划说明书,2.5 创 建 站 点,案例描述 使用Dreamweaver CS4创建本书案例网站及站点的目录结构。,2.5 创 建 站 点,准备工作认识Dreamweaver,Dreamweaver应用程序窗口,菜单栏,插入栏,
7、状态栏,文档窗口,属性面板,浮动面板,2.5 创 建 站 点,准备工作认识Dreamweaver,Dreamweaver CS4文档窗口,2.5 创 建 站 点,准备工作认识Dreamweaver,Dreamweaver CS4状态栏,2.5 创 建 站 点,案例实现创建案例站点 1使用向导创建站点 选择菜单【站点】|【新建网站】命令，弹出【未命名站点的站点定义为】对话框，选择【基本】选项卡，在【您打算为您的站点起什么名字】下的文本框中输入：shop， 依次按向导提示设置各个对话框中的参数,2.5 创 建 站 点,案例实现创建案例站点 2 使用Dreamweaver管理站点 选择菜单【站点】|
8、【网站管理】命令 ，弹出【管理站点】对话框，其中显示了新建的站点； 编辑站点； 删除站点； 复制站点；,2.5 创 建 站 点,案例实现创建案例站点 3创建站点中的目录结构 在【文件】面板中，先选中要创建的文件夹的父级文件夹，再使用右快捷菜单上的【新建文件夹】命令。,本章总结,归纳网站规划的基本原则和主要内容； 简要描述网站规划的文档标准(网站规划说明书) ； 介绍网页制作软件Dreamweaver的工作环境； 结合电脑商城网站介绍规划和创建站点的方法和过程。,思考练习,(1) 网站规划的基本原则有哪些？ (2) 网站规划的主要内容有哪些？,实践项目,1、在DREAMWEAVER中建立一个 名
9、为shop的站点，并创建如右 图所示的网站目录结构,实践项目,2、请参考课件附录部分的资料，体验香山公园的网站需求，并在DREAMWEAVER中建立一个名为PARK的站点，创建如右图所示的网站目录结构,实践项目,3、请选择一个你熟悉的网站，绘制出该网站的栏目结构，并说明该网站的链接结构 4、请为课程设计做准备，为完成课程设计相关的网站规划做好准备，下周五的课设课程将要求大家进入网站规划环节，并在此环节的课程设计中，提交一份网站规划说明书。,附录：香山公园案例,规划香山公园网站。包括 网站主题、栏目、结构、链接等； 在Dreamweaver中创建park站点； 实现规划的站点目录结构。,网站的栏目结构,网站的首页,公园概况,最新动态,游览指南,为您服务,历史文化,公园特色,游客论坛,景点介绍,导游图,交通线路,开放时间,票价信息,诗词赏析,寻古问今,建筑风格,
