-
让品牌有温度、有情感
专注品牌策划15年
学生个人网页制作
发布时间：2023-04-26 14:52:10
稿源：
创意岭 阅读：
1088
大家好！今天让创意岭的小编来大家介绍下关于学生个人网页制作的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、制作班级网站,需要哪些栏目以及对应的网页名称是什么？
班级概况: “主页”（主页）-这是学校网站的主页，显示学生的信息，如姓名、成绩、照片和其他关于每个学生的基本信息。它还包括指向校园相关页面、社交媒体账户、联系信息等的链接。
学生简介：“学生”（简介）-这些是针对班上每个学生的个人网站，包括他们的照片库、作品集、项目、兴趣、爱好、运动队、奖项、荣誉、实习经历、技能、志愿者工作经验、学术成就、研究论文等。每个简介都应该包括过去的作业、项目报告、家长来信、文章、采访、书评、演讲、视频剪辑、音乐视频、艺术展览等，展示他们在哪里表现出色，成为了什么样的榜样。
课堂活动和活动：“校园生活”（活动/活动）-在这里，你可以展示我们学生参加的不同类型的教育和课外活动、俱乐部和比赛，或者只是学校的一些典型日常生活。这些页面的目的是展示我们丰富多彩的校园，并鼓励游客通过观看简短的内容片段来了解更多关于我们的信息。
家长门户网站：“家长”（家长门户网站）-我们希望为家长提供方便的渠道，让他们与孩子的老师和辅导员沟通，查看时间表，复习家庭作业，并收到关于孩子在课堂上表现的反馈。您可以使用模板设计此部分，也可以完全使用HTML-CSSJavaScript代码自己创建。
教师中心：“教师”（教师中心）-你的课堂将有许多杰出的助教，他们经常处理诸如接听电话、组织会议和与家人沟通等问题。在处理具有挑战性的情况时，他们需要帮助寻找资源和建议。你可以让他们了解特殊需求课程和支持服务，并允许他们上传图片、想法和贡献来提高自己。
二、制作网页用什么软件好啊？中学生用的
在做网页一般常用的软件有网页三剑客：Dreamwear、Flash、Fireworks这三种软件，我们学这门课程时候就是用的这几款软件。其中Dreamwear是进行网页页面制作的，Flash是进行动画制作的，Fireworks是进行图像制作的。
关于同类型的软件还有很多。如与Dreamwear差不多的有微软的Frontpage等，与Fireworks差不多的有Adobe公司的PHOTOSHOP等
三、怎么做一个网页(网页设计作业)
jsp+美工+编程
当人们访问你的站点时,他们都会立即下意识地判断:这个站点怎么样？值不值的当回事儿？是否值的把他加入到我的bookmark中去，要知道，在网络信息的虚拟世界里，互联网提供了天下大同的机会，同时也让这个虚拟世界充斥着数不清的商业站点、垃圾站点，大多数站点缺乏灵魂、主旨，东一榔头西一棒子，松散、混乱，原因就在于缺乏策划设计。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹安排，规划，对所有的内容进行细意斟酌，把所有的意念合情合理的组织起来设计一个合理的页面样式。下面我们就具体的来探讨一下网站策划设计.
一、 首先确定web站点的营销目标:
1）、市场调查阶段
了解一下目前internet的发展状况以及同类站点的发展、经营状况，吸取他们的长处，找出自己的优势，对市场作个调查，明确自己网站的主题，寻找一个好的出发点。
2）、你设想中的网站规模有多大？
作网站并不是盲目的想做多大就作多大，而要根据自身的现阶段能力，以及企业的规模大小，确定你的网站是小型、中型、大规模的网站，还是从小规模的开始，然后逐步发展。这主要的是关系到网站的后期维护以及网站的发展方向来考虑的。
3）、确定网站的类别，你希望网站有怎样的设计特色
根据主题、形式以及本身企业的特点，网站的设计也有不同的类别，大概可分为：以内容为主，设计为辅，注重速度这种大型的专业网站，它一般体现在专业的 icp，isp供应商制作的网站，在设计这类网站时不要太花哨，应注重信息量；第二种大多数企业为了更好的宣传自己的产品，扩大销路，使自己的产品走向世界，提高自己企业的形象而制作的网站，这种网站制作应结合本身产品特点而制作的特色网站，相对来说比较注重产品的营销；第三种是形象类的网站，一般这种网站相对体现在政府部门，作为对外一个窗口，相对来说这种网站设计比较严肃；第四种是个人主页网站，这种网站相对比较自由，不受什么约束，可以根据每个人自己的特长自由发挥。因此我们在制作主页时先明确自己的定位方向，设计出适合自己的站点。
4）、你的主要目标受众是谁？
根据网站的类别不同，目标受众也不一样，有工商业者、专业人士、学生；女性，男性；儿童，青少年，中年人，老人；还是所有的人，比如教育类的网站相对来说是目标受众是院校的老师和学生。化装类、护肤产品类的网站相对来说是女性等。
5）、确定整个网站的整体风格
其实，这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。
举个简单例子。如果你在列示一二三四若干条的情况下，在每条前面用黑圆点加强视觉效果，那么其他类似地方，也应该用保持同样的风格。色彩斑斓的站点，尤其要注意风格的统一。颜色可以变，不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。
很多缺乏编辑、出版背景的网友，很容易忽视这点，特别是网页一多，更容易忘。
6）、你准备投入多少资金、如何经营这个网站？
对所作的网站大概的作个估价，需要多少资金，你准备投入多少资金来运营这个网站，假设网站制作好以后如何经营这个网站，是全部由自己来做，还是委托专业服务来做，自己定期指导，还是设定要求、目标完全由别人代劳。这是不可忽略的问题，如果一个网站前期作的再好，后期没人维护也是空的，就好比一条刚建好的街道，干干净净的，人们也比较喜欢来这里逛街，日久了，人走的人多了，垃圾多了这时没人来管里，这样垃圾越堆越多，走的人肯定也越来越少了。日久了也逐渐被人遗忘了。网站经营也是这个原理。
7）、根据目标框架整理出站点的内容框架以及逻辑结构图
①把目标细化以整理出站点内容框架
基本确定的目标，您就应该把目标细化，并初步整理出为达到这些目的，站点所需要包含的所有内容了。例如，站点应该发布什么信息，站点需要提供什么应用程序，等等。然后，你应该把初步定下的内容纲要写下来，交给上级或业务人员审核批准。这实际上就形成了站点设计的需求报告。在你的内容纲要里，还应该注明这些内容的信息来源，哪个部门应该提供哪方面的信息。把这些罗列下来，会使得上级以及各个相关部门清楚"谁应该为这些内容负责"。
②进一步整理出站点逻辑结构图
定下内容纲要后，你应该能够大致画出站点的结构图了。结构图也有很多种，顺序结构，网状结构，继承结构，WEB结构等，应依据你的内容而定。例如，如果你是在编一个教程，那么可能用表示顺序的流程图就比较合适。多数复杂的网站会综合应用到几种不同的结构图。画出结构图的目的，主要是便于有逻辑地组织站点和链接，同时，将来你会用这个图去分配工作和任务。例如:
你可以告诉某个开发人员，让他完成结构图中某个分支的内容；
你可以把这个图递交给业务人员，告诉他们哪些页面，需要他们进一步提供内容或资料；
你可以把结构图给专业美工看，让美工人员考虑以什么样的形式来表现你要表达的内容等等。
简而言之，这个框架图，将为你下一步进行工作分配，人员安排提供依据。
二、 网站制作过程中把握的几点
1）、重点信息放在突出醒目的位置，整个网站空间排序适当
一个网站很重要的就是标题，标题就像路牌一样，人家在你的网站上逛来逛去，全靠它指路了。给人的第一印象是否能够马上注意到标题，标题要意义清晰、描述性强，把最吸引人的地方放在突出显眼的位置，然后再慢慢展开。或者说，把你的独特内容包裹成一个悬念，吸引人家注意。读者看一篇文章，前三段注意力最集中，如果这“寸土寸金”的前三段用不好，人家就要和你拜拜喽！
留出可调整的位置，用于满足临时性或短期营销活动的宣传需要。如，福州电信局12月11日举办的“福建省首届信息网络展示会”展览，需要在网页中放在最突出的位置。这就需要调整原有的结构，既让新的内容有突出的体现，还要不至于淹没其他重点。
在每屏中的文字与图形的布局既要考虑到重点的突出，还要给人以和谐的感觉。不能让图形淹没文字，也不能图形太少而让人觉得单调。视觉的吸引和诱惑力是不能低估的。 文字内容和图片搭配要和谐。
2）、网页应该易懂，控制没个模块的信息量。 网页要易读、易懂。
网站设计最重要的诀窍，恐怕就是你的网页要易读。 花时间和心思来规划文字和背景颜色的搭配方案。勿使背景冲淡了文字的视觉效果。
这就意味着，你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起你的网页来很费劲。一般来说，浅色背景下的深色
这个原则也意味着，你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。
另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
网页的内容最好能够开门见山，让浏览者在最短的时间内了解你的网页的内容。在内容上着笔尽量要细致，让人家能在最短的时间内，了解你想呈现给人家什么。给人家一幅清晰的画卷，别云山雾罩的。开门见山，直接了当。大家都知道，网友的耐心尤其少。你能提供的信息或许对他们有裨益，但如果要人家没完没了地翻下去才能找到，恐怕极少有人有这份耐心。
立体规划内容。将所有的结构按照一定的框架结构分别纳入不同的页面。
立体规划内容，将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上，其他的依次就绪。
然后，你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言，记住尽量别让其一行文字的宽度，横跨整个屏幕。段落一多，这样子看起来很费劲，而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。
文字的宽度，最好别超过屏幕宽度的一半。
3）、网页页面越小越好，最好别超过50k，尽量精简
上网的人追求的是速度。所以页面的大小是非常重要的，如果你的网站主要是为了提供消息内容，那么在最短的时间内呈现出来你的内容，别人会更加舒心的查看你的网站。
别使速度影响了你的效率，要知道，很多人是没有耐心的。网页的速度最好控制在十秒以内。或者更快。
有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。当然，也有例外，比如内容实在太精彩，人家不去不行。再像视觉艺术类站点，也不能以“快”为唯一设计标准。不过，即使这类站点，也该在加个导引页，给读者一个提示，别不理睬人家的心情。但是大多数网站还是以内容为主，大部分人感兴趣的还是信息量，追求的是速度。
要限定页面的大小，就得从各个角度考虑节省。最大的一头是图像，有的好东西，只得割爱了。想想看，在创意表达、品牌形象、挣钱几个目标之中，哪个最重要？
4）、网站导航要清晰，容易查找，
所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。 所有的导航条都要非常清晰明确的让浏览者看出来。
链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。如果你一定要别出心裁，链接的文本就要想着以什么方式加以突出，比如说加粗体？加字号？两侧加竖标？或者几者兼用。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向。
链接文字要重点突出；
清晰导航还要求：读者进入目的页的点击次数，不能超过三次。如果三次以上还找不到，人家可就没有耐心陪你玩了！
三、 网站推广
网上世界黑漆无边，你怎么让人家找到你？很多有些经验的网友知道这个问题的份量，不过对于一波一波兴奋上网的新手，他们脑中的概念大多是：“有了网站，自然有人来”。不怪他们，商家们的欺骗宣传太成功了，他们哪里知道，网上有数不清的网站像“无人区”一样死寂。因此我们在作好网站以后，后期的推广宣传工作也不可忽略，主要的可以从以下几个方面来宣传。
1）、传统媒体：广播、报纸、电视都是很好的方法。现在我们已经看到很多在传统媒体中的商家广告，就是以网址为广告内容的主体。同时，商家所有的印刷品，包括名片，都是宣传网址的良好介质。
2）、因特网本身的方法：诸如导航台、新闻组、电子邮件群组、图标广告、分类广告等等，都是宣传网址的好方法。提高你网站在导航站点的排名、Banner广告、有技巧得利用传统媒体、BBS、新闻组都是获取潜在用户注意力的手段。 充分利用网页的交互性，增强与客户之间的联系，及时得到客户的反馈信息，了解客户的需求，不断的改进网站，提高整个网站的信誉。
孙子曰：“夫未战而庙算胜者，得算多也；未战而庙算少者，得算少也。多算胜，少算不胜，而况无算乎？“这里的庙算就是我们讲的谋略，也就是今天所讲的策划。
策划是一种能力，是一种谋略，一种技巧，一种手段，一个计划，一次革命！
策划就是设计。人们称邓小平为“改革开放的总设计师”，实际上也就是对策划、策划实践的一次历史性确认。
真正的策划人是一个复合型人才，必须掌握：经济学、哲学、心理学、传播学、营销学、管理学等，以及具体的如战略、竞争、策略、计划、市场调查、市场渠道设计、品牌经营、企业规划，甚至人力资源以及整个国家和世界的动态和发展趋势。
四、使用Dreamweaver软件设计并制作完成个人网站，题目自拟。要求有五个连接的网页文件。
一、认识Dreamweaver
--网页设计与制作教学案例分析报告
【教材分析】
在学习《网页的设计与制作》之前，学生已初步掌握了网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，但多数学生对网站网页的了解也仅仅只停留在这种简单的操作层面上。本节教学中通过网页、网站基本概念的了解，让学生理解网页的基本元素构成和经常使用的构件，了解超文本标记语言HTML，通过对网页制作工具的比较学习，了解不同常用网页制作工具的特点，为下一节的学习打下基础。
【学情分析】
在学习本单元之前，学生已初步具备获取信息的能力，他们学习了网络基础知识，掌握了网络信息的浏览、搜索和下载以及电子邮件的收发、文件传输等技能。学生希望自己能制作网页，并将网页发布在Internet上。因此学生对本单元学习的兴趣很大。学生在学习本单元前已经学过Word应用软件的使用方法，并掌握一定的文字输入、图片的编辑、表格的插入等技巧，这对于本单元的学习非常有利。
【教学目标】
1．知识与技能
（1）了解网页、网站的基本概念，理解网页的基本元素。
（2）了解基本的网页制作软件的界面和特点。
（3）了解网站的地址标识——URL,超文本标记语言HTML, 了解超文本传输协议HTTP。
2．过程与方法
（1）通过对一个网站网页的分析，了解网页、网站的基本概念，理解网页的基本元素。
（2）通过教师的演示和讲解，初步了解基本的网页制作工具软件的界面和特点。
3．情感态度与价值观
（1）培养学生严谨求实的学习态度。
（2）培养学生学习中勇于探索、崇尚科学的意志和品德。
【重点难点】
重点：网页的基本元素
难点：网页的基本元素，构件
【设计思想】
同学们喜欢上网，但是有一部分学生不能区分网站和网页，在设计时，我首先与语文学科整合，结合语文教材内容，播放《再别康桥》flash动画朗读版，以此来创设快乐课堂学习情境，进而引入徐志摩文学网，让学生思考网站和网页有什么联系？引出本节课的主题，以提高学生的学习兴趣和求知欲望。当学生对网站与网页有了一定的认识之后，引导同学们自主去探究发现构成网页的基本元素有哪些？有什么作用？接着组织学生继续讨论、交流网页中除了三种基本元素外，还有哪些经常使用的构件？然后引导学生查看网页的源文件，从而顺利引导到对Dreamweaver网页制作软件的了解，为本章后面的知识学习作铺垫。
【教学流程】
教学环节 教师活动设计
创设情境，激发学生的学习兴趣 引入课题
幻灯显示《再别康桥》flash动画朗读版，指出诗很美，作者笔下的康桥更是让人向往，激发学生的求知欲。
引导学生进入徐志摩文学网http://www.zhs2008.com ，对URL、http作一定的解释。现在大家看到的是什么？（进入到徐志摩文学网页面让学生回答）引出本节课的主题“网站和网页”，让大家思考网站与网页有什么联系？
1、从美学角度出发，创设快乐课堂学习情境
2、与语文学科整合，结合语文教材《再别康桥》，引入徐志摩文学网
3、学生明确本节课的学习主题内容
自主合作探究 网页的基本元素 教师提问：在徐志摩文学网中，各位同学是否发现了神往已久的康桥，除此之外，还发现了什么？
学生活动：用发现法去找出有关康桥风景欣赏中的任一张图片，再别康桥的诗和徐志摩简介网页.
网站与网页有什么联系？学生讨论之后，教师总结：网站包含多个网页，通过超链接把不同的页面链接起来。构成网页的基本元素有文字、图形和超链接。网页中常见的图象有jpg和Gif。网站的首页即为主页。
学生活动
在桌面上新建一个以自己号次命名的文件夹，进入徐志摩文学网完成以下任务
课堂任务一，触摸网页的基本三要素：
1、 要求下载康桥风景欣赏中的任一张图片，文件名改为kq
2、保存«再别康桥»这首诗，复制，粘贴到word文档中，文件名改为zbkq
3、要求下载徐志摩简介网页
网页揭秘刚才我们了解了网页的基本元素、构件，这些不但美化了网页，还丰富了网页内容，增强了网页功能。下面让我们来看一看网页究竟是怎样组织的。以课堂在线网站为例，选择滚动字幕，点击“查看”菜单中的“源文件”命令。
教师总结：网页中包含的文字、图像、超链接和表格等基本元素及构件是由超文本标记语言（HyperText Markup Language，简称HTML）进行描述的。HTML是一种超文本标记语言，由网络浏览器解释执行，最后将解释结果显示出来。 几乎所有的网页都是用超文本标记语言编写的，下面就让我们利用记事本来体验一下。
网页制作工具比较1、用HTML语言制作网页，让学生对照老师的任务提示，观察一下一个简单的HTML网页文件的浏览结果变化。
（提示学生选择“查看”菜单中的“源文件”命令进行修改。）<html>
<head>
<title>我的个人主页</title>
</head>
<body>
<font size="3" color="#FF0000">
欢迎大家光临！</font>
</body>
</html>2、用网页制作工具软件制作网页 在“文件”菜单中用使用Frontpage编辑上述网页，比较两者特点。
教师总结：除了Dreamweaver之外，还有比较专业的网页制作工具Frontpage，一般我们使用Dreamweaver进行网页制作。
1、学生听、看老师讲解和演示，并思考。2、学生操作实践学生任务：将size="3"改为size="6"，color="#FF0000"改为color="#000000"，观察其变化。
学生
练习 本节课涉及到的基本概念较多，考虑到前面已经有过文字小结，因此，这里改用选择题的形式来帮助学生整理和巩固。
学生完成“课堂在线——网站和网页”中的“课堂练习”。 教师巡回检查，个别辅导有困难的学生。
学生操作练习，完成课堂练习。
“在线批改”可以让学生及时纠错，并据此判断学生是否掌握本节课的内容。
交流与评价 每位同学学习完本课，并完成实践过程之后对自己的学习情况进行自我评价，完成“课堂在线——网站和网页”中的“交流评价”。指导学生进行自我评价，并根据反馈的结果适当点评。
学生自评，通过大屏幕实时显示评价结果，教师可以及时地点评学生的学习情况。
本课
小结 本节课主要讲了网站和网页的基本内容，网页的基本元素、构件及网页制作工具等。
学生对本节课的内容知识进行回忆小结
根据本节课的学习内容，要求学生设计一幅个人网站的主页。
思考、设计，为下面的课做准备
学习
拓展 拓展网页构件的使用，让学生根据表单的信息进行注册，查询，通过输入、查询等功能来激发学生的学习兴趣，让学生更能理解学过的数据库管理有关知识。 学生注册信息、查询信息
【小结板书】
以上就是关于学生个人网页制作相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
