网站设计专项方案.doc

XX网站设计方案（模板）专业班级：姓 名：学 号：指导老师： 日 期：目 录1.网站目标计划2.网站内容计划3.网页风格和布局设计4.网站资料搜集和准备5.网站制作进度安排6.网站建设心得体会和扩展性分析1网站目标计划1.1 网站专题策划 经过网络就某个专题搜索资料，题材不限，要求有个人特色、新奇和有吸引力，并对网站作简单介绍如专题是什么？分那多个栏目，每个栏目标特色和关键内容是什么？ 参考专题：对计算机基础教育见解，互动式教学方法，网上论坛，QQ聊天叙述等。也能够是其它有爱好专题如：文学、历史、科技、体育、旅游、生活、时尚等。 参考专题：（1）教学资源网站；（2）个人网站；（3）班级网站；（4）学习网站；（5）学校网站；（6）旅游网站；（7）企业网站；（8）体育网站。1.2 目标用户定位确定了站点实现目标以后，需要确定站点浏览用户。创建世界上每个人全部能使用 Web 站点是不可能。大家爱好、爱好不一样，使用不一样浏览器，以不一样速度连接，这些原因全部会影响站点使用。所以需要确定目标用户，依据用户特点来设计站点风格。2网站内容计划2.1网站栏目结构设计（通常企业型网站应包含：企业介绍、企业动态、产品介绍、用户服务、联络方法、在线留言等基础内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。） 可先在纸上绘制网站栏目结构草图，经过反复推敲，最终确定完整栏目和内容层次结构，本网站系统结构图以下（示例）：网站首页联络我们产品中心新闻中心相关我们发展历程企业介绍XX信息XX信息XX信息XX信息XX信息行业新闻企业新闻表2.1“XX企业网站”栏目结构一级栏目二级栏目三级栏目及内容页面首页index.html相关我们：AboutUs.htmlqyjj.htmlfzlc.html新闻中心：News.htmlNews_hy.htmlNews_qy.html产品中心：Product.htmlproinfo_xx.htmlproinfo_xx.htmlproinfo_xx.htmlproinfo_xx.html联络我们：Contact.html留言板.html产品论坛（http:/www.XXX）2.2网站目录结构和链接结构设计 1.目录结构 依据网站策划确定栏目结构，创建站点目录，一个网站目录结构要求层次清楚、井然有序，首页、栏目页、内容页区分明确，有利于以后修改。“XX企业网站”目录结构，各文件夹所存放文件类型如表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.3 flash动画设计网站中动画最好能突出专题，起到画龙点睛之功效。动画功效是什么（企业展示还是产品展示，亦或其它）。使用地方：首页、二级页面或广告栏等等。4.4建立库项目网页中常常见到项目，比如版权区，能够事先定义为库项目，以备制作网页时反复使用，提升工作效率。5网站制作进度安排包含怎样安排每一部分进度和计划完成时间。6网站建设心得体会和扩展性分析6.1心得体会 在网站建设中碰到了那些问题，怎样处理？学习到了那些知识等等。6.2扩展性分析 网站还能够添加那些模块，和能够实现那些功效等等。