WWW(World Wide Web)的含义是“环球网”俗称“万维网”、3W、Web。它是由欧洲粒子物理实验室(CERN)研制的基于Internet的信息服务系统。WWW以超文本技术为基础,用面向文件的阅览方式替代通常的菜单的列表方式,提供具有一定格式的文本、图形、声音、动画等。通过将位于Internet网上不同地点的相关数据信息有机地编织在一起,WWW提供一种友好的信息查询接口,用户仅需提出查询要求,而到什么地方查询及如何查询则由WWW自动完成。因此,WWW带来的是世界范围的超级文本服务,只要操纵电脑的鼠标,就可以通过Internet从全世界任何地方调来你所希望得到的文本、图像(包括活动影像)和声音等信息。 WWW的成功在于它制定了一套标准的、易为人们掌握的超文本开发语言HTML、统一资源定位器URL和超文本传送协议HTTP。

班级网站应该是一个展示、记录、交流与沟通的网络平台，下面是我为您整理的“班级网站策划书范文”，仅供参考，希望您喜欢！更多详细内容请点击查看。

一、前言

互联网的发展日新月异。仅仅几年，互联网电子商务已经从两年前的萌芽阶段迅速成为中国未来经济的支柱力量。新的商务模式，正在深刻而彻底地改变着我们传统的经营方式，让我们在短时间内得以与世界经济接轨。眼下，利用网络，电子化机构与电子化生活已经越发显出激动人心的商机与活力！

信息流、物流、资金流的循环，开拓全新的市场机会。大学班级网站一直是互联网的新生活力项目，在互联网上各种各样的班级网站都有，但大多基本上还处于有待加强和提高，当中的原因有很多。

因为苦于缺乏资金和技术，如何把握班级网站的尺度，做到简单优雅、满足众人胃口也是问题所在。

结合各网站的特点，我们可以看到，班级网站是在网络中把班级成员联系到一起。班级网站的特点是需要成员的参与、交流的项目。因此，我们把班级网站的建设初步定位为：

它主要是以网上联系交流为主的互动网络平台，它的网站名称xx，这个班级网站主要以以信息交流为主，附设新闻前线、娱乐地带等趣味栏目，开设互动式流言专区，开设同学信息、同学作品等版块。

二、班级网站建设的可行性分析

1、团队自身条件分析

首先我们认识到，我们所学习的是电子商务，我们有自己动手的能力，有HTML、dreamweaver、数据库这方面学习的经历，通过这个项目，可以把学到的知识运用到实践中，但不足之处可能就在于我们的知识程度有限，网络在发展，技术在进步，许多新技术应用的出现，是我们不能及的，所以，在现有的条件下，我们做这个网站只能是在简单中追求完美，尽最大可能的发挥我们这个团队的优势，尽最大努力做到最好。

2.专业老师的指导和帮助

我们系有专业的老师为我们提供指导，遇到不懂的，可以向老师请教；若是有超出我们专业范围的东西，可以请老师加入我们，为我们班级网站的建设出谋划策！

三、班级成员的需求分析

1、班级网站的服务宗旨

班级网站是班级内成员相互交流的平台，它的目的主要在于服务广大师生，为大家创造一个安全、健康、绿色，便捷的网络服务平台！从而增进师生感情，并且为大家获取班级内成员的信息提供一个更便捷的通道！

2、班级内成员的特点

（1）整个班级是一个团体，大家在学习中各有所长，班级网站的建设需要发挥每个人的聪明才智，这样才能把我们的网站建设的更好.

（2）最终网站用户是登陆互联网络的所有浏览者，而不仅仅是我们本班的同学，所以，他是一个开放的平台，班级成员可以在这结交更多的朋友！

（3）整个网站由动态模块构成，维护人员不需懂太多网页设计知识，只须有一定的计算机操作基础，能熟练操作类似word等办公软件即可。

四、网站的设计方案

1、网站的布局

（1）网站的整体风格

设计上讲究和谐统一，大气之中又包含温馨，在将班级特色展现出来的同时，又可以向大家传达班级集体一大家的理念，版面设计上，新颖独特，动态与静态恰当融合，吸引人的同时，又给人以视觉享受。

（2）网站主题

体现青春活力，同学情谊，与时代同行的气息

（3）网站背景

校园景色，主要以青春色彩的绿色和橙色为主，体现青春气息！

（4）网站版块

1 [首页] 2 [班级简介] 3 [班级展厅] 4 [同学通讯录] 5 [您的建议] 6 [关于我们]

（5）网站的美工设计

