网站设计方案(修改)

1、xx网站设计方案（模板）专业班级： 姓名:学号: 指导教师:期：1. 网站的目标规划2. 网站的内容规划3. 网页的风格和布局设计4. 网站的资料收集和准备5. 网站制作进度安排6. 网站建设的心得体会和扩展性分析1.网站的目标规划1.1网站主题策划通过网络就某个主题搜索资料，题材不限，耍求有个人特色、 新颖和有吸引力，并对网站作简单的介绍如主题是什么？分那几个栏 目，每个栏目的特色和主要内容是什么？参考专题：对计算机基础教育的看法，互动式教学的方式，网 上论坛，qq聊犬论述等。也可以是其它的有兴趣的专题如：文学、 丿力史、科技、体育、旅游、生活、时尚等。参考主题：（1）教学资源网站；（2）个

2、人网站；（3 ）班级网站； （4）学习网站；（5 ）学校网站；（6 ）旅游网站；（7 ）公司网站；（8 ） 体育网站。1. 2目标用户定位确定了站点实现的目标z后，需要确定站点的浏览客户。创建 世界上毎个人都能使用的web站点是不可能的。人们的兴趣、爱好 不同，使用不同的浏览器，以不同的速度连接，这些因素都会影响站 点的使用。因此需要确定廿标用户，根据用户的特点來设计站点风格。2.网站的内容规划2. 1网站栏目结构设计（一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服 务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销 网络、招贤纳士、在线论坛、英文版等等。）可先在纸上绘制

3、网站的栏口结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构，本网站的系统结构图如下（示例）:表2.1 “xx企业网站”的栏目结构一级栏目二级栏目三级栏目及内容页面首页in dex.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.

4、2网站目录结构和链接结构设计1.目录结构根据网站策划确定的栏目结构，创建站点目录，一个网站的冃 录结构要求层次清晰、井然有序，首页、栏口页、内容页区分明确， 有利于fi后的修改。“xx金业网站”的目录结构，各文件夹的所存放因为屮文名文件类型如表2.2所示。注意：文件夹和文件的名称建议不要使用屮文名， 在html文档中容易生成乱码，导致链接产生错误。表2.2 网站的目录结构及其存放的文件类型文件夹名称存放的文件类型csscss样式文件。flash动画文件、视频文件。image图像文件、照片。js外部脚本文件。library库文件。music音乐、音频文件。templates模板文件。text文字

5、素材。webpage_1一级页面文件，该文件夹又有多个子文件夹，例如 webpage 1 01webpage_2二级页面文件，该文件夹又有多个子文件夹，例如 webpage 2 01other其他类型的文件。websta ndby备用页面、备用素材in dex.html主页2.网站链接结构网站的链接结构与口录结构不同，网站的口录结构指站点的文 件存放结构，一般只有设计人员可以直接看到，而网站的链接结构指 网站通过页面z间的联系表现的结构，浏览者浏览网站能够观察到这 种结构。本网站的链接结构采用“网状”链接结构，结构图如图17-2 所示。首页中的文章题目嵌入的内秤頁面3网页风格和布局设计3. 1

6、网站形象设计包括设计网站标志、设计网站的标准色彩和网站采用的标准字体 等等。例如：网站全名及logo标志创意。3. 2网站的界面风格如主、从色调的搭配（即采用什么色彩为基调，配以相关的其他 色彩，与企业整体形象一致），页面导航设计和页血视觉构成等等。例如：色彩搭配及英含义（如绿色+金黄+淡白，体现优雅， 舒适的感觉）3. 3网站的版面布局设计采用何种方式的页面布局，在网页文字和图像等元素上如何平 衡，根据网络速度、阅读习惯等采用了什么技术方案来解决。根据所 需的站点布局外观，先画一个站点草图，以便以后建立站点时可以按 照它来操作。1首页设计草图如下：logobanner简单功能导航栏功能列表或

7、局部导航主要内容版权声明2 栏目页设计草图如下:纵 向 导 航 栏返冋按忸（标题文字）嵌入的内容页面3. 4网站的导航设计设计站点导航时，应考虑如何使访问者能够方便的从一个区域移 动到另一个区域。具体考虑以下几点：明确“当前位置”；导航方便; 提供与网站管理员的联系方法。4网站资料收集和准备根据网站的栏目、内容设计，链接结构设计，首页的布局结构， 几个主耍导航页面的布局结构，准备所需素材。4. 1文本资料准备准备大量网页中所需的文字资料，可以从各类网站、各种书籍屮 搜集文字资料，然后制作成word文档或文木文件，注意各种文字资 料的文件名命名要科学合理，避免日后找不到所需的文木内容。4.2准备各种图片及按钮1.利用fireworks或photoshop量身定做本网站的logo标志， logo标志要与木网站的主题相符，要有新意。2 .其他图片及按钮。根据需要到网上或索材光盘中搜集所需的图 片和按钮、有些图片、按钮需要自己利用图像处理软件制作。例如： 需要制作那些图片，图片的尺寸等等。4. 3 f i ash动画设计网站中的动i田i最好能突出主题，起到冊i龙点睛之功效。动iffli的功 能是什么（企业展示还是产品展示，亦或其他）。使用的地方： 首页、二级页面或者广告栏等等。4.4建立库项目网页中经常用到的项目，例如版权区，可以事先定义为库项目， 以备制作网页时重复使用