网站设计方案修改

年4月19日网站设计方案修改文档仅供参考，不当之处，请联系改正。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.html……fzlc.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.3flash动画设计网站中的动画最好能突出主题，起到画龙点睛之功效。动画的功能是什么（企业展示还是产品展示，亦或其它……）。使用的地方：首页、二级页面或者广告栏等等。4.4建立库项目网页中经常见到的项目，例如版权区，能够事先定义为库项目，以备制作网页时重复使用，提高工作