网页设计与制作知识点，网页制作方法

大家好，关于网页设计与制作知识点很多朋友都还不太明白，今天小编就来为大家分享关于网页制作方法的知识，希望对各位有所帮助！

浅谈如何提高《网页设计与制作》课程教学质量

如何提高教学质量是教育工作者和社会普遍关注的问题，也是一个常谈不衰的话题。《网页设计与制作》课程是高等职业院校计算机相关专业必修的一门课程，旨在培养学生网页设计、网页制作、网站建设与管理的能力。本文从课程内容、教学方法、学习方法、考核方式等几个方面对如何提高《网页设计与制作》课程教学质量进行了分析与阐述。[关键词]职业院校；网页设计；网页制作；教学质量一.引言随着现代科学技术的迅猛发展，计算机已被广泛应用于社会生活的各个领域，网站网页已成为公司、企业或个人展示信息的一个平台。《网页设计与制作》课程现已成为高等职业院校计算机相关专业必修的、理论与实践相结合、重在学生设计与制作的一门专业课。传统的教学方式主要以在多媒体教室授课，在机房实验为主，由于实验时间与授课时间是不连续的，往往出现在实验环节中有些知识会被遗忘，在多媒体教室上课并没有起到实质性作用，学生只是自我感觉看懂了，听懂了，但真正动手操作练习时，会发现很多知识点并没有掌握，结果导致部分学生失去学习的信心，整门课程的教学质量也随之下降。那么如何提高《网页设计与制作》这门课程的教学质量，达到师生双赢的结果，这是值得我们探讨的。本人经过几年的《网页设计与制作》课程的教学实践与观察，从课程教学内容、教学方法、实践教学、考核方式等几个方面阐述了这一关键问题。二.合理调整课程教学内容从高职教育的培养目标出发，《网页设计与制作》课程教学内容重在培养学生的网页设计、实际动手制作的能力，培养高素质高技能型人才，学生毕业就能上岗，因此对课程的教学内容进行合理的调整尤为重要，本课程重要介绍网站建设规划、网页的设计与制作及网站的建设与管理，经过对本课程的调查、分析与研究，从五大模块进行了介绍：模块一介绍网页基础知识，网站的种类，网站的概念，并对优秀的网站网页进行赏析；模块二介绍HTML语言，通过一个典型的小型网站来讲解HTML语言各类标记符的使用方法；模块三介绍网站建设、网站规划及流程，通过对优秀网站的分析，使学生头脑里存在设计的概念、想法及思路；模块四介绍制作网页软件的使用，通过具体的网站实例来介绍软件的使用方法；模块五为网站综合设计，通过由学生选择设计各类题目，两人一组设计一个综合类网站，进而锻炼学生的团队合作能力，网页设计与制作的能力。将整门课程分为五大模块，在实施过程中可能分阶段进行，这种课程体系结构的安排证明在实践过程中、在教学质量中都取得了良好的教学效果。三.改进教学方法，激发学生学习兴趣在传统的《网页设计与制作》中，主要是以教师在多媒体教室讲授，然后学生在机房练习实验内容，这种教学方法使学生对知识的掌握很容易被遗忘，因此采取灵活多样的教学方法，不仅能够激发学生的学习兴趣，还能够起到事半功倍的效果。本人在此课程中主要采用了项目式教学法取得的良好教学效果进行分析阐述。本课程中主要采用了项目式教学方法，所谓项目教学，就是师生通过共同实现一个完整的项目工作而进行的一个教学活动。项目可以一个学生独立做，也可以多个学生一起做。在教学前期一定要一个人独立完成一个项目，为掌握了并不等于会使用，一定要让学生动手实际操作，以是否会用相关技术制作出网页为评价标准。在教学后期比较大的项目上可以几个人一起完成。在本门课程的教学过程中，一方面采用四人为一个小组共同设计系部网站这一个项目，每组选出一名小组长进行总体的策划，将这一完整项目分成多个子任务，每个任务分配到小组成员中，使他们各尽其责完成自己负责的任务；另一方面小组中的每个成员必须完成一个作品，这个网站的作品是由个人独立完成的项目。网站制作结束前经过教师核准验收后，可以宣布整个项目工作结束。接下来教师要对学生制作的作品进行展示，在进行作品展示时，教师可以把班级同学集中起来一起观看，这会更加促进学生的团队意识。同时，为了更好地利用网络空间和网上资源，可以把学生的好作品上传校园网站。让全校师生都来关注学生的成果。这样，既给学生施加民压力，也激发了学生的学习动力与信心，让学生享受成功的快乐，享受成果的乐趣，真正提高对所学知识的理解和掌握。因此，通过个人项目、团队项目、作品展示等教学方法与形式，不仅锻炼了学生的自我设计、制作、审美及创新能力，还锻炼了学生的团队合作能力，分析问题、解决问题的能力，在很大程度上提高了学生的学习积极性和学习兴趣。实践证明项目式教学方法可行，得到了学生的喜爱与好评，也取得了良好的教学效果。四.正确引导学生的学习方法要提高教学质量，必须培养学生良好的学习习惯、有效的学习方法、良好的学习态度。职业院校的学生大多数存在学习的积极性不高，不主动，课前不预习，课后不复习等现象，因此，在本课程的教学过程中，正确引导学生的学习方法是至关重要的。(一)教师要很好地引导学生总结学习过程中的经验教训,从自身因素寻找获取学习成功的突破口,意识到学习是一个艰苦、求是、提高、升华的过程。经常与学生沟通交流，使学生养成预习与自学的好习惯。使学生了解，通过预习和自学能够充分发挥其动手的能力，掌握各种技能，培养自身的创新能力，这种方法的运用要比老师单纯地讲好得多。(二)根据学生的认知水平、思维方式，适当降低教材的理论难底，一方面以课程内容“适度、够用”为主，增强实用性和操作性，适应学生的心理实际，进而让他们经过一段时间的学习后，觉得这些课程能够学会，从而增强学生的自信心。另一方面，多让学生欣赏一些网页制作方面的案例，增加学生的兴趣，调动学生的学习积极性，激发学生的潜能。(三)在实际教学中，多引用实例，多让学生分析、解决、判断及操作完成，帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，学生设计与制作网页，使学生获得一种满足感。例如：在介绍网页中表格的布局时，以“制作旅游类网站”为主进行介绍，首先由小组中的一名同学在黑板上画出网页的布局结构，然后再请另一名同学在软件中进行设计，小组协作共同完成这一个案例，在制作过程中难免会遇到一些问题，如表格布局是否合理、单元格是否为顶端对齐、单元格的边距和间距是否为0等现象是学生经常出问题的地方，那么由学生进行操作所遇到的问题，他们自身的印象会更深，这样就使其在今后的实践环节中减少此类问题的出现。五.考核方式《网页设计与制作》课程分为三部分考核，第一部分为平时成绩占30%，通过学生的日常出勤情况、实验效果情况、平时表现进行考核；第二部为期末考试成绩占50%，期末考试主要以学生作品进行考核，主要是锻炼学生的网页设计与制作的能力，同时通过学生自评、互评、教师点评等方式进而调动了学生的学习举；第三部分为对期末所制作的作品进行答辩占20%，主要是考核学生的表达能力、信息的收集与整理的能力。通过这三种考核方式，能够极大的调动学生的积极性，培养学生的创新思维，培养学生团队合作意识，同时也受到了学生的认可与好评。六.结束语总之，《网页设计与制作》课程是一门实践性非常强的课程，如何提高本门课程的教学质量途径多种多样，只要在教学中不断探索，勇于创新，定会寻找出一条既符合实际又有效的途径，让学生在有限的时间内学习到更多的知识，操作的更熟练，为今后的工作、学习奠定良好的基础。同时,我也相信，只要每位教师本着“勤学、善思、实干”的准则，一如既往，再接再厉，调动学生学习的主动和积极性，培养学生观察、思维、推理、自学以及分析问题、解决问题的能力，任何一门课程的教学质量都会得到提高。六.参考文献：[1]夏晶.试析如何提高高职院校《工业企业管理》课程的教学质量,中小企业管理与科技 2009

