项目1 班级风采网站制作过程
班级网站建设策划书（精选6篇）
班级网站建设策划书
班级网站建设策划书（精选6篇）
伴着时间的流逝，辛苦的工作已经告一段落，为了迎接新的工作目标，何不赶紧趁现在写写策划书。那么你知道策划书如何写吗？以下是小编收集整理的班级网站建设策划书（精选6篇），欢迎大家分享。
班级网站建设策划书1
一、大学班级网站策划之前言
大学班级网站建设一直是互联网的新生活力项目，在互联网上各种各样的大学班级网站都有，但大多基本上还处于有待加强和提高，当中的原因有很多。因为苦于缺乏资金和技术，如何把握大学班级网站的尺度，做到简单优雅、满足众人胃口也是问题所在。结合各大学班级网站的特点，我们可以看到，大学班级网站是在网络中把班级成员联系到一起。大学班级网站的特点是需要成员的参与、交流的项目。
二、大学班级网站的设计方案
1、大学班级网站的布局
(1)大学班级网站的整体风格
设计上讲究和谐统一，大气之中又包含温馨，在将班级特色展现出来的同时，又可以向大家传达班级集体一大家的理念，版面设计上，新颖独特，动态与静态恰当融合，吸引人的同时，又给人以视觉享受。
(2)网站主题
体现青春活力，同学情谊，与时代同行的气息
(3)网站背景
校园景色，主要以青春色彩的绿色和橙色为主，体现青春气息!
(4)网站版块
1 [首页]
2 [班级简介]
3 [班级展厅]
4 [同学通讯录]
5 [您的建议]
6 [关于我们]
(5)网站的美工设计
网页的设计基本上就只有动与静两种方式，恰如其分地将动与静
结合起来，可以让网页画面变得灵动活泼，从而给人们带来强烈的视觉吸引力和冲击力，提升网站的形象。我们在设计网站时，要将动画融入到静态的文字与图片之中，增加网站的活力
班级风采框架制作方案
班级风采框架制作方案
班级风采框架制作方案
一、目标
班级风采框架的制作旨在展示班级的特色和风采，凸显班级团结向上的形象，提升班级凝聚力和向心力。
二、制作内容
班级风采框架的制作内容包括以下几个方面：
1. 班级介绍：介绍班级的基本情况，包括班级成员、班级荣誉、班级口号等。
2. 班级活动：展示班级举办的各类活动，如班级会议、班级集体活动、班级组织的社会实践等。
3. 学习成果：展示班级成员在学习方面所取得的成绩和荣誉，如班级学习前三名、班级学科竞赛获奖者等。
4. 社会实践：展示班级成员在社会实践活动中取得的成果和荣誉，如参与志愿活动、做公益项目等。
5. 资源分享：展示班级成员对学习资源的分享和交流，如共享学习资料、共同研究学习方法等。
三、制作步骤
1. 素材收集：收集班级的各种素材，包括班级成员的照片、班级活动的照片和视频、学习成果和荣誉的证书等。
2. 策划设计：根据班级的特色和风采，设计出符合班级氛围和形象的风采框架，包括整体布局、字体颜色和风格等。
3. 制作排版：将素材根据设计的风采框架进行排版，包括文字的输入、图片和视频的插入和调整等。
4. 美化修饰：对框架进行美化修饰，包括调整色彩的饱和度、增加框架的装饰图案等，提升整体效果。
5. 校对修改：对制作好的风采框架进行校对和修改，确保文字无错别字、图片无错位等。
6. 打印制作：根据需要将风采框架进行打印制作，可以选择常见的A4纸打印，也可以选择特殊材质和尺寸的打印方式。
四、制作时机和展示形式
1. 制作时机：可以根据班级的重要活动和里程碑事件进行制作，如每学期的班级会议后制作一次，或者在学年末进行一次总结回顾式的制作。
班级网站制作方案(精品10篇)
班级网站制作方案(精品10篇)
班级网站制作方案篇1
一方水土养一方人，在广阔的中华大地上，培育出上下五千年的璀璨文化，而中华饮食更是中国人的骄傲。汉族人发明了炒(爆、熘)、烧(焖、煨、烩、卤)、煎(溻、贴)、炸(烹)、煮(氽、炖、煲)、蒸、烤(腌、熏、风干)、凉拌、淋等烹饪方式，又向其他民族学习了扒、涮等方式，用来制作各种菜肴，形成了鲁、粤、闽、皖、川、湘、浙、苏等各具地方风味特色的八大菜系，每一菜系都可烹饪300个品种的菜肴。
在一定意义上，美食与文化是相互兼容的，一道美食的产生总离不开当地的特色文化，一道美食的背后总有深厚的人文情怀及其独特的历史故事，在文学肴馔里细细品味。
现在网络上，关于美食的网站不计其数，而将美食与文化相结合的网站屈指可数。为此，我们将美食背后的故事挖掘出来，将中华文化以美食的方式，更好地传承下去。
网站宗旨：
赏美食，听故事，表看法。赏评中华美食，弘扬华夏文化。
网站类型：
商业网站。将美食与文化相结合，网站分为七大模块，分别是食·色饕餮、民族时食、美食传说、饮食男女、美味书话、互动厨吧、同城活动。
一、食·色饕餮
美食邂逅电影、电视剧、动画，会擦出怎样的火花?在“食·色饕餮”这个板块中，将为大家介绍在电影、电视剧以及动画片中所展现出来的美食时光，沉浸在由视觉带来的味蕾的享受中……
第一部分：电影
电影是光和影的奇迹。神奇瑰丽的文字，谈及美食的电影，以其色香味俱全的诱-惑完成了各种各样的故事。当美食遭遇电影，它的丰富性首先体现在类型上，有喜剧片，也有悲剧片;有浪漫温情片，也有食色惊悚片;有娱乐片，也有恐怖片。
班级主题网站的设计与制作
班级主题网站的设计与制作［修订］
班级主题网站的设讣与制作
最近开展学校开展了班级文化建设，各班级都积极设讣班服、制作班徽、创作班歌”,,然而我们发现在班级文化建设及宣传的过程中，儿乎没有班级将网络这个媒介应用到班级文化建设与宣传中。同时，步入21世纪以后，网络成了我们生活中必不可少的元素，于是各种各样的网站便如雨后春笋般地岀现。在商业网站越来越多的今天，像学校网站、慈善网站等社会公益网站也不能忽视其发展。因此，我们设计并制作了班级主题网站，希望以此为范例，能让网络这个最迅速、最广泛的宣传媒介应用到我们的班级文化建设和班级管理中。
一、网站介绍
我们的网站主要是用Dreamweaver和Firewoks制作，插入了视频（主要用会声会影和Flash制作）、音乐（主要用Cool Edit制作）、图片（主要用Photoshop和Corel Draw制作）。我们设计了一下儿个栏目一一学习园地、师生之窗、班级风采、班级成绩和活动掠影。
1、学习园地
学习园地主要三个模块一一资料分享、学习之星和竞赛之星。
资料分享主要是提供了课件下载及高考和会考的复习资料下载。老师可以吧自
己的课堂可见和资料上传到这里，这样可以方便同学们下载相应的学习资料，而且如果同学们自己有好的学习资料，也可以上传到这里与大家分享。这样既促进了学生与老师的交流，也让同学们能够互相帮助、互相进步。
学习之星和竞赛之星主要罗列了一些学习成绩比较优异和竞赛成绩比较突出
的同学的名单，他们将作为同学们的榜样。但是考虑到有些同学不愿意太多人知道自己的成绩，所以我们设计了交互式页面。
班级风采展之班级网站设计
班级风采展之班级网站设计
一．活动介绍：
1．网站主题：以班级为主题，展现班级风采。
2．活动时间：
即日起至2011年5月4日
4．活动对象：电子与信息学院10与09各班级
5．活动流程：
第一阶段即日起至5月4日（周三）各班完成班级网页的设计，并于5月4日之前提交。
第二阶段 5月4日至5月7日，评委评分。
第三阶段 5月7日（周六）至5月12日（周四）进行网上投票
6．联系方式：
联系人：
蔡博仑电话：134****6556（616556）QQ：710413043
黄霖电话：134****0200（610200）QQ：383289474
黄茵电话：134****2229（622229） QQ：365715804 网站提交邮箱：********************
二．设计要求：
1．整个网站不得超过50Mb，文件名包括扩展名全部以小写字母。
2．默认主页为index，服务器后台为PHP与MySQL数据库。（MySQL版本2.11.0）3．使用MySQL数据库应以config.php作为数据库连接配置文件，方便数据库连接密码和用户名修改。数据表名以班级拼音名首字母与表名组成（例：09集成：09jc_biao1,09jc_biao2……；09信一:09x1_biao1,biao2……），数据库文件以.txt或.sql保存放至一级目录下。
（MySQL部分连接参数：
$mysql_host='localhost';//主机名
$mysql_user= 'dianxin';//用户名
$mysql_pass= '*******';//密码暂时置空，由我们负责修改
班级网站建设方案
建立班级网站案例
目录
一、建立班级网站的意义 (1)
键入章标题(第2 级) (2)
键入章标题(第3 级) (3)
二、筹划班级网站 (4)
2.1明确功能定位 (5)
2.2设计版面 (5)
2.3拟定制作计划 (5)
三、创建网站站点 (1)
3.1素材收集与管理 (2)
3.2建立站点 (2)
四、制作网站页面 (4)
4.1制作网站首页 (5)
4.2网页模板 (2)
4.3制作班级相册页面 (2)
4.4制作才艺展示页面 (2)
4.5制作快乐学习页面 (2)
4.6制作通讯联络页面 (2)
键入章标题(第3 级) (3)
五、发布网站 (4)
5.1运行测试 (5)
5.2申请空间 (5)
5.3发布与维护 (5)
键入章标题(第3 级) (6)
附录A 考核表格 (4)
附录B (4)
附录C (4)
二、筹划班级网站
2.1明确功能定位
1、功能定位
我们可以把班级网站定位为：对内面向班级全体同学，是同学们展示、交流的平台，记录班级成长的足迹，分享同学的点滴收获，构筑相互友谊的纽带；对外面向所有关心本班级的老师、家长及社会人士，是反映本班级同学精神面貌的窗口。
2、网站的起名
明确功能定位后，可以为网站起一个容易让人记住的名字，如“初二X班网站”（其中“X”用具体的数学表示）就很直观。当然，可以发挥你的想象力，起一个富有寓意的名字。
3、设计内容结构
围绕“班级网站”的目标定位，从不同角度拟定网站需要包括的主要内容，设计栏目列举主要内容出来。如表2-1所示。
表2-1 班级网站栏目设置
图2 -1 班级网站的网页结构图
小组讨论，定出本班网站的功能定位及内容结构，简要写出各栏目的主要内容及网站的网页结构图。
《第十九课 综合实践——制作班级网站》作业设计方案-初中信息技术浙教版13八年级上册自编模拟
《综合实践——制作班级网站》作业设计方案（第一课时）
一、作业目标
1. 掌握网页制作的基本工具和技能；
2. 了解班级网站的设计和规划；
3. 培养团队协作和创新能力。
二、作业内容
1. 任务一：网站规划
（1）小组讨论，确定网站主题和内容；
（2）分工合作，明确各自职责；
（3）制定网站制作时间表和进度安排。
2. 任务二：网页设计
（1）使用网页制作工具（如Dreamweaver）创建新网页；
（2）为网页添加标题、段落、图片、超链接等元素；
（3）学习使用CSS样式表美化网页。
3. 任务三：班级特色内容制作
（1）小组讨论，确定班级特色内容（如班级相册、班级新闻、学习资源等）；
（2）根据实际情况，使用图片、视频、文本等素材制作网页；
（3）学习使用FTP上传工具将制作好的网页上传至服务器。
4. 任务四：网站测试与优化
（1）小组内测试，确保网页内容正确、链接有效；
（2）根据测试结果，优化网站性能和用户体验；
（3）学习使用浏览器开发者工具调试网页错误。
三、作业要求
1. 按时完成各项任务，确保进度安排合理；
2. 注重团队协作，共同讨论、协商解决问题；
3. 保证素材的版权和合法性，不得侵犯他人权益；
4. 作业过程中，要尊重老师和同学的建议，不断改进和提高。
四、作业评价
1. 评价标准：作业完成质量、团队协作情况、创新性、素材版权和合法性等方面；
2. 评价方式：小组自评、小组互评、教师评价相结合，给出综合成绩；
3. 评价结果的应用：优秀作业将在课堂上展示，对成绩不佳的小组进行辅导和帮助。
五、作业反馈
1. 收集学生作业中遇到的问题和困难，及时反馈给老师；
《第十九课综合实践——制作班级网站》作业设计方案-初中信息技术浙教版13八年级上册自编模拟
《综合实践——制作班级网站》作业设计方案（第一课时）
一、作业目标
本作业设计旨在通过制作班级网站的第一课时，使学生掌握
基本的网页制作技能，包括网页布局、文字编辑、图片插入等操作，同时培养学生的团队协作能力和信息整合能力，最终达到能够独立或合作完成一个简单班级网站的目标。
二、作业内容
本课时作业内容主要包括以下几个方面：
1. 网页布局设计：学生需根据班级特色和需求，设计出合理
的网页布局，包括导航栏、主页内容区、页脚等基本构成。
2. 文字编辑与排版：学生需在网页上添加文字内容，包括班
级简介、活动通知、老师介绍等，并学会使用不同的字体、字号和颜色进行排版。
3. 图片插入与优化：学生需为网页添加与内容相关的图片，
并学会对图片进行基本的优化处理，如调整大小、裁剪等。
4. 网站搭建基础：学生需了解网站搭建的基本流程和工具，
如选择合适的网站开发平台和工具进行网站构建。
三、作业要求
在完成以上作业内容时，具体要求如下：
作业要求：
1. 设计创意性：设计的网页布局需符合班级的特色，能体现出班级的文化和活动氛围。
2. 内容准确性：文字内容需准确无误，信息完整，能真实反映班级的实际情况。
3. 图片质量：插入的图片需清晰、美观，与网页内容相匹配。
4. 操作规范性：学生需按照网站搭建的基本流程和工具进行操作，确保网站搭建的顺利进行。
5. 团队协作：鼓励小组内成员相互协作，共同完成作业，培养团队协作能力。
四、作业评价
本作业的评价将根据学生作业的创意性、准确性、规范性、美观度和团队协作能力进行综合评价。教师将对学生的作业进行详细批改和指导，鼓励学生在下节课中进行完善和提升。
《第十九课 综合实践——制作班级网站》作业设计方案-初中信息技术浙教版13八年级上册自编模拟
《综合实践——制作班级网站》作业设计方案（第一课时）
一、作业目标
本次作业旨在帮助学生掌握网页制作的基本知识和技能，包
括网站规划、页面设计、链接设置等，同时培养学生的团队协作和创新能力。
二、作业内容
1. 小组任务：每个小组需要确定一个主题，如“班级文化”、“学习心得”等，制作一个包含多个页面的班级网站。
2. 任务要求：
a. 每个页面需要包含至少三张图片和一段文字描述；
b. 小组需规划好网站结构，包括首页、各个子页面和链接关系；
c. 小组需使用至少两种不同的网页制作工具（如Microsoft Word、Photoshop等）进行页面设计和美化；
d. 小组需要将所有页面进行链接，使得访问者可以通过超链
接轻松浏览整个网站。
3. 提交方式：作业以小组为单位，将制作完成的网站上传至
指定的学习平台或邮箱中。
三、作业要求
1. 任务难度：本次作业具有一定的难度，需要学生具备一定的网页制作基础和团队协作能力。因此，教师需要提前进行相关知识和技能的培训，确保学生能够完成任务。
2. 时间安排：每个小组需要至少两课时的时间来完成作业，包括网站规划、页面设计和美化、链接设置等。教师需要在课堂上给予学生充分的指导和帮助。
3. 创新性：在完成作业的过程中，学生需要充分发挥自己的想象力和创造力，设计出具有特色的班级网站，以培养学生的创新能力和团队合作精神。
四、作业评价
1. 评价标准：评价标准包括网站主题是否明确、内容是否丰富、页面设计是否美观、链接是否正确等。
2. 评价方式：教师根据学生提交的作业进行评价，同时邀请部分学生进行自评和互评，综合多种评价方式确保评价的公正性和客观性。
班级网站的设计与实现
班级网站的设计与实现
班级网站是一个集合班级信息的平台，它可以把班级的信息及时传递给学生、家长或老师，让他们及时了解班级的动态，提高学习的效率。
设计班级网站需要考虑以下几个方面：
1. 网站内容：网站内容应该包括班级介绍、班级新闻、活动信息、学习资源、讨论区等，这些内容都是班级网站的核心内容，应当第一时间把它们放到网站上，以便让学生、家长和老师及时了解班级的动态。
2. 网站功能：网站应当具备良好的功能，如评论功能、在线投票功能、在线聊天功能、班级新闻发布功能等，这些功能可以让学生、家长及老师更好的参与班级活动，了解班级的动态。
3. 网站安全：网站安全是网站设计的重要组成部分，应当加强网站的安全性，如采用https协议、数据加密等，保证用户的
隐私安全。
4. 网站界面：网站界面应当简洁大方，色彩搭配要协调统一，字体要清晰易读，网站导航清晰明了，方便用户快速找到所需内容。
实现班级网站需要考虑以下几个方面：
1. 网站技术：网站的技术基础应当选择健壮的技术，如HTML、CSS、JavaScript等，这些技术可以让网站更加稳定、安全。
2. 网站平台：网站平台应当选择良好的服务器。
班级风采展示方案
班级风采展示方案
一、引言
班级作为学生们学习和成长的共同体，是培养他们积极向上品质和团队精神的
重要环境。为了展示班级的风采，增强班级凝聚力和荣誉感，本文将提供一套班级风采展示方案。
二、班级简介
首先，我们应该对班级进行简单介绍。我们的班级位于ABC中学高中部，是
一支年轻而充满活力的班级。目前，我们班共有30名优秀的学生，他们在学习、
体育、艺术等方面都取得了不俗的成绩，同时也是活动和社交方面的积极分子。三、学习成果展示
班级的核心任务是学业，因此我们将在展示中重点突出学习成果。我们将准备
学科成绩的汇报表，展示班级内每个学生的优秀成绩和进步。此外，我们还会邀请一些学科优秀生进行学科演讲或知识竞赛，以展示班级在学习方面的傲人成绩。四、体育风采展示
体育是培养学生身体素质和团队协作精神的重要途径。我们将组织一场足球友
谊赛，邀请其他班级的学生一起参加，让他们亲身体验班级的团队合作精神和体育风采。同时，我们还会在操场上搭建运动项目展示区，展示班级成员在田径、篮球、乒乓球等项目中的优异表现。
五、艺术表演展示
艺术是培养学生审美情感和创造力的重要途径。我们将组织一场班级文艺晚会，邀请同学们展示自己在音乐、舞蹈、戏剧等方面的才艺。除此之外，我们还计划邀请专业艺术家进行精彩的表演，提升整个班级的艺术氛围。
六、公益活动展示
公益活动是培养学生社会责任感和乐于助人精神的重要途径。我们将组织一次
班级公益活动，例如志愿者服务、慈善义卖等，来展示我们班级关注社会的一面。我们还计划制作一些宣传材料，向其他班级和学校宣传我们的公益活动。
《第十九课 综合实践——制作班级网站》作业设计方案-初中信息技术浙教版2013八年级上册自编模拟
《综合实践——制作班级网站》作业设计方案（第一课时）
一、作业目标
1. 帮助学生掌握网页制作的基本技能，如HTML、CSS、JavaScript等；
2. 培养学生的团队协作和创新能力，提升班级凝聚力；
3. 让学生在实践中了解网络应用，增强网络信息安全意识。
二、作业内容
任务一：搭建网站框架
1. 确定班级网站的主题和风格；
2. 使用HTML和CSS技术搭建网站的基本框架；
3. 将网站分为几个模块（如主页、班级新闻、班级相册等），每个模块设定相应的内容。
任务二：完成各模块内容
1. 在每个模块中添加适当的文字、图片和链接等元素；
2. 学习使用简单的JavaScript，为网站添加交互效果；
3. 鼓励学生在完成各自模块内容的同时，尝试创新，体现班
级特色。
任务三：优化网站布局和外观
1. 使用CSS对网站进行优化，使其在不同浏览器和设备上都能良好显示；
2. 引导学生关注网络信息安全，如防止恶意链接和病毒传播等。
三、作业要求
1. 小组合作：学生需以小组为单位完成作业，每组人数不超过5人；
2. 时间安排：学生需在两小时内完成网站框架搭建，并预留一周时间完成各模块内容；
3. 创新要求：鼓励学生在完成作业过程中发挥创新思维，体现班级特色；
4. 反馈调整：每组需提交一份总结报告，介绍网站设计思路和实现过程，教师将对报告进行点评，并对作业提出改进意见。
四、作业评价
1. 评价标准：作业完成质量、团队协作能力、创新性、时间安排等；
2. 评价方式：教师评价与学生互评相结合，重点关注学生的实践能力和创新能力；
3. 评价结果：根据评价结果，对表现优秀的小组和个人进行表彰和奖励，同时对作业中存在的问题进行反馈和指导。
班级网站策划书4篇
班级网站策划书
班级网站策划书4篇
转眼间，岁月匆匆，工作已经告一段落，我们又将开启新一轮的工作，又有新的工作目标，此时需要提前做好策划书了。是不是无从下笔、没有头绪？以下是小编为大家整理的班级网站策划书，供大家参考借鉴，希望可以帮助到有需要的朋友。
班级网站策划书1
一、活动目的
为了进一步丰富同学们的业余生活，使电脑文化融入校园，使同学们增进对时下流行的网页制作的兴趣，使大学生紧随时代潮流，进一步加强对学科知识的兴趣和锻炼。建立班级网站，既有利于院团委和各班团支部之间的交流与沟通，也可使同学得到锻炼为他们提供一个艺术想象的空间、情操陶冶的园地和学习互助的场所。
二、活动主题
构建和谐班级，共创学院网络文化。
风华正茂，记录成长脚步。
三、参赛对象
xx农业大学在校班级，以各班为单位参加比赛。
四、xx班级网页内容建议
1、网页内容包括：
3、可以以ppt的格式展开班级活动展示，加入背景音乐
五、活动开展形式
1、由团委通知各班级负责人该活动要求。
2、各班组成网页设计小组，在规定时间以前完成网站发至上述邮箱以便整理汇总。其中必须有一篇班级对此次活动的总结。
3、作品展示，由评审团进行审评及统计。
六、评分标准
1、内容：内容健康、充实且积极向上；内容具有观赏性、普及性、艺术性、可读性，语言文字有特色；突出主题，全站点围绕一个主题
及其周边内容进行建设
设计思路清晰，明确表达设计意图
2、结构：框架及表格结构清楚合理，页面内容清晰明了。
3、版面与视觉感受
浏览页面时不得出现乱码，无因布局不合理而出现的表格错位情况，图片使用得当，网页内各个元素搭配合理，色彩搭配协调，页面美观。
班级风采展示制作方案
班级风采展示制作方案
班级风采展示制作方案
一、背景介绍
班级风采展示是展示班级各项活动、成果、优秀学生等的窗口，不仅可以展示班级的整体实力，也可以激发同学们的自豪感和归属感。为了更好地展示班级风采，提高展示效果和参与度，我们制定了以下方案。
二、目标
1. 展示班级各项活动的成果和特色，增强班级凝聚力和向心力；
2. 激发同学们的表现欲望和自豪感，促进他们参与班级活动的积极性；
3. 增加同学们对班级的了解，拓宽他们的视野和学习兴趣。
三、方案设计
1. 展示内容的策划
考虑到不同层次、不同性格的同学，我们将展示内容分为以下四个方面：
（1）班级特色：展示班级的宗旨、核心价值观、口号等，强
调班级的独特之处；
（2）班级活动：展示班级近期的各项活动，如运动会、文艺
汇演、社会实践等；
（3）班级成果：展示班级在学业、竞赛、科研等方面的成果，如奖状、证书、论文等；
（4）优秀学生：展示班级中的优秀学生，通过学生的事迹、
成就等来展示班级的品质和能力。
2. 展示形式的选择
考虑到展示效果和方便观看，我们选择了以下几种展示形式：（1）展板：制作班级特色的展板，包括班级的宗旨、核心价
值观、口号等，以及班级活动的照片、介绍等；
（2）PPT演示：通过制作精美的PPT，展示班级各项活动和
成果；
（3）视频展示：制作班级宣传视频，通过音乐、画面和文字
等形式展示班级的风采；
（4）实物展示：将班级成果、优秀学生的作品、物品等实物
进行展示，引起同学们的兴趣和关注。
3. 制作材料的准备
为了保证展示效果和质量，我们需要准备以下材料：
（1）照片：收集班级活动的照片，包括集体照、活动照等；（2）文字资料：整理班级宗旨、核心价值观、活动介绍等文
班级网站建设策划书
班级网站建设策划书
一、背景介绍
随着互联网的迅猛发展，建立一个班级网站成为了提升班级形象、
促进同学交流的重要手段。本策划书旨在为我们班级网站的建设提供
具体的方案和实施计划。
二、目标与意义
1. 目标：建立一个功能齐全、易于使用的班级网站，提供信息发布、学习资源共享、成绩查询等功能，促进班级的沟通交流和合作学习。
2. 意义：
a) 提高班级凝聚力：通过网站，可以及时发布班级动态、组织活动，增强同学之间的联系和感情；
b) 优化信息传播：网站提供在线发布信息的平台，可快速、准确
地传达班级公告、教学资源等信息；
c) 留存学习资源：网站将建立学习资料库，方便同学们随时查阅
和共享学习资源；
d) 提高学习效率：借助班级网站，同学们可以相互交流学习经验、讨论问题，提高学习效率。
三、网站结构与内容
1. 首页设计：
a) 班级标识与口号：清晰突出的班级标识和富有激励性的口号，提升班级凝聚力；
b) 栏目导航：设计简洁明了的导航栏目，方便用户快速找到所需内容；
c) 班级介绍：简要介绍班级的基本情况、历史沿革以及突出的特点，展示班级荣誉；
d) 最新动态：发布班级活动、成果或近况，保持网站内容的及时性。
2. 学习资源与共享：
a) 资料下载：建立学习资料库，提供学习资源的下载链接，包括课程讲义、习题答案等；
b) 成绩查询：设置成绩查询系统，同学们可通过输入学号自行查询学业成绩；
c) 学习交流区：开设论坛或留言板，供同学们讨论学习问题、提问答疑。
3. 活动组织与报名：
a) 活动通知：发布班级组织的各类活动通知，如班级聚餐、郊游等；
班级网页的设计与制作
由于我们是第一次做网页，所以都尽量简单化。而我们网页的主题是班级主页，所以所有内容都以与本班相关。经过全组成员的共同相讨，对网页的结构及内容规划如下：
软件的学习
由于大家对网页设计这方面都不熟练，更不会使用这个软件，所以必须在老师的指导下进行自学。我们自行购买了有关网页制作及动画设计的书籍，重点学习使用Flash软件。特别是家里有电脑的同学，一边学习软件理论一边进行实机操作。同时，通过观摩指导老师运用Flash制作特效的过程，进一步加深对该软件的认识及运用。
一、课题提出
随着社会时代的发展，电脑已成为人们生活中不可缺少的一部分。为了赶上时代发展的步伐，作为新世纪的接班人，成为本校的尖端分子，因此想进一步深入了解、学习制作网页。恰好与班中几位有识之士不谋而合，故组织学习制作班级网页。
二、课题目的
作为新生代的我们，不仅要会看，更要会做。之所以会选研究这门课题，就是希望在指导老师的指导下，本小组全体成员互相督促，通过对书本的自学及实机操作，全面了解网页制作的真面目，这不光是大家的兴趣所在，更是我们学习尖端科技知识的机会。
四、课题成果
通过一个学期的学习与努力，我们的班级网页已初步出笼，其基本架构如附图：
五、心得体会
由于时间所限，这个学期的研究性学习已拉下了帷幕。我们小组的研究课题结果虽然不甚完美，但基本上也算是一个象样的班级主页。当然，这期间充分发挥了我们小组的团队精神，是我们全体成员共同努力的结果。通过这次研究性学习，使我们真正动手做自己喜欢做并且想做的事情，真真正正充分锻炼了我们的思考、动手、协作的能力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.1 班级风采网站制作过程
1.1 班级风采网站制作过程
班级风采主页效果如图所示，下面详述其制作过程
任务1-1 设计规划班级风采网站
网页制作之前要进行规划，内容包括：设置主题栏目，设计网页结构，确定 网站风格等等。
设置主题栏目：本班级风采网站的主题栏目包括：班级档案、组织机构、荣 誉殿堂、风采图片、文体天地、学习园地、支部生活。
任务1-2 创建班级风采网站站点
【子任务1-2-2】建立一个名称为“班级”的站点 站点是对网站进行组织、维护和管理的功能集合。通过 站点管理，用户可以根据自己的需要设计出自己网站结构。 操作步骤如下： （1）启动Dreamweaver CS5 （2）执行“站点”菜单中的“新建站点”命令，弹出 “站点设置对象”对话框。 （3）在菜单中选择“站点”选项， 在“站点名称”文 本框中输入：“班级”，在“本地站点文件夹”中输入 E:\CLASS（或单击浏览器按钮，选择“E:\CLASS”）作为本 地根文件夹。“站点设置对象”对话框。（见操作演示） （4）单击【保存】按钮，完成“班级”站点创建。
任务1-5 设置网页主体内容
设置网页主体内容之后的效果
任务1-6 制作版权区
本网站虽然不大，但也应体现完整性，所以也应设置版权 区。 【子任务1-6-1】制作版权区 操作步骤如下： （1）将光标置于末行起始点，执行“插入”菜单 “HTML”下“水平线”命令。出现一条水平分隔线，并处于 选中状态，在属性面板中设置其属性，如宽度、高度、对齐 方式、阴影等。这里设置宽度为980，阴影。（操作演示） （2）在下一行输入“Copyright@2012-2016 班级风采工作” （3）选中输入的版权内容文本，设置对齐方式为居中对 齐（首次使用对齐方式应用新建CSS规则，如选择器名称为 center1。操作步骤与前述新建CSS规则类似），字号为16。设 置效果如图“版权区的设置”所示。（操作演示）
任务1-2 创建班级风采网站站点
【子任务1-2-4】在“班级”站点中建立网页文件 操作步骤如下： ① 打开站点窗口，在文件面板上单击“展开”按钮即可打开“站点” 窗口。 ② 选中“站点-班级（E:\class）”文件夹，单击鼠标右键，在弹出的 快捷菜单中选择“新建文件”命令。 ③ 单击新文件名的名称部分，将untitled.htm改名为index.htm(作为网站 的首页文件)； ④ 选中“html”文件夹，单击鼠标右键，在弹出的快捷菜单中选择 “新建文件”命令，建立网页dangan.htm(班级档案)； ⑤参照步骤，分别建立网页xuexi.htm（学习园地）、wenti.htm（文体 天地）、jigou.htm（组织机构）、zhibu.htm（支部生活）、tupian.htm （风彩图片）、rongyu.htm（荣誉殿堂）。 （见操作演示）。（结果如 “建立网站新文件结果 ”图所示）
任务1-2 创建班级风采网站站点
建立站点子文件夹结果
任务1-2 创建班级风采网站站点
【子任务1-2-4】在“班级”站点中建立网页文件 建立网页文件的方法为：先选中要放置网页文件的文件夹，单击鼠 标右键，在弹出的快捷菜单中选择“新建文件”命令。或执行“文 件”→“新建文件”菜单命令，在弹出的“新建文档”对话框中选择 “基本页”或“HTML”，单击【创建】按钮。编辑完成网页内容后，以 适当的文件名称保存到相应站点文件夹下（如保存到E:\class\html下面）。 在操作时要注意以下问题： （1）主页文件必须放在本地站点根目录下，例如，本例应将首页文 件放在“E:\class”文件夹下。 （2）网页文件名、文件夹名和网站内的其他文件名最好全部使用英 文小写形式，因为Dreameaver不识别中文文件名，而且有些网站服务器 要区分字母大小写。
任务1-4 设置导航栏
设置导航栏效果图
任务1-5 设置网页主体内容
为使网页内容设置更灵活，可以借助“层”来定位文字区 域。 【子任务1-5-1】设置网页主体文字区域并添加文字 操作步骤如下： （1）在“插入”面板的“布局”工具栏上，单击【绘制 AP Div】按钮。 （2）在页面需要放文字的地方，按住鼠标左键拖动出一个 矩形区域（见操作演示）。 （3）此时层处于选中状态，通过拖动控制点可以调整层的 大小。将鼠标放在层的边缘线上，鼠标呈“十字”箭头时， 拖动鼠标可以移动层的位置。 （4）应用层属性面板可设置层属性，如背景颜色为 #CCFFCC等（见操作演示） 。
任务1-3 制作并添加网页标题栏
【子任务1-3-3】添加水平分割线 为了将标题区与正文内容分隔开，通常在标题 下面插入一条水平分隔线。 操作步骤如下： （1）将光标移到需要插入分隔线的地方（如标 题图像下方）。 （2）执行“插入”菜单“HTML”下“水平线” 命令。 （3）标题图像的下面出现一条水平分隔线，并 处于选中状态，在属性面板中设置其属性，如宽度、 高度、对齐方式、阴影等。这里设置宽度为980，阴 影。（见操作演示）
任务1-3 制作并添加网页标题栏
【子任务1-3-2】添加主页标题图像“班级风采” 操作步骤如下： （1）在Dreamweaver应用程序窗口中执行“站点”→“管理站点”菜 单命令，在弹出的对话框中选中需要打开的站点名称。例如：班级。单 击【完成】按钮，“班级”站点显示在文件面板中。 （2）双击打开需要制作的网页文件。例如，双击打开主页文件 index.htm。首页文件打开，此时是空白页。 （3）执行“插入”菜单中的“图像”命令，或单击“常用”工具栏 中的【图像】按钮，弹出“选择图像源文件”对话框（见操作演示）。 如果“常用”工具栏未打开，可按快捷键【Ctrl】+【F2】打开。 （4）在指定文件夹中找到标题图像文件，选择标题图像文件后，对 话框右侧将显示该图像的预览图，单击【确定】按钮，插入结束。
任务1-3 制作并添加网页标题栏
图4-14 添加网页标题图片及水平线后效果图
任务1-4 设置导航栏
导航栏的作用是与其他网页链接，从而轻松地进入下一个页面，导 航既可以使用文字，也可以使用图像。这里我们使用文字制作导航，并 且使用表格布局导航栏。 【子任务1-4-1】插入导航表格 操作步骤如下： （1）在水平分隔线下单击鼠标，出现光标插入点。 （2）执行“插入”菜单中“表格”命令，或在插入面板上单击“常 用”工具栏中的【表格】按钮，弹出表格对话框，设置“行数”为7， “列数”为1，“宽度”为25，单位为“百分比”，（见操作演示） （3）单击【确定】按钮，表格插入。此时表格处于选中状态，拖动 控制点（黑点）可以调整表格的大小（见操作演示） （4）在属性面板中设置表格的背景颜色为#CCFFCC。
任务1-2 创建班级风采网站站点
建立网站新文件结果
Hale Waihona Puke Baidu务1-3 制作并添加网页标题栏
标题图像制作效果图如下：
【子任务1-3-1】制作网页标题图像 一个网页通常有标题部分，来访者可以通过标题了解网站的名称及网站类型。标题部分可以是文本， 也可以是图像。如果使用图像标题，我们可以用Fireworks CS5自己制作。 操作步骤如下： （1）启动Fireworks CS5，选择画布宽度为980，高度为80，画布颜色自定义为黑色。单击【确定】 按钮，进入到Firework主界面。（见操作演示） （2）在画面中间用“文本”工具输入“班级风采”，在属性面板中设置：字体大小为80，颜色为 淡兰色（#00FFFF），字体为隶书。（见操作演示）。 （3）在画布左边用“文本”工具输入“计算机多媒体”，在属性面板中设置：字体大小为22，颜 色为白色，字体为黑体。 （4）在画布右边用“文本”工具输入“Computer Multimedia” ，在属性面板中设置：字体大小为22， 颜色为白色，字体为黑体。 （5）单击保存按钮，给出保存位置（如E:\class\image）及文件名（扩展名为.png），以便以后修改。 （6）执行“文件”菜单中的“图像预览”命令，设置文件格式为GIF，单击“导出”按钮。（见操 作演示） （7）在“导出”对话框中选择保存在：e:\class\image，文件名为：bjbt，单击“保存”按钮。（见 操作演示）
项目1 班级风采网站制作
本项目内容提要：
本项目从清晰明确的任务训练入手，讲授了“班级风采”小型网站 的规划设计，应用中文Dreamweaver CS5、中文Fireworks CS5建立网站并 制作网页的全过程，并介绍了网站规划设计及应用上述软件进行网页制 作的相关知识。 本项目能力目标： 1 具备小型网站规划设计的基本能力。 2 掌握中文Dreamweaver CS5、中文Fireworks CS5最常用的基本操作， 初步具备小型网站创建与管理及网页制作的基本能力。 本项目知识目标： 1 熟悉网站规划设计的基本知识。 2 掌握中文Dreamweaver CS5进行网页设计制作的相关知识。
任务1-2 创建班级风采网站站点
【子任务1-2-3】在“班级”站点中建立站点子文件夹 在已建好的网站中，一般还需要建立一些子文件夹，用 于归类存入网站中的图像、网页、动画、模板等文件。 操作步骤如下 ： （1）在文件面板中选择“站点-班级（E:\class）”文件 夹，单击鼠标右键，在快捷菜单中选择“新建文件夹”选项。 （见操作演示） （2）单击untitled文件夹的名称部分，输入image，将文 件夹改名为image，此文件夹用于存放图像文件； （3）参照步骤（1）和（2），依次建立文件夹 “html”(用于存放非首页的其他网页)、“music”（用于存放音 乐文件），“swf”（存放Flash动画）。（操作演示）（结果 如图“建立站点子文件夹结果 ”所示）
任务1-5 设置网页主体内容
【子任务1-5-2】添加网页主体文字 （1）在层内单击鼠标，出现插入点后，即可输入文字内容“我 们的班级，计算机多媒体××班，40颗年轻的心。我们来自五湖 四海，操着不同的口音，怀着青春的梦想！共同撑起同一片蓝天， 一起遨游知识的海洋。让我们扬帆出海，胜利起航。我们是快乐 的一家人，我们是自信的一家人！！！。” （2）编辑文字，选中文本，在CSS属性面板的目标规则中选择 新建规则，在新建CSS样式规则对话框中，选择器名称设为line1， 单击确定后出现“line1的CSS规则定义”对话框，设置字体为宋体、 字号为24、行距为200%。（见操作演示）。 （3）单击“确定”按钮后，文本内容将按line1定义呈现。（见 设置网页主体内容之后效果图）。
设计网页尽寸：选择1024×768规格,实际尺寸为：980×***，(***代表768的倍 数)。宽度最好限定在一个幅面内，长度一般是不超过3个版面。
任务1-1 设计规划班级风采网站
标题区 导航区 正文区
版权区
班级风采站点规划布置图
任务1-2 创建班级风采网站站点
【子任务1-2-1】设置本地站点文件夹 本地站点文件夹用以确定存放所有站点文件的存储位置。 设置本地站点文件夹的操作步骤如下： （1）在桌面双击“我的电脑”图标； （2）在“我的电脑”窗口中双击打开用于存储站点的硬 盘驱动器（例如为E盘）； （3）使用【文件】→新建→文件夹命令，在硬盘中建立 一个新文件夹。 （4）在新文件夹上单击右键，选择“重命名”选项，在 英文输入法状态下输入站点名称。例如输入 “CLASS”，然 后在空白处单击确定。（见操作演示）
任务1-4 设置导航栏
【子任务1-4-2】添加导航文本 （1）在表格的第一个单元格里单击鼠标，出现光标插入点，通过键盘输入文字 “班级档案”。 （2）选中文字“班级档案”，在属性面板中单击CSS按钮，出现CSS属性面板。 （见操作演示） （3）单击字体大小中的下拉按钮，第一次使用字体设置会出现“新建样式规则” 对话框，“输入选择器名称”为font1，“选择器类型”为“复合选择器（基 于选择内容）”，“选择定义规则的位置”为“仅限该文档”，（见操作演 示） （4）单击“确定”按钮，在属性面板中设置其字体为默认、大小为18、对齐方 式 为居中对齐。（见操作演示）。 （5）参照步骤（2）～（4），输入并设置其他导航栏：“组织机构”、“荣誉 殿堂”、“风彩图片”、“文体天地”、“学习园地”、“支部生活”。 如 图所示。
设计网页结构：网站主页规划的结构下页图所示。网站的主页可采用简单明 了的板块结构：采用上中下结构。上边为标题区，用于存放网站标题等内容。中 间为主页主体区，主体区又分为左右两部分，左边窄，用坚式结构放置导航栏。 右边宽，存放班级简介等内容。下边为版权区。用于存放版权声明信息。 设计网站风格：由于是班级网站，可选简明清新型。