- 1、本文档共34页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
1 本网站设计规划
1 .1 本网站建设的方向和目的
1.1.1 网站建设目的
网站的建设不仅仅是制作主页的问题,还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题,写出详尽的建站计划,可以说这是网站建设的根源和核心所在。这里就以我做的这个个人网站为实例给大家简述这个问题,如我设计的个人网站:http://www.liu18.tk 。作为一个个人兴趣网站,我的服务群体及访问者都定位在有广泛兴趣的网民,为网民服务就是我的这个网站的目的和方向。从整个页面上可以看出,我的这个整个网站涉及新闻资讯、博文天下、在线留言等等都是关于个人兴趣爱好的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样:企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
1.1.2 本站明确的目的
不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站,以及一个大型门户网站和一个小型企业网站,其出发点和建站目的都有所不同,在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时,我选择了个人兴趣相关联的主题。
本网站预计的用户群体:对于网站的设计者和建设者来说,在设计规划网站时必须要明确自己网站的浏览者,也就是确定自己的用户群体。在已经确定了建设目的的前提下,应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以喜爱分享自己的爱好兴趣为用户群体。
本网站的结构和风格:网站的风格反映了一个网站的特色,它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容,鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的结构和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢?网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架,如果没有网站结构,网站将会变得一团糟。现在,只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。
图1-1 网站导航栏
如图所示,我的这个网站的结构主要由首页、网站简介、资讯信息、博闻天下、精品图集、加入我们、留言中心等几大部分组成。这些部分组成了我的整个网站的结构,使得整个站点不会因为内容过多而显得杂乱无章。
2 网站设计的前期准备
2.1 软件准备和ISS 5.0的安装与设置
2.1.1 软件准备
在网页的设计过程中,因人而宜,每个人使用的软件也许不同,如比较有名的网站设计软件有ADODB公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里,我们主要说的是ADODB公司出品的“三剑客”。
这“三剑客”包括Dreamweaver CS4、Fireworks CS4和Flash CS4,其中,Dreamweaver CS4是网页编辑软件,Fireworks CS4是图形/图像处理软件,Flash CS4是矢量动画编辑软件。当然现在网页三剑客已经出来CS4了,新的版本功能更加强大。ADODB公司一向以其优良的设计、友好的用户界面和强大的功能而著称,这三个软件也不例外,它们是ADODB公司专门为网页设计、制作开发的系列软件套件,三者之间可以无缝集成,能够有效地解决网络带宽问题,是设计动画网页的最佳工具。
Dreamweaver采用“所见即所得”的直观设计模式,充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来,使用户只需专注于设计,而其余的工作由Dreamweaver8自动完成。另外,还有一点值得说明的是,DreamweaverCS4可以控制和删除冗余代码,减小网页文件的大小。从而能够快速上传和下载。
Fireworks的独特之处在于它能够优化、切分图片映射图,并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件,提供了一种革命性的新方法来创建WEB图形,并且具有所有其他图形处理工具的诸多优点。Fireworks最大优势就在于它在任何时候可以从任何阶段开始设计工作,这样既可以节约时间又可以对产品进行扩展。另外,Fireworks CS4中的诸多功能都是面向WEB应用的,因此对于WEB设计新手来说也很容易学习
文档评论(0)