网页设计与制作的图书二

作者：王海军主编

出版社：机械工业出版社

出版日期：2006-8-1

定价：17.00元本书通过大量的实训，循序渐进地介绍了专业网页制作工具Dreamweaver MX2004的使用方法和技巧。全书采用了任务式的教学方法，根据给每一项任务安排了相应的实训，学生通过完成一个一个的任务而掌握网页制作的技能，通过实训提高网页制作的技能。

本书共分12章，主要内容有：Web服务原理，站点的设置与管理，文本与图像等网页元素的插入与调整，超级链接的创建，使用表格与框架进行页面排版，层、时间轴及行为、动态网站开发等。

本书内容具体，实例丰富，由浅入深，突出操作技能的训练，适合作为职业院校电子商务、计算机应用及信息管理专业的教材，也可作为网页制作人员的培训教材。前言

第1章网页制作概述

1.1任务一：认识Web服务

1.2 Web服务原理实训

1.3任务二：认识网站与网页

1.4任务三：认识用网页制作工具

1.5使用HTML制作网页实训

本章小结

练习题

第2章网站开发与网页制作准备

第3章文本及其格式化

第4章处理图像

第5章超级链接

第6章表格

第7章页面布局视图的使用

第8章框架

第9章层、时间轴与动画

第10章模板、库和插件

