时间：2023-02-08 05:35:31
序论：在您撰写网页设计与制作时，参考他人的优秀作品可以开阔视野，小编为您整理的7篇范文，希望这些建议能够激发您的创作热情，引导您走向新的创作高度。
中图分类号：G420
所谓研究性教学，是指确立以探究和创新为核心的教育理念，更新教育教学观念，着眼于培养学生的探索精神和创造性，构建以培养学生的创新精神和创新能力为基本价值取向的教学内容和教学方法体系，着力解决教师研究性"教"和学生研究性"学"的问题，培养具有创新意识和创新能力的高素质人才，发挥学生在学习过程中的主动性和积极性，使之成为我国经济社会发展需要的具有较高素质和较强能力的易就业人才。
一、课程研究性教学的目的和意义
《网页设计与制作》课程研究性教学的实践性探索旨在通过对网页设计与制作职业岗位群的分析，充分了解市场对本专业学生知识、能力、素质的要求，确定切合市场、科学合理的模块化课程体系，选用适当的教学手段和方式，有效地促进教学质量的提高，提高学生的专业技能和就业机率，最终实现专业培养目标。
二、课程研究性教学的理论依据
1、现代学生观
2、多元智力理论
3、建构主义学习理论
4、发展性教学评价理论
三、课程研究性教学的实践过程
1、网页设计与制作岗位需求分析
通过广东省大中专毕业生就业指导中心网站、智联招聘、中华英才等专业招聘网站对广州、北京、上海、哈尔滨、南京、天津、武汉、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定与高职《网页设计与制作》课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计、网页编辑、网站运营，在这些岗位需求中，选取了800个岗位进行分析，如表1所示。
2、根据岗位需求分析，构建新型课程体系
（1）本课程在计算机类专业课程体系结构中的位置
本课程在计算机类专业课程体系中处于一个非常重要的位置，《计算机应用基础》、《数据库应用技术》、《VB/C语言程序设计》作为其先导课，为其提供必要的知识准备，比如设计平台的熟悉、数据库设计方法的掌握以及程序代码的设计规范等等，而《网页设计与制作》课程又为其后续课程《Web程序设计》、《网站建设与维护》、《软件工程》等课程提供有力的支持，比如管理信息系统开发过程中对于开发界面的设计、学习JSP、ASP/、PHP等开发工具中对于HTML代码的熟悉掌握等等。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质。
（2）课程体系结构内容
从内容结构体系来说，《网页设计与制作》课程包括了五大部分，分别是：网页设计基础知识、网页编程语言、网页设计工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、动态网页介绍、综合实践（实训），它是一门技能整合的课程。
3、《网页设计与制作》课程设计
（1）设计理念
1）突出专业课程的职业性、实践性和开放性。
2）学以致用。
3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。
（2）设计思路
以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
4、教学内容的重构
（1）教学内容的针对性与适用性
《网页设计与制作》是我院计算机网络技术专业的核心课程，同时还是计算机类其它专业、艺术设计类以及电子商务类专业学生的必修课。结合职业需求，我们所确定的教学内容在针对性和适用性方面具有如下特征：
1）教学内容的设置，满足职业能力培养的需要
通过大量的社会调研，分析了网页设计人才应具备的职业能力素养，从而选取合理的教学内容。内容的选取着重培养学生具备以下能力：
①网页的赏析能力
②网页布局的设计能力
③网页色彩运用的能力
④网页的编程能力
⑤常见网页设计工具和图形图像处理软件的运用能力
⑥网站建设和网页的能力
⑦项目开发中的协作能力和人际沟通能力
2）基于工作过程的模块化教学内容的设计
针对职业能力的培养要求，采取基于工作过程的模块化教学，按照网页设计制作实际流程来安排教学内容。
5、教学方法与手段的创新
（1）教学模式的设计与创新
《网页设计与制作》课程是计算机类专业学生的核心课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，借助多媒体手段、电子教室、教学网站、电子邮箱和QQ流等手段，在教学方法上进行了一系列的改革举措：
1）课程内容模块化，化解难点，循序渐进
2）精心准备案例项目，从宏观上进行教学设计
3）微观教学采用"四阶段教学法"，将"教、学、做"融为一体。
4）注重师生互动，营造课堂气氛
5）充分利用现代化教学手段，提高教学效果
6）举办学生作品大赛，展示成果、促进交流
（2）多种教学方法的灵活运用
1）多媒体教学
2）"理论+实践"教学模式
6、建立以应用为导向的考核方式
打破传统的考核模式，建立新的、开放式的全程考核模式。根据本课程的特点，提出并逐步实行以项目系统考核为主线的考"应用"不考"理论"模式，同时也鼓励学生以证代考。成绩评定：
（1）期末综合作品和网页制作水平占50%
（2）平时作业、学习态度、出勤等占30%
（3）阶段性实训作品占20%
五、教学效果
1、学生对专业的学习兴趣明显提高，原来消极学习的学生现在也变成了"好学分子"。
2、 研究性教学的实践性探索的开展，使教师有机会和条件将理论和实践教学两种教学能力结合起来进行系统深入的研究，使理论教学和实践教学两种教学能力在有机结合中得到相互促进、相互提高，受到了学生的普遍欢迎和认可，教师教学的主体地位得到了强化。
3、学生考证通过率显著提高。
【参考文献】：
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
关键词：网页设计与制作 教学 改革
随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。
1、课程性质和特点
在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。
2、课程教学目标
本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。
3、课程教学内容
根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。
《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。
4、选择教材和教学模式
这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。
4.1 优选教材
合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。
4.2 精心设计网页制作课程的教学模式
掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。
5、教学方法与手段
5.1 教学方法的改进
在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。
（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。
5.2 教学手段的改革
《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。
6、考核方式
该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。
项目一：个人网站的设计与制作。随着网络技术的不断发展，个人网站已成为人们展示自己的一种手段。本项目将通过制作一个简单的“鸿澜”个人网站，从任务资讯、任务决策与计划、任务实施、任务检查与评估和练习与提高五个方面进行描述，了解个人网站规划与设计的基本原则和主要内容，熟悉网站建设的基本流程，掌握Dreamweaver的基本操作和表格布局排版技术，认识HTML语言的基本结构和常用标记符<table>、<img>、<font>、<p>、<br>等使用方法，培养学生团队合作和独立思考的意识，养成良好的职业素养，为制作更加复杂的网站做好知识准备。项目二：电子商务类网站的设计与制作。21世纪以来，电子商务伴随着IT的成熟，逐渐发展壮大，成为网络经济的核心。企业通过电子商务网站实现了宣传公司形象、企业动态、产品展示、网上订单、网上交易等功能，与客户间的距离进一步贴近。本项目通过完成整个电子商务网站的设计与制作，相关内容层层展开，在学生头脑中形成“如何搭建整体网站”的概念。项目三：中小企业网站的设计与制作。作为企业类网站，主要实现的功能首先是具有较强的盈利能力。其次网站是企业树立形象和展现文化的重要窗口，是为顾客提供服务的一个工具，是企业整体营销战略的一部分。常见功能有企业信息、新闻中心、产品展厅、人力资源、会员中心、留言反馈等。本项目通过某一中小企业类网站的整体设计，培养学生在学习过程中发现问题、解决问题的能力，提高学习的主观能动性。项目四：主题网站的设计与制作。本项目给出网站设计与制作的如下要点：（1）建立网站站点；（2）建立网站页面（首页为：index.html），页面元素完整；（3）应用表格或者div、css布局页面；（4）在页面中插入文字，并用css美化文字大小、字体、颜色等效果；（5）在页面中添加超级链接，并用css美化超级链接；（6）建立模板，并制作其他页面；（7）至少完成8个及以上页面，页面标题栏、状态栏、版权等信息齐全；（8）页面中超级链接如没有链接页面以空链接（#）代替。学生根据以上设计要求，结合所学内容，从旅游类网站、时尚类网站、教育类网站、门户类网站等几个大类中选择某一项进行设计制作。教师将根据学生完成情况的复杂程度和实际效果给予评价，锻炼了学生的实践动手能力，增强了自信心和学习兴趣。
二、教学素材的选用方法
教学素材是以完成课堂教学任务为目的，以教师引导学生开展课堂活动的形式呈现的教学材料。1.合理性。以个人网站设计来说，文本的制作上讲求清晰、明了、突显个性化，Logo和导航的字体、字号设计可以依个人的喜好采取不规则式，选择跳跃感强的色彩。在图像的选取上也是以色彩丰富、形状多样的图案为主。2.整体性。选用的教学素材要能够自然、贴切地把各个知识点整合在一起，教学素材要服务于教学目标，要突出教学的重点。电子商务类网站以从事电子商务为主，对安全、稳定等性能要求较高，比较考验网站中运行的程序。在知识点上以表格嵌套、模版运用、脚本语言和行为语句为重点进行讲解。3.现实性和针对性。课堂教学中选取的素材要符合学生的认知水平和实际生活，教师可以从具体教学对象的特殊性出发，根据教学对象因人、因地、因时选材，为他们“量身定制”针对性较强的教学素材，如在教授电子商务专业学生时，素材的选取多以电子商务平台或某一个人网店为主，以便引导学生从自己熟悉的教学素材中直观体验获取知识、提高能力的喜悦。
三、教学模式在教材中的运用
在《网页设计与制作》校本教材的开发上主要采用“基于过程的项目式教学法”。即“在引导学习者融入有意义的项目完成的过程之中，让学习者积极地探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。为此，以项目作品开发为主线，把教材中的范例网站分解成若干个子任务，将课程标准中的图像处理、动画制作、音视频处理、网页页面设计制作、站点维护等多方面的知识点融入其中，在整个课堂教学实施中，教师根据网站设计开发的实际工作顺序安排，以作品演示的方式从头至尾带领学生操作，让其感受网站从无到有一步步制作的全过程，有助于提高学生的学习兴趣，培养其创新设计能力。
四、结语
关键词 网页制作 技巧 解决方案
中图分类号：TP393.092 文献标识码：A
1设计原则
1.1表格的定位功能
网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。
（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。
（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。
1.2文件的命名
网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。
1.3图像的无缝拼接
网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。
1.4个人站点中导航按钮的设计
设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。
2制作技巧
网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。
3结束语
网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。
项目教学法实施过程是教师创设项目活动情境，在教师的引导下，从学生已有的知识技能和生活经验出发，讨论完成本项目活动的方法和过程，学生以小组为单位运用学过的知识和技能解决新情境下的问题，在项目活动过程中，增强学生的知识和技能，提高分析和解决问题的能力，在情感、态度的价值观多方面对学生进行培养。整个过程活动都是真实的，是现实生产生活的一种反映，从而使学生的学习更有针对性和实用性，学到了今后就业所必须的技能，包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。在计算机教学中采用项目教学法，可以将教师的主动性、学生的积极性调动起来，还可以增强同学间的团队协作精神，这将对知识的传授与更新产生更重大的影响，实现教、学、做融为一体。
二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识
就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。
三、课程整合后项目教学法的实施过程
1.1用户登录与注册
首先,在系统功能设计中一般使用B/S结构,也就是浏览器/服务器结构,在网络环境下,将各种功能模块组合起来。用户登录和注册是网站功能中最为基本的一个模块,按照一定的分类标准设置用户权限,如管理员权限、注册用户权限和匿名登录用户权限,不同权限的用户可以访问不同的内容。用户登录的身份验证采用用户名和密码的形式,为了方便管理,用户名可以统一设置,如将学生的学号设置为用户名,密码由用户自行更改。管理员权限主要是由网站的管理人员使用,对网站信息进行删除、编辑和更改,并且对登录用户的身份、数量进行管理。注册用户可以浏览、下载网站中的绝大多数资源内容,而匿名用户只能浏览网站的基本公式信息。
1.2网站信息公布
网站信息公布是校园网站的一个重要功能,可以用来公示重大校园动态、课程信息、学生信息变动等等,所公布的信息来源于相关的校园管理部门,如教学部门、宣传部门、学生管理部门等等。同时,一些与学生密切相关的信息,在公布中可以设置提醒功能,例如当学生登录网站后,以私信或者自动弹出窗口的形式提示学生应当注意的信息。或者在学生个人信息管理模块中,设置专门的应当注意信息模块,提醒学生应当注意的一些变动信息,特别是课程信息、个人信息变动、教务信息等等。
1.3资源共享资源共享
主要是为学生提供一个良好的学习环境,提供学生自学资源支持,在网页设计与制作类专题学习网站构建中,主要的教学资源有文字资源、图片资源、视频资源等等。同时,在资源共享中,为了提高学习资源的利用效率,利用站内搜索技术构建资源查询平台,便于用户搜索所需资源。将各种学习资源进行分类,可以按照资源属性,如文档类资源、图片类资源、视频类资源等等,或者按照教学内容进行分类。站内资源还可以为学生提供一些优秀的设计方案成果,将这些成果的网页设计与制作方案。资源共享功能模块设计需要针对网站功能特点和用户使用情况进行相应的资源优化,例如针对不同学习基础的用户提供不同层次的学习资源等等。
1.4站外资源链接
在网页设计与制作类专题学习网站功设计中,站外资源是一个重要的学习资源补充途径,用户在使用站内资源时,也需要进行相关的站外资源拓展,当前使用较为广泛的方式便是站外资源链接。站外资源链接也分为外部链接和内部链接两种,外部链接同用户直接通过外网链接外站的访问权限一样,都为匿名浏览模式。而在一些提供资源下载的外部网站链接时,可以通过内部链接的方式为用户提供注册用户访问权限,例如访问一些文献资料数据库。通过购买这些数据库的访问权限,使得用户可以通过内部链接搜索和下载相关的文献资料。在站外资源连接时,应当对不同的外站资源情况进行调查和分类,按照一定的类别,例如文献资料类网站、网页设计成果类网站、相关软件下载类网站等等。
2基于PHP和MySQL技术网页设计与制作类专题学习网站的实现
2.1数据库管理实现
基于MySQL技术的数据库管理功能实现,应当针对网站数据的储存和使用特点,应当确保数据库的正确性、融合性、有效性等等,优化数据库检索技术,提高数据检索效率,数据库结构设计的合理性会直接关系到网站构建的整体质量。在数据库中将各种不同类型的数据资源按照一定的类别进行分类处理和储存,同时将各种文档信息添加日期、作者、预览内容等信息,主要的数据操作功能有编辑、录入、存储、删除、复制等等。再有,应当保证数据库的完整性和适时性,及时进行数据更新,数据存储要严格遵守相应的规定,定期进行数据备份,一般数据库的管理权限为网站管理人员。
2.2信息管理功能
实现信息管理功能主要是实现网站基本的信息公布、信息删除和修改、重大信息警示等等,同时还包括用户个人信息的录入、修改等等。信息管理权限由两部分组成,分别是网站管理人员的信息管理功能权限和访问者的信息管理功能权限。信息管理人员所主要管理的信息为网站公布信息和一些动态资源信息,而访问者所使用的信息管理功能为个人信息管理和个人资源信息管理。例如访问者在利用网站资源进行学习时,需要更改个人资源数据库,不定时的删除资源和添加新资源,构建成个人知识管理系统。而网站管理人员,在使用信息管理功能时,也应当针对不同信息的特点,在相应的信息公示板块进行信息公布。
2.3资源共享功能
实现资源共享功能主要包括两部分,分别是站内资源共享和站外资源共享,站内资源包括管理人员录入的校园资源数据库和师生上传的相关资源等等,站外资源则主要是针对相应的教学内容,选择的一些专题网站。在资源共享功能实现中,应当提高资源使用效率,借助站内搜索技术和互联网搜索引擎技术,为学生提供完善的资源环境。同时,资源共享本身也是一个持续性的过程,管理人员应当长时期的进行资源引进和更新。
3结语
