网站设计方案(修改)

..PAGE2.v.**设计方案〔模板〕专业班级：姓名：学号：指导教师：日期：目录1.的目标规划2.的内容规划3.网页的风格和布局设计4.的资料收集和准备5.制作进度安排6.建立的心得体会和扩展性分析1．的目标规划1.1主题筹划通过网络就某个主题搜索资料，题材不限，要求有个人特色、新颖和有吸引力，并对作简单的介绍如主题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？参考专题：对计算机根底教育的看法，互动式教学的方式，网上论坛，QQ聊天论述等。也可以是其它的有兴趣的专题如：文学、历史、科技、体育、旅游、生活、时尚等。参考主题：〔1〕教学资源；〔2〕个人；〔3〕班级；〔4〕学习；〔5〕学校；〔6〕旅游；〔7〕公司；〔8〕体育。1.2目标用户定位确定了站点实现的目标之后，需要确定站点的浏览客户。创立世界上每个人都能使用的Web站点是不可能的。人们的兴趣、爱好不同，使用不同的浏览器，以不同的速度连接，这些因素都会影响站点的使用。因此需要确定目标用户，根据用户的特点来设计站点风格。2．的内容规划2.1栏目构造设计〔一般企业型应包括：公司简介、企业动态、产品介绍、客户效劳、联系方式、在线留言等根本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。〕可先在纸上绘制的栏目构造草图，经过反复推敲，最后确定完整的栏目和内容的层次构造，本的系统构造图如下〔例如〕：首页首页联系我们产品中心新闻中心关于我们………开展历程企业简介**信息**信息**信息**信息**信息行业新闻企业新闻表2.1“**企业〞的栏目构造一级栏目二级栏目三级栏目及内容页面首页index.html关于我们：AboutUs.htmlqyjj.html……fzlc.html新闻中心：News.htmlNews_hy.htmlNews_qy.html……产品中心：Product.htmlproinfo_**.htmlproinfo_**.htmlproinfo_**.htmlproinfo_**.html……联系我们：Contact.html留言板.html……产品论坛〔.**Xbbs.〕2.2目录构造和构造设计1.目录构造根据筹划确定的栏目构造，创立站点目录，一个的目录构造要求层次清晰、井然有序，首页、栏目页、内容页区清楚确，有利于日后的修改。“**企业〞的目录构造，各文件夹的所存放文件类型如表2.2所示。注意：文件夹和文件的名称建议不要使用中文名，因为中文名在HTML文档中容易生成乱码，导致产生错误。表2.2的目录构造及其存放的文件类型文件夹名称存放的文件类型cssCSS样式文件。flash动画文件、视频文件。image图像文件、照片。js外部脚本文件。Library库文件。music音乐、音频文件。Templates模板文件。text文字素材。webpage_1一级页面文件，该文件夹又有多个子文件夹，例如webpage_1_01。webpage_2二级页面文件，该文件夹又有多个子文件夹，例如webpage_2_01。other其他类型的文件。webstandby备用页面、备用素材index.html主页2.构造的构造与目录构造不同，的目录构造指站点的文件存放构造，一般只有设计人员可以直接看到，而的构造指通过页面之间的联系表现的构造，浏览者浏览能够观察到这种构造。本的构造采用“网状〞构造，构造图如图17-2所示。3．网页风格和布局设计3.1形象设计包括设计标志、设计的标准色彩和采用的标准字体等等。例如：全名及logo标志创意。3.2的界面风格如主、从色调的搭配〔即采用什么色彩为基调，配以相关的其他色彩，与企业整体形象一致〕，页面导航设计和页面视觉构成等等。例如：色彩搭配及其含义〔如绿色+金黄+淡白，表达优雅,舒适的感觉〕3.3的版面布局设计采用何种方式的页面布局，在网页文字和图像等元素上如何平衡，根据网络速度、阅读习惯等采用了什么技术方案来解决。根据所需的站点布局外观，先画一个站点草图，以便以后建立站点时可以按照它来操作。1.首页设计草图如下：LogoBanner简单功能导航栏功能列表或局部导航主要内容声明2.栏目页设计草图如下：3.4的导航设计设计站点导航时，应考虑如何使者能够方便的从一个区域移动到另一个区域。具体考虑以下几点：明确“当前位置〞；导航方便；提供与管理员的联系方法。4．资料收集和准备根据的栏目、内容设计，构造设计，首页的布局构造，几个主要导航页面的布局构造，准备所需素材。4.1文本资料准备准备大量网页中所需的文字资料，可以从各类、各种书籍中搜集文字资料，然后制作成word文档或文本文件，注意各种文字资料的文件名命名要科学合理，防止日后找不到所需的文本内容。4.2准备各种图片及按钮1.利用Fireworks或Photoshop量身定做本的Logo标志，Logo标志要与本的主题相符，要有新意。2.其他图片及按钮。根据需要到网上或素材光盘中搜集所需的图片和按钮、有些图片、按钮需要自己利用图像处理软件制作。例如：需要制作那些图片，图片的尺寸等等。4.3flash动画设计中的动画最好能突出主题，起到画龙点睛之成效。动画的功能是什么〔企业展示还是产品展示，亦或其他……〕。使用的地方：首页、二级页面或者广告栏等等。4.4建立库工程网页中经常用到的工程，例如区，可以事先定义为库工程，以备制作