第11章表单设计

第12章使用Dreamweaver MX建立动态站点

参考文献作者：陈茜主编

出版社：北京理工大学出版社

出版时间： 2010-1-1

字数： 237000

版次： 1

页数： 158

印刷时间： 2010-1-1

开本： 16开

印次： 1

纸张：胶版纸

包装：平装

所属分类：图书>>计算机/网络>>网页设计情境1：博客

任务一：网页设计与布局基础

任务二：网站建设基础

任务三：使用PhotoshopCS3

项目1：网站首页(一)

知识点

项目2：网站首页(二)

知识点

项目3：网站首页(三)

知识点

项目4：按钮的制作

任务四：使用Dreamweaver CS3

项目1：网站首页

知识点

项目2：添加背景音乐

任务五：使用Photoshop制作banner特效

项目5：发散效果

项目6：发光的树叶

项目7：banner特效——褶皱和折叠效果

项目8：banner特效——水珠效果

项目9：banner特效——文雅怀旧风格

任务六：知识巩固练习

练习l：选区练习——花朵中的宝贝

练习2：选区、填充、定义图案练习——美丽的编织

练习3：美丽的星云

练习4：彩虹

练习5：从画框探出头来

练习6：阴影文字

练习7：站立效果文字

练习8：透空立体效果文字

练习9：边缘美化

练习10：木雕效果

练习ll：水滴效果

情境2：教育网

任务一：模板的使用

项目l：创建模板

知识点

项目2：使用模板创建网页

知识点

任务二：各种链接

项目3：创建各种类型的超级链接

任务三：行为

项目4：行为——打开浏览器窗口

知识点

项目5：行为——弹出信息

项目6：行为——设置状态栏文本

项目7：转到URL

项目8：创建导航栏图像

任务四：小技巧

项目9：制作细线表格

项目10：鼠标经过图像

知识巩固练习

情境3：使用Flash CS3

任务一：Flash CS3的工作环境简介

任务二：补间动画

项目1：制作逐隐逐现的文字

知识点

项目2：制作水滴文字

项目3：常用的窗帘摆动效果

项目4：不用代码实现漂浮效果

任务三：遮罩

项目5：百叶窗转换场景效果

任务四：引导运动引导层

项目6：彩蝶飞舞

UI设计具体包含哪些

1、研究界面

国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

2、人与界面

交互设计师interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。

一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多，也有视觉设计师转行进入的。

3、研究人

任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。

扩展资料

UI设计的原则：

1、简易性

界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

2、用户语言

界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。

3、记忆负担最小化

人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

4、一致性

它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。

参考资料来源：百度百科-UI设计

文章分享结束，网页设计与制作知识点和网页制作方法的答案你都知道了吗？欢迎再次光临本站哦！