学校网页制作案例 第1篇
实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的 基本思路和应用开发能力，提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对 外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。
一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置 (横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：
硬件：
一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件：
学校网页制作案例 第2篇
关键词：网页设计与制作；有效教学；教学方法；考核
Based on the Project _the Webpage Design and Making_ the Effective Teaching
CHEN Mu-lan
(Guangzhou Information Engineering Vocational School,Guangzhou 510430,China)
Abstract: Deepening the teaching reform is to train talents of enterprise needs the effective implementation of means. Webpage making is a comprehensive, practical computer application course, according to the characteristics of this course, this article from the selection of teaching content, teaching methods and assessment methods of these aspects on how to improve the teaching effect, so as to enhance the students’ comprehensive quality.
Key words: webpage design and making;effective;teaching method;evaluation
1课程背景
近年来，中职学生生源数量不足、质量偏低，学生基础太差，缺乏学习动力。在这样的生源情况下，课程仍旧以学科课程为主，依然沿用陈旧的教学方式，没有对教学过程进行优化组合，从而加剧了教学效果的恶性循环。目前职业学校人才培养的效果与企业需求之间存在着较大的差距，具体表现在以下两个方面。
1）专业能力方面。专业知识不够扎实、实际操作能力较低。
2）关键能力方面。人文知识缺失，知识面窄，学习能力、分析和解决问题的能力薄弱；团队协作精神、吃苦耐劳、个人道德行为欠佳。
造成这种差距的原因是多方面的，其中职业学校的课程与企业的工作实际脱节是一种重要的方面。因此，广州市中等职业学校全面展开了有效教学和“工学结合”课程模式的改革。
现在网络已经成为人们生活当中不可缺少的一部分，越来越多的企业、个人都拥有了自己的网站。在互联网的世界，展现出吸引眼球的网站，是每一个网页设计师的目标。《网页设计与制作》课程是中等职业学校一门重要的课程，是我校计算机专业的主干课程，它是一门包含一定的理论知识而实践性、技能性相当强的课程。网页制作的实践操作技能对如何设计出与众不同、独树一帜的网页及后续的《动态网站制作》课程学习，具有十分重要的作用。
因此，笔者根据多年的教学实践，结合“以就业为导向、以全面素质为基础、以能力为本位”的职业教育指导思想，着力提高学生的综合职业能力为目标，对《网页设计与制作》课程进行了有效教学的改革。
2教学内容的选取
教学内容应能适应行业技术发展，体现技术的先进性。以就业为导向，将学生日后就业可能遇到的问题纳入到教学内容中，突出“学以致用”。由于计算机技术发展迅猛，若只注重理论或使用过时版本软件，很容易使学生产生厌学情绪，不利于具有创新思维和创新能力职业人才的培养，违背教学目标。
按照我校《网页设计与制作》课程的教学大纲和教学目标，结合教材和课程特点，教学内容选择以项目、案例教学为主。根据总体目标确定课程各个知识点和技能点的具体目标以及教学内容，让学生带着任务学知识、带着任务学技能，使学生既知道该怎么做，又知道为什么这样做。根据学时和学生的实际水平灵活选择教学内容，如表1是《网页设计与制作》部分教学内容。
本门课程教学内容以实践教学为主导，理论为实践服务，以学生为中心，教师为主导，通过分解任务、学做合一和讨论协作有机融合，使学生能够参与，有明确的任务，学习的主动性、积极性得以发挥。在实践教学设计中重视知识点和技能点的综合运用，并充分有效地利用多媒体教学的网络环境和优越的硬件环境，会收到很好的教学效果。
3教学方法的改进
在以往旧的教学方式中，从总体的教学效果上看并不十分理想，学生完成实训任务时目标欠明确，所学知识和技能比较零散，不能产生浓厚兴趣，学生之间的协作性以及教师与学生间的互动性较差。知识和技能的遗忘率较高，不利于学生职业技术素质的提高和职业技能的培养，达不到理想的教学效果。笔者根据往年的教学经验，结合学生及课程特点，对所教的班级采取了以下教学方法：
“学中做、做中学”
为便于学生的学习讨论和设计制作，本课程教学直接在有职业氛围的配备有多媒体教学设备的实训室进行。教师根据学生实施任务时所需知识和技能的情况演示讲解有关的知识和技能。在实施任务的过程中，学生可以小组相互讨论、协作、提问，而教师则在实训室巡视，到学生中间监督任务进程，并给予学生适当引导，必要时进行个别或集体辅导。等学生完成任务后，教师对学生完成的任务成果进行点评，并对任务的总的完成情况进行总结。最后让学有余力的学生开发自选网站项目中类似的任务，对自选项目的完成情况和设计思路应在适当时间进行分析、点评，并可通过学生自己的介绍提高学生的综合素质。
各个任务实施过程如图2所示。
小组教学
近年来，小组学习在我校区的计算机应用教学部对部分计算机专业课程进行了大胆的尝试与创新，取得了较好的教学效果，现在四个校区也全面实行了小组教学。
笔者将学生分成多个小组，每组5人，兼顾学习成绩、学习能力、性格特点等因素，每小组选出一位技能操作性强、责任心强、热心助人的学生作为小组长，小组长主要起到帮学及“小老师”的作用，在完成学习任务过程中，如遇到问题可在小组内互相学习讨论、分析、解决问题，设计制作与创新于一体，能够开拓思维，发挥潜力、培养个性、培养团队精神。学生在“帮”与“被帮”的过程中也体会到了成就感和学习的乐趣，充分调动了学生的学习兴趣，不再因为“难”而不想学。而教师能更好地控制课堂，巡视、引导有需要帮助的学生，也弥补了教师在实训教学过程中，一人面对几十位学生时，不同的学生所遇到的不同问题而不能及时得到解决的不足之处。为了能更好地管理课堂及机房实训室的管理，每三个小组组成一个大组，每一大组选出一位“线长”，做到教师管理“线长”，“线长”管理组长，组长管理组员的层层递进关系的管理方式。
小组教学需要注意的几点：1）小组长人选需要具备“三强”，即操作技能强、责任心强、管理能力强；2）“线长”和组长在上实训课前任课教师需要对他们进行适当的培训，特别是管理的要求及学习任务的具体要求；3）小组教学并不是让教师“放羊”，而是要充分体现出发挥学生是主体，教师是主导的作用。根据本门课程及实训上机的特点，设计项目登记表如下：
备注：1、组员在完成任务进行自评并按时上交作品，然后组长对本小组成员进行评价，课后教师进行师评，评价分为“优秀”“完成”“及格”，没完成的打“×”，并注明原因。
2、“小组加分”一栏由教师根据该次课进行填写。
3、“课后整理”一栏由组长根据该同学有无按要求整理进行填写“√”或“×”
4、组长签名后，在下课后交线长，由线长交回给教师。
充分利用软件教学
为了调动学生的学习积极性，吸引学生的眼球，教师花了大量的时间去做精美的PPT课件，教师在讲台上面讲，而有的学生在下面玩手机、睡觉、讲话等，或坐后面的学生根本就很难看清前面的投影等情况，达不到预期的教学效果。
根据以上情况，笔者采用了“凌波多媒体软件”和网络教学环境进行教学，达到较好的教学效果。利用“凌波多媒体软件”进行控制所有的学生机，使学生在原来的座位上一人看一台电脑，能认真听讲、思考，互不干扰，吸引学生的注意力，学生身监其境，“看在眼里，记在心上”，非常直观，加深了印象利于学生理解，也防止了学生做跟上课内容无关的操作。教师一边分析讲解，进行提问、讨论，并适当的一边演示，一边引导同学进行操作，学生则一边听课，一边思考，并根据自己的想法与教师沟通，随时发现问题及解决问题，建立了一种互动的学习氛围。
利用软件教学，除了可以控制机房所有的电脑外，还可以控制指定的某几台机或一台机，也可以对部分学生进行讲解而其余的学生不受任何影响；能方便发放素材和收取学生作业；能监控学生完成作业的情况。
角色扮演
教师作为客户，要求设计者（学生）按客户的要求进行做某个项目，模拟公司对员工的情景，学生“上机如上岗”，这种角色的扮演，容易激发学生的学习热情和求知欲。
通过恰当的教学方法，在有限的时间内使学生最大限度地掌握各种网页技术，为后续的动态网页课程奠定了基础。注重教师主导作用与学生主体作用的统一，强调学生自我探索、独立研究能力与创新精神的培养，是教好这门课的关键。
4考核方式的改进
过去的计算机课程考试通常是一张试卷就决定了该门课程的成绩，而考核的重点偏向理论知识，《网页设计与制作》是以考查方式考核学生对网页制作的掌握程度，考核的重点放在对学生学习过程的考核上。
在课程考核中增加了课程设计题目，以小组为单位，为了充分考虑到学生的兴趣爱好和主观能动性，不指定单一的项目，而是列出大量题目供参考，学生也可以自选项题目，但是老师要提出项目的设计具体要求。学生在两至三周的时候利用课余时间完成，老师对各个小组成员提出问题，然后根据完成的情况进行评分。通过合作完成一个实际的项目，不仅可以考核学生运用知识的能力，而且可以考查实际动手能力，合作团队精神。
学校网页制作案例 第3篇
随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
1激发学习兴趣，鼓励创新精神
案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。
互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。
2实验设计与大作业制作标准
制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。
3团队协作
在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。
4《网页设计与制作》课程的考核标准
多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。
5结语
网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。
参考文献：
[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.
[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.
[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.
[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.
[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.
[6][J].PearsonEducation,2001.
学校网页制作案例 第4篇
毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：
一、实习工作介绍
我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候
(一)初级考试
初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
(二)三天的培训工作
三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。
(三)最后的考核
三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正，得到很优厚的待遇。
考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他(她)们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。
四、业余的生活
每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。
五、工作心得体会
实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。
报告人：
时间：