网页的设计基本上就只有动与静两种方式，恰如其分地将动与静结合起来，可以让网页画面变得灵动活泼，从而给人们带来强烈的视觉吸引力和冲击力，提升网站的形象。我们在设计网站时，要将动画融入到静态的文字与图片之中，增加网站的活力

2、功能模块设计

（1）信息浏览系统：

主要应用于网站中的观点展台和班级新新闻两个版块，将网页上的某些需要变动的信息由后台管理员集中管理，并通过信息的某些共性进行分类，最后系统化，标准化发布到网站上。

网站信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上，从而方便不同访客阅览所需的各版块信息。

（2）即时通：

类似qq群一样的班级群的联系方式，在这里可以直接联系彼此。

（3）信息发布系统：

添加、删除、修改信息发布班级新新闻、各分类信息、友友动态、我的秀逗、联系我们版块信息。

（4）联系我们系统：

可以通过联系我们来对我们网站进行评价，以及提出一些意见或者建议。

3、交互性和用户友好界面设计

（1）在设计网站时可以充分利用网络的交互性，通过联系我们等功能模块建立企业与用户及公众之间有效信息沟通交流的平台

（2）在网页画面设计方面，既会充分考虑到用户的行为习惯，也会考虑到创新性，不仅让用户得到满意的体验，还会让用户产生耳目一新的感觉，在这一方面，我们将会着重于画面动态设计与导航设计，以生动、形象、通俗、易懂的方式引导用户浏览网站，从而建立起对本网站乃至本公司的整体了解。

4、网站开发使用技术情况

五、网页形式和语言

1.网页形式

动态和静态结合网页

2.网站语言

Javascript

六、软硬件环境

1.软件： Dreamweaver \ Photoshop CS \ Flash

2.硬件： PC机

3.技术： ASP\HTML\CSS\VBscript \ javascript\ SQL

4.项目设计及运行平台 Windows 7 web IIS

七、网站测试

1、性能测试

（1）连接速度测试：用户连接到电子商务网的速度与上网方式有关，他们或许是电话拨号，或是宽带上网！

（2）负载测试：负载测试是在某一负载级别下，检测电子商务系统的实际性能。也就是能允许多少个用户同时在线。可以通过相应的软件在一台客户机上模拟多个用户来测试负载。

（3）压力测试：压力测试是测试系统的限制和故障恢复能力，也就是测试电子商务系统会不会崩溃。

2、安全性测试

它需要对网站的安全性（服务器安全，脚本安全），可能有的漏洞测试，攻击性测试，错误性测试。对电子商务的客户服务器应用程序、数据、服务器、网络、防火墙等进行测试！用相对应的软件进行测试。

3、基本测试

包括色彩的搭配，连接的正确性，导航的方便和正确，CSS应用的统一性。

4、网站优化测试

好的电子商务网站是看它是否经过搜索引擎优化了，网站的架构、网页的栏目与静态情况等。

八、网站维护

1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间；

2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视；

3、内容的更新、调整等；

4、制定相关网站维护的规定，将网站维护制度化、规范化；

5、做好网站安全管理，防范黑客入侵网站，检查网站各个功能，链接是否有错。

一、建设必要性分析

互联网的发展日新月异。仅仅几年，互联网电子商务已经从两年前的萌芽阶段迅速成为中国未来经济的支柱力量。新的商务模式，正在深刻而彻底地改变着我们传统的经营方式，让我们在短时间内得以与世界经济接轨。

眼下，利用网络，电子化机构与电子化生活已经越发显出激动人心的商机与活力！信息流、物流、资金流的循环，开拓全新的市场机会。大学班级网站一直是互联网的新生活力项目，在互联网上各种各样的班级网站都有，但大多基本上还处于有待加强和提高，当中的原因有很多。

因为苦于缺乏资金和技术，如何把握班级网站的尺度，做到简单优雅、满足众人胃口也是问题所在。结合各网站的特点，我们可以看到，班级网站是在网络中把班级成员联系到一起。班级网站的特点是需要成员的参与、交流的项目。

二、团队自身条件分析

首先我们认识到，我们有自己动手的能力，有HTML、ASP、数据库这方面学习的经历，通过这个项目，可以把学到的知识运用到实践中，但不足之处可能就在于我们的知识程度有限，网络在发展，技术在进步，许多新技术应用的出现，是我们不能及的，所以，在现有的条件下，我们做这个网站只能是在简单中追求完美，尽最大可能的发挥我们这个团队的优势，尽最大努力做到最好。

建设初步定位是：

以班级成员网上联系交流为主的互动网络平台，以信息交流为主，附设新闻前线、娱乐地带等趣味栏目，开设互动式流言专区，开设同学信息、同学作品等版块。

