一、前言 1.1 网站建设目标 1.2 网站设计原则 二、客户需求分析 2.1 网站服务宗旨 2.2 用户和操作人员特点 三、解决方案 3.1 网站栏目规划 3.2 网站美工设计 3.3 功能模块设计
3.4 交互性和用户友好界面设计 3.5 宣传推广方案
3.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 网站技术解决方案
一、项目概况
在Internet飞速发展的今天，互联网正在悄然改变着我们的生活方式，从各种传媒的报道，到人们认识上的变化，互联网已在人们的生活占有了不可或缺的地位。互联网成为人们快速获取、发布和传递信息的重要渠道。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了今后更好的方便大家联系、交流，所以特别建立浙江经贸职业技术学院电商0802班同学录网站。
班级网站结构严谨，功能全面，重心在以最优化的方式创建班级网上家园。它最明显的优势首先在于您展现班级信息的简便，灵放，快捷，和全面，其次是可以完美地塑造班级和谐形象；再则班级网站将是一起走过的日子的最佳纪念方式；总之，一个优秀的班级网站可以是最经济的方式带来诸多的效益。
二、实施策略
建设网站目的及功能定位
是为了宣传班级人和事学生自身才艺的展示，增加学生的就业机会，以提升班级学生的就业率。
网站内容（栏目介绍）
网站的板块和风格
网页策划
1.总体网页规范：
网站首页是网站的第一内容页，整个网站的最新、最值得推荐的内容将在这里展示。以达到整个班级的总体形象的和谐统一；在内容上，可以动态更新首页的内容，使整个网站时时充满生机和活力。网页设计美术设计要求，网页美术设计一般要与班级整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。（如：根据我们是给班级网站策划，则在整体设计上应该不予黯淡，如想吸引更多的客户浏览，突出主题，尽量给人独特的视觉意境，这样才会引人注目。）
在设计布局上，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。给浏览者耳目一新的感觉。
在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
为了制定更全面的功能或给浏览者提供更便捷的渠道，网站应制定网页改版计划，如半年到一年时间进行较大规模改版等。这样可以增加访客的“回头率”
2.网站内容（栏目介绍）
班级简介
班级成员：即所在班级的所有学生
班级活动：我们班级到目前为止所办的班级活动列表（可以在活动名称下加链接，所指的内容可加上班级学生在活动中的表现，以此见证。）
班级荣誉：记录班级从我们进入时一直到毕业的学习成长历程中的点点滴滴，在校级开展的活动/整体考评中得到的奖状之类。
名师风采
师资介绍：介绍在我们班级团队中的师资队伍，教师的所授课教程简介。
教师寄语：在该栏目设置类似留言板的平台，教师在此处写下对自己学生的寄语，鼓励学生在在校期间对时间的充分利用。
学生风采
风采展示：给一些同学进行其风采展示的平台，可以在该部分对同学的技能、兴趣爱好，在学校举办的活动之中获得的奖项。
可以根据不同人的情况，（有些同学为了充裕课余时间，丰富生活，积累经验），在淘宝上开网店，可以在其的展示页添加链接，给同学“商机”。
联系方式：对一些在某方面具有强项的同学的联系方式（例如：QQ、email、MSN）可以供浏览者在线问答/发邮件咨询。
班级论坛
班级快讯： 在此板块可以发布班级即将举办的活动，如果是同校的，也可以对校友进行开放。
班级留言： 提供了一个公共的信息发布平台
心理在线：对于一些同学在心理上出现问题（不管时在学习上的或情绪上的等，如果想找同龄人沟通交流的可以运用此平台。）
共享空间
文件共享：这是一个共享空间，班级成员可以在此上传一些文档或图片之类的，也可以时老师下发的ppt.考试复习资料以及一些考试报名的规则、通知等。 班级相册：班级在活动中的照片，还有在组织活动中的团体照，比如：春游、秋游、军训等。还有个别同学在比赛或竞赛时的/获奖时的照片。
班级通讯录：此板块只限于班级内部人员使用，在通讯录里记录每个班级成员的联系方式以便于目前或以后的联系
专业动态
行业新闻：班级网站可以根据自己所学的专业，对该专业的关注了解，将一些及时信息发布在我们的网站中，可以让不清楚专业动向增加一些信息了解。
行业人物介绍：在该部分介绍在这方面的资深人士，以及这些资深人士所取得的成就。
行业人才要求：对于我们所在的班级所学的专业而言，在市场上存在的行业来讲到底需要怎样的人才及行业对人才的要求
行业招聘情况：网站安置搜索引擎，可以提供站内搜索，当然页提供站外搜索的链接页面。
网页设计
为节省人工，使用班级网页模板进行制作修改。
模板选择力求新颖，炫丽。
网站技术解决方案
根据网站的功能确定网站技术解决方案。
1、采用租用虚拟主机。购买稳定的空间安置网站。
2、用Window20xx做为网站服务器。
3、采用个性化开发。
构建班级网站的技术和实现方法，重点讲述了注册登陆，留言板，班级相册等几个主要功能的实现。网站页面采用Dreamweaver所见即所得的网站设计工具，并
结合ASP技术来设计，网站图片、动画设计采用Potoshop来做，在代码方面主要是以HTML为主的设计语言。网站采用的数据库是Access
2、站点目录设置及命名规范：
Jiaoji06ban
|--images (可放网站所有的切片，栏目分类命名) (网站文件夹)
|--css (网站文件夹)
|--*.css
|--jianjie(教技06班简介) (网站文件夹)
|--*.htm(N个正文页面)....
|--sofo(学习资源下载) (网站文件夹)
|--*.htm(N个正文页面)....
|--articles(新闻动态) (网站文件夹)
|--*.htm(N个正文页面)....
|--guesbook(留言板) (网站文件夹)
|--*.htm(N个正文页面)....
|--poto(班级相册) (网站文件夹)
|--*.htm(N个正文页面)....
|--外部频道(学习交流论坛) (网站文件夹)
|--*.htm(N个正文页面)....
三、网站推广
电子邮件推广
电子邮件是最有效的网络许可营销方法之一。分为：广告邮件、电子杂志两种。前者通过广泛发布邮件信息获得第一注意力（主要是用写邮件群发工具，有条件的话可以买些有这方面需求的用户的邮箱）；后者通过用户许可，获得定期、定向宣传效果，起到事半功倍的效果；每周给网站注册者发送电子邮件通讯
(E-mail Newsletter)。通讯中提供行业的新闻和一些技巧，并链接回公司网站。每月制作一个有各种资源的链接页面，免费向会员的电子邮箱发送，同时放到各类电子杂志网站免费让网友免费下载阅读。切记，电子杂志的内容质量是关键，不然会被当作垃圾邮件的。
联盟策略（即友情链接联盟）
加入友情链接联盟最大的一个好处就是不仅可以提高网站在互联网上的曝光率，提高网站的反向链接数量和pr值，还因为注册友情链接联盟留下了网站的信息，并为自己生成了一个自助化的友情链接系统，这样别人就可以不在通知我的情况下加好我的友情链接，使友情链接变得更加轻松。
（1） 实现同类网站互通有无，建立同盟，并做到唯我马首是瞻。
（2） 建立同行业（文化产业）同类型（互动社区）的网站联盟，做到互为宣传，互为推广；加入论坛联盟网摘联盟 图摘联盟。
（3） 加知名站或者用户比较关注的网站的链接。用户也许会通过这些而点进我们的网站。
（4） 学生会开一些网店，我们可以在网店上加上我们要宣传的网站的链接，访客可以通过该链接访问到我们的网站，进入别的店铺。
提供网络店铺链接页面：也就是说我们网站专门做一个页面，用来提供给大学生网店的链接，每当访客访问我们网站的时候就可以找到这个链接页，进行点击进入，我们不收取费用，但是要求申请者给我们的网站进行宣传，比如说和他的店铺进行链接等等。
2.1明确功能定位
1、功能定位
我们可以把班级网站定位为：对内面向班级全体同学，是同学们展示、交流的平台，记录班级成长的足迹，分享同学的点滴收获，构筑相互友谊的纽带；对外面向所有关心本班级的老师、家长及社会人士，是反映本班级同学精神面貌的窗口。
2、网站的起名
明确功能定位后，可以为网站起一个容易让人记住的名字，如“初二X班网站”（其中“X”用具体的数学表示）就很直观。当然，可以发挥你的想象力，起一个富有寓意的名字。
3、设计内容结构
围绕“班级网站”的目标定位，从不同角度拟定网站需要包括的主要内容，设计栏目列举主要内容出来。如表2-1所示。
表2-1 班级网站栏目设置
图2 -1 班级网站的网页结构图
?小组讨论，定出本班网站的功能定位及内容结构，简要写出各栏目的主要内容及网站的网页结构图。
2.2设计版面
设计版面时需要考虑的因素可能很多，主要是方便阅读，突出主题。
2.3拟定制作计划
制作网站通常属于团队合作项目，需要拟定一个详细的制作计划。如列出项目实施过程中的具体任务、由谁来做、何时完成等。
参考一些网站制作的分工方法，根据小组实际情况拟定制作计划，落实每个人的岗位和具体任务，填写表2-1。
表2-1网站制作计划表
三、创建网站站点
3.1素材收集与管理
3.2建立站点
建立站点可看做是在计算机中建立一个网站基地，即在计算机硬盘的某个位置建立一个文件夹，然后在这个文件夹中存放有关的网站文件。
参考图2-1 班级网站的网页结构图，可用FrontPage构建班级网站的站点结构，方法如下：
（1）新建站点。打开FrontPage，如图3-1步骤1-4所示。在E盘根目录下建立名为“CLASS?TE?”初二?班的?组网站站点（例如初二 5班的第1小组则名称为：CLASS 5 TE 1）。〖参考教材P25
（2）添加文件夹和栏目网页。如图3-1步骤5所示，在新建站点上单击鼠标右键，从弹出的快捷菜单中选择新建文件夹或网页，参考图3-2，在站点的一级目录上构建所需的文件夹和网页文件。〖参考教材P25
（3）
一、大学班级网站策划之前言
大学班级网站建设一直是互联网的新生活力项目，在互联网上各种各样的大学班级网站都有，但大多基本上还处于有待加强和提高，当中的原因有很多。因为苦于缺乏资金和技术，如何把握大学班级网站的尺度，做到简单优雅、满足众人胃口也是问题所在。结合各大学班级网站的特点，我们可以看到，大学班级网站是在网络中把班级成员联系到一起。大学班级网站的特点是需要成员的参与、交流的项目。
二、大学班级网站的设计方案
1、大学班级网站的布局
（1）大学班级网站的整体风格
设计上讲究和谐统一，大气之中又包含温馨，在将班级特色展现出来的同时，又可以向大家传达班级集体一大家的理念，版面设计上，新颖独特，动态与静态恰当融合，吸引人的同时，又给人以视觉享受。
（2）网站主题
体现青春活力，同学情谊，与时代同行的气息
（3）网站背景
校园景色，主要以青春色彩的绿色和橙色为主，体现青春气息！
（4）网站版块
1 [首页] 2 [班级简介] 3 [班级展厅] 4 [同学通讯录] 5 [您的建议] 6 [关于我们]
（5）网站的美工设计
网页的设计基本上就只有动与静两种方式，恰如其分地将动与静结合起来，可以让网页画面变得灵动活泼，从而给人们带来强烈的视觉吸引力和冲击力，提升网站的形象。我们在设计网站时，要将动画融入到静态的文字与图片之中，增加网站的活力
2、大学班级功能模块设计
（1） 信息浏览系统：主要应用于网站中的观点展台和班级新新闻两个版块，将网页上的某些需要变动的信息由后台管理员集中管理，并通过信息的某些共性进行分类，最后系统化，标准化发布到网站上。网站信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上，从而方便不同访客阅览所需的各版块信息。
（2）即时通：类似qq群一样的班级群的联系方式，在这里可以直接联系彼此。
（3）信息发布系统：添加、删除、修改信息发布班级新新闻、各分类信息、友友动态、
我的秀逗、联系我们版块信息。
（4）联系我们系统：可以通过联系我们来对我们网站进行评价，以及提出一些意见或者建议。
3、 交互性和用户友好界面设计
（1） 在设计大学班级网站时可以充分利用网络的交互性，通过联系我们等功能模块建立企业与用户及公众之间有效信息沟通交流的平台
（2） 在网页画面设计方面，既会充分考虑到用户的行为习惯，也会考虑到创新性，不仅让用户得到满意的体验，还会让用户产生耳目一新的感觉，在这一方面，我们将会着重于画面动态设计与导航设计，以生动、形象、通俗、易懂的方式引导用户浏览网站，从而建立起对本网站乃至本公司的整体了解。
四、大学班级网站维护
1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间； 2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视； 3、内容的更新、调整等；
4、制定相关网站维护的规定，将网站维护制度化、规范化；
5、做好网站安全管理，防范黑客入侵网站，检查网站各个功能，链接是否有错。