首页要求

体现青春活力，同学情谊，与时代同行的气息；背景为：校园景色、青春主题具体内容前台

1 [首页]

2 [班级简介]

3 [班级展厅]

4 [同学通讯录]

5 [您的建议]

6 [关于我们]

后台

1、网站会员登陆系统

2、网站社区服务系统

3、其他相关程序

网站属班级网站，功能比较少，需要的服务器空间较小，并且对服务器的功能要求，扩展性要求较低，对未来访问量的高承受能力和带宽要求也不是很高，因此，在服务器的选择上，要做到经用够用和好用，能够保障网站的正常运行需要，追求最高最好的性能价格比。

在服务器操作系统方面，可以使用Windows2000 Adervace Server操作系统和IIS5.0 Internet服务器软件，此服务器开发环境兼容性能好，开发难度低，可利用资源多；在服务器安全和稳定性能方面，需要加载病毒防火墙和反黑客软件用以保障。

网站程序开发可以使用Microsoft公司的Active Server Pages技术进行开发应用，在数据库使用方面，可以使用Microsoft公司的 SQL Server 2000或ACSS数据库软件；前两者技术成熟，兼容性能良好，可利用资源多，开发经验丰富，是组建电子商务网络平台的较好选择。

网站建成后，有一个常规推广期，在这个期间内，需要收集各方面对网站的初步看法和意见，并继续加大网站充实的力度，进行更新，培养初步的访问群，力争在用达到日真实访问量50以上，此期间主要有以下手段：

1、搜索引擎加注：做好每个网页的关键字索引，争取每个页面的关键字都有所不同；

2、广泛友情连接：

3、到各类留言板留言

4、到各大论坛发布广告

5、利用论坛网聚人气，广泛收集精彩贴子，广交天下。

一、总括：

1.网站主题：班级风采，体现青春活力，同学情谊。

2.网站作用：展示班级风采，让观看网站的人了解软工六班。

3.网站规模：班级网站，由简单网页组成，规模不大。

4.目标人群：本班全体成员，以及想了解软工六班的所有人。

5.网站特色：我们这个网站主要展示班级风采发。在色彩和风格上采用以灰色为主，画面单纯而不乏绚烂，内容的特色表现为：内容有个性；内容的实用性和真实性；充分展示了软工六班的风采。

二、网站的风格及配色方案：

1.网站名称：6班风采。

2.网站LOGO：主色采用灰色白色，左边为RG6图案代表软工6，后面有“20xx级软工6班”文字。

3.网站的标准色：网站一以白色和灰色为主色调，整个网页以灰色纯色为背景，内容的背景颜色则用白色，这两种颜色的搭配给人以时代的感觉，代表了年轻人主宰这当前的时代。

4.网站的标准字体：网站整体采用了黑体，黑体方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀，因此非常醒目。

三、网站的栏目设计及板块介绍：

1.主页：网站的首页，几张合照的切换展示我们班的所有人。

2.班级介绍：介绍了班级的基本历史，班委。

3.班级新闻：班级新闻为从开学以来发生的一些重要的事情。

4.班级荣誉：这是我们班在开学以来获得的荣誉。

5.图片墙：图片墙以图片形式记录了我们一起走过的日子。

6.六班金花：展示我们班的很有特色的小女生。

四、网站设计和制作中所采用的技术：

网站主要采用本学期所学的html和css技术，套用了css3和html5技术。在网页显示特效上套用了java script，jquery技术。还是用flash技术。

网站的连接跳转主要使用的是描点，将网页分为几部分，使用了html5中的section标记。配合JavaScript和css3把不需要显示的内容隐藏起来，当点到的时候才显示出来。

在不同页面切换之间加入了个flash的载入条。在网页的照片墙上里，使用了jquery和java script来做切换效果展示图片。

五、首页的设计：

网站的首页，用盒子将首页分为四部分，第一部分为LOGO；第二部为网页的导航栏；第三部分加载几张合照的切换展示我们班的所有人还有一按钮可以切换图片

六、网站大体内容：

1.第一个页面为主页，展示我们班的所有人以及显示网站的各网页标题；

2.第二个页面为班级介绍，分为两个小部分，左边为我们班开学报到认识彼此和军训时我们的荣辱与共，右边为班级介绍展示班级的一系列活动和老师，导生和通过竞选而产生的各个优秀班委；

3.第三个页面为班级新闻，展示我们班参加的一系列活动的新闻通告，可以让更多的同学了解到更多的信息。

新闻热点有：

软工六班健康行之阳光登山

24字团日活动决赛

触动你我他的团日活动

六班的优秀辩手与精彩的辩论赛

六班的热血系篮球赛

宿舍开放日的男女交流

男生宿舍的友谊

系运动会之飞扬六班

军训回忆

4.第四个页面为班级荣誉，展示我们班参加活动所得到的奖项：

早读被评为“早读积极班级”；

参加以“践行社会主义核心价值观—共筑美好华软”为主题的团日活动获得软件工程系二等奖。

5.第五个页面为图片墙，展示我们班从开学到现在留下的一张张美好回忆，展示我们的青春与活力；

6.第六个页面为六班金花，展示我们班仅有的四名女生，在我们班成功晋级为国宝，四朵金花各有各的性格特点，我们会付出行动去呵护她们，不会让她们受到伤害。

一、前言

学习电子商务专业将近三年，同学们应将扎实的基础理论知识学以致用，通过建设班级网站，提高同学们的实践应用能力。

为了更好的服务同学，班级网站做出整体规划，成为对外宣传班级形象，同学们沟通、学习、交流的载体，使网站具有鲜明、活力、开放、文化等特色，打造成为为老师、同学提供信息服务的平台。

1.1网站建设目标

（1）促进同学之间、同学与老师之间的沟通、交流、学习，打造班级良好形象。

（2）展示班级风采，记录每个成员的生活点滴，扩大生活学习交际圈，广增人脉。

（3）通过建设班级网站，提升学生建站操作技能，更重要的是锻炼了同学们的团队精神和团队协作能力，为毕业找工作奠定了良好的基础。

1.2网站设计原则

（1）便利性原则

网站导航明确简单，各类功能模块一目了然，用户可以方便的进行查询各类信息，浏览网站动态等各类活动，另外网站功能设计应以方便使用为原则。

（2）经济性原则

建立适合学生需求的网络平台，提供广泛的用户所需求的多种功能，数据处理方式灵活，节省网站建设成本，并确保其较好的拓展性和开放性；网站整合功能完善，使管理员能够很方便地对网站中的动态内容进行更新。

（3）扩展性原则

网站的整体规划及框架设计是具可扩充性的，前台页面的设计能保证网站在增加栏目后不会破坏网站的整体结构。网站良好的扩充性能够适应内外网连接、数据同步的需要，能够为日后的功能扩展预留接口。

二、客户需求分析

2.1网站服务宗旨

宣传班级良好形象，为用户提供文明、温馨、舒适的上网环境，用户可以方便的查找、浏览、更新相关信息。

2.2用户和操作人员特点

（1）网站用户多为本班级学生、校内学生及其好友，以及授课老师。

（2）整个网站由动态模块构成，班级网站维护人员无须懂网页设计知识，只须有一定的计算机操作基础，可进行后续的网站信息录入和修改工作。

三、解决方案

3.1网站栏目规划

班级网站包括：首页、班级简介、班级个人信息、班级相册、班级动态、班级活动、同学通讯录、班级日志、留言板、在线论坛、英语角常用网站链接等栏目。

3.2网站美工设计

（1）风格

网站背景应以天蓝色为主要颜色，干净清爽，整体设计风格和谐、温馨、简洁、清新，版面设计应新颖独特，充满活力与激情，能充分体现当代大学生的精神风貌。

（2）首页和栏目页美工

网站首页画面应以校园青春为主题，能体现出大学生的朝气蓬勃与无限活力。网页设计采用动静相结合的方式，将动态画面融入到静态的文字与图片当中，使网页画面变得生动活泼，同时网站栏目的设计效果应与网站风格和谐统一，为用户带来视觉享受。

3.3功能模块设计

（1）信息查询系统：用户登录到网站信息查询系统，进行查询考试成绩、相关证书的考试结果以及用户的个人基本信息等的查询。

（2）学生管理系统：

3.4交互性和用户友好界面设计

3.5宣传推广方案

3.6网站技术解决方案

四、网页形式和语言

1、网页形式

动态和静态结合网页

2、网站语言

Java script

五、软硬件环境

1、软件： Dreamweaver\Photoshop CS\Flash

2、硬件： PC机

3、技术： ASP\HTML\CSS\VB script\java script\SQL

4、项目设计及运行平台 Windows 7 web IIS

六、网站测试与发布

网站测试以用户体验为中心。网站测试包括：配置测试、兼容性测试、易用性测试、安全性测试以及基本测试等。

在对网站进行完整的测试后就可以发布了，将网站内容使用FTP上传到网站空间当中，在此之前，还需要申请网站的域名，这些可以在网络的空间提供商和域名提供商处购买。

七、网站维护

1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定相应的措施；

2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视；

3、网站内容的更新、调整等；

4、制定相关网站维护的规定，将网站维护制度化、规范化；

5、做好网站安全管理，防范黑客入侵网站，检查网站各个功能，链接是否有错。

八、进度

班级网站建设需要：

网站建设负责人1名

美工1名

高级程序员1名

HTML制作及测试工程师2名

后台管理员1名；

网站建设实施进度大约需要一个月的时间。

打开ID后，我们可以通过左边的两个按钮「新建」/「打开」我们的文档

在新建文档中，最上方已经为我们提供了一些常用的文档格式了，但我们也可以进行自定义，其中我们能修改的内容有

文档名称

宽高

方向：横/竖

装订：从左到右/从右到左

页面数、起始页数、是否需要对页

出血设置

ps：「出血」是印刷中常用的功能，设计中常会添加「出血线」来预留裁切位。

在这些设置当中，我们如果没有特殊要求，都使用默认。

确认之后点击「边距和分栏」

indesign设置步骤（ID教程快速入门InDesign）(2)

边距和栏如果没有特殊要求就不用修改。

边距就是外面那一块，增加栏会出现竖线。

indesign设置步骤（ID教程快速入门InDesign）(3)

如果设置错了，我们可以通过「文件」-「文档设置」进行二次修改

indesign设置步骤（ID教程快速入门InDesign）(4)

ps：如果你发现你的界面和我的不一样，请确定自己的工作区是否开启了触控

indesign设置步骤（ID教程快速入门InDesign）(5)

2.基本工具

在这里我们主要介绍ID当中的四款工具

图形工具

网格工具

吸管工具

框架工具

图形工具

ID中的图形工具，总共有三大种，分别是

矩形工具

椭圆工具

多边形工具

但在这里我们要注意一下多边形工具，用多边形工具在图形上单击以下会出现详细设置，里面有「星形内陷」，通过修改「星形内陷」我们能够绘制出星形。

indesign设置步骤（ID教程快速入门InDesign）(6)

网格工具

通过网格工具，我们能够在没有拿到具体稿件的时候，确定文字的位置。在下方会显示行、列以及总字数。

当我们在上方修改其参数时，网格工具也会随之变化。

indesign设置步骤（ID教程快速入门InDesign）(7)

吸管工具

在ID中，吸管工具所能吸的不止有颜色，还有属性（包括：字体、文字大小等）

indesign设置步骤（ID教程快速入门InDesign）(8)

框架工具

通过框架工具，我们能够方便的置入图片。

先通过框架工具拉出图片所需范围，再用快捷键Ctrl D置入图片

右键-适合（2种）

按比例填充框架：Ctrl Shift Alt C-内容100%填充

按比例合适内容：Ctrl Shift Alt E-内容100%显示，但可能有留白

indesign设置步骤（ID教程快速入门InDesign）(9)

3.链接

在ID中，当我们加入图片时，它会自动添加链接，但有时候我们可能会遇到两种链接出错的情况。

缺失：双击/点击「重新链接」修复（一般文件改名/文件路径时改变出现）

修改：双击自动修改（一般图片内容遭到修改时出现）

indesign设置步骤（ID教程快速入门InDesign）(10)

indesign设置步骤（ID教程快速入门InDesign）(11)

如果我们希望这个图片能够一直存在于这个文档当中，我们可以选择「嵌入链接」，嵌入进文档，但它会使文档变大。

indesign设置步骤（ID教程快速入门InDesign）(12)

4.字符样式&段落样式

在ID中，我们通过设置：「字符样式」和「段落样式」来设置的字符和段落的样式，并且能反复使用。

比如说，下图我们通过基本样式设置了「字符间距」

indesign设置步骤（ID教程快速入门InDesign）(13)

5.主页

在ID当中主页就相当于我们平常所使用的「模板」模板上有的内容，页面上默认也会有。

那么，我们平时可以利用它来给我们的文档做页码。

具体步骤：

选中主页，新建文本框

「文字」-「插入特殊字符」-「标志符」-「当前页码」(快捷键：Alt Shift Ctrl N)

我们在主页上面看到的可能是字母A，但当我们换回页面，A就会变成对应数字啦。

indesign设置步骤（ID教程快速入门InDesign）(14)

6.导出

导出就根据自己的需求来了。但在这里我还想再唠几句。

如果是以JPEG这种格式导出的，一定要记住以下两点：

分辨率：打印- 300ppi电子- 72ppi（无特殊需求）

色彩空间：CMYK-打印用色 RGB-电子阅览用色

indesign设置步骤（ID教程快速入门InDesign）(15)

转载请注明：片头模版 » 网站模板阅览(WWW是什么网站)