网页设计论文范文(5篇)

发布时间：2023-04-16 19:37:17

前言：小编为你整理了5篇网页设计论文参考范文，供你参考和借鉴。希望能帮助你在写作上获得灵感，让你的文章更加丰富有深度。

将整门课程分为十二个单元，这些单元基本覆盖课程需要掌握的知识点，这些单元在设计的时候遵循循序渐进的设计思想，先易后难，先主体后次要，条理清晰并且每个单元的设计又相对独立，避免学生出现一个单元学不懂，就没有心思再继续后续课程的情况，通过这样设计优势不言而喻。在实施过程中可能分阶段进行，这种课程体系结构的安排证明在实践过程中、在教学质量中都取得了良好的教学效果。

2选择教学方法，激发学生学习兴趣

在《网页设计与制作》中，主要有案列教学法和项目教学法等教学方法，案例教学是在学生掌握了有关基本知识和分析技术的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过学生的独立思考或集体协作，进一步提高其识别、分析和解决某一具体问题的能力，同时培养沟通能力和协作精神的教学方式。项目教学法是学生在教师的指导下亲自处理一个项目的全过程，在这一过程中学习掌握教学计划内的教学内容。学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难，提高学生的兴趣，调动学习的积极性。因此“项目教学法”是一种典型的以学生为中心的教学方法。教学无定法也采用以上两个教学方法，即采用项目教学和案例教学相结合的教学方法，例如在学习表格的时候，表格这个单元就可以设计成一个项目，同时本身也是一个案例。

3教学过程中，精确实施提升教学质量

教学过程是由“教”与“学”双方面组成的，但我们在实际的教学过程中，往往忽视“教”的环节。我院在网页设计课程教学中，充分考虑高职学生的素质现状，以美国Macromedia公司的网页制作系列软件Dreamweaver MX2004、Flash MX 2004和Fireworks MX 2004 为主要教学内容，着眼于每个软件和工具中最实用的部分，分别用大量实例由浅入深地介绍使用这些软件设计、制作网页和创建网站的方法，尽可能让学生在最短的时间内掌握制作网站的方法。同时，现在的计算机教学也对教师提出了更高的要求，要求计算机专业教师在教学过程中必须不断加强专业学习，更新知识结构，真正在教学中做到内容精炼、语言浅显易懂、操作讲解详尽、素材丰富、重点突出。

二、任务驱动法的实施

1.任务确定

任务驱动法的实施是在充分考虑教学目标的前提下，仔细调查、了解所任教班级学生的计算机基础知识掌握现状，在讲述原理、技术的同时，设计有针对性的任务，使学生在实践中掌握网页设计与制作的知识。在此阶段可根据学生的知识层次，采用分层教学法与任务驱动法结合的方式，对不同层次的学生布置不同难易程度的任务。

2.任务驱动

教师布置任务，既要紧扣教学内容，又要及时给学生以必要的帮助与指导。以使用Flash MX 2004绘制矢量图为例，该任务根据创建Flash图形和文本的能力要求，绘制出符合要求的矢量图形，分别涉及创建Flash图形和文本中使用Flash创建图形、编辑图形色彩、处理Flash文本等内容。实施步骤是：首先教师指导学生打开Flash MX 2004软件，在工具栏中使用线条工具，绘制3条线段，呈倒三角形，然后使用选择工具将线条拖出一定的弧度，再使用部分选取工具拖动弧线的顶点，完成后即形成人物脸部的简单轮廓；然后要求学生绘制更多的线条，使用线条的宽度为2（在绘制中注意，部分选取工具特别要注意一些小细节方面，如线条的弧度）；使用颜料桶工具在头发中填充棕色#4E1616，通过进一步的修饰，强调人物的形象；然后指导学生绘制人物的眼睛与其他色彩填充部分，接着使用圆形绘图工具绘制一个无边框的圆形，在此基础上绘制出月亮、星星，最后创建文本对象，完成任务。在此过程中，学生由简单任务入手并逐渐深入，既掌握了该章节知识，也为后续学习做好了准备。

3.反馈评价

教学内容选取根据网页设计课程在服装艺术类专业中的定位及服装艺术类专业学生特点，教学内容要有合适取舍。根据多年的教学经验，课程主要内容选取如下：第一章为网页制作基础，主要包括认识网站和网页、网站开发基础、初始Dreamweaver、站点基本操作、网页文档基本操作。第二章为应用表格布局网页，主要包括创建和选择表格、设置表格和单元格属性、拆分与合并单元格、行列的添加与删除。第三章为设置网页内容，主要包括网页基本设置、文本输入与编辑、应用图像、应用动画和多媒体。第四章为应用超链接和行为，主要包括常规超链接、热点链接、电子邮件链接、图片链接、下载链接、命名锚记链接和制作浮动的广告，设置状态栏文本、弹出信息及制作收缩放大的图像等效果。第五章为应用CSS样式，主要包括样式表的基本应用及样式表的高级应用。第六章为应用Div+CSS布局网页，主要包括Div+CSS布局基础、Div+CSS布局中的定位方式及应用Spry布局对象。第七章为应用框架布局网页，主要包括框架网页的创建、框架和框架集基本操作。第八章为应用模板和库，主要包括创建和编辑模板、应用和管理模板、创建库项目及应用和编辑库项目。第九章为动态网页制作入门，主要包括安装和配置IIS、配置动态站点及应用表单和表单对象。第十章为测试和网站，主要包括虚拟空间和域名、站点本地测试及站点。课程的重点是文本处理、图像处理、超链接、使用表格、CSS样式，难点是使用框架、CSS样式。在课程的最后阶段，教师设定技术框架和规模，要求每位学生独立完成网站的设计与制作，学生通过自主选题，内容收集与整理，然后，学生在规定的时间内，完成创意、设计和制作的全部工作。

二、服装艺术设计类专业网页设计课程教学方法

课程主要采用案例教学法。每个章节知识点都以项目任务进行贯穿讲解。在每个任务讲解后，通过课后练习让学生及时巩固知识。每堂课教学过程分为4个阶段：第一，任务说明阶段。教师展示本堂课案例的最终效果，并对此进行简易的分析和评价，指出本案例所用的新知识点和所要实现的目标，对于旧知识点根据实际需要进行必要的复习提示。第二，相关知识点讲授阶段。针对案例中的相关知识点，通过小型辅助案例进行分析讲解，激发学生的想象力，完善知识体系。要求学生在课堂练习和课后学习中，根据各自的想象去拓展该案例，为后续自主命题设计与实践打下良好基础。第三，任务实施阶段。在本阶段中，教师首先给出任务实施的具体要求，让学生结合课堂案例的实现方式和流程，独立去完成任务实施。然后，针对本项目所涉及的讲解案例以及相关知识点、设计与制作方法、创意效果进行总结，完成课堂教学任务。第四，课后练习阶段。在练习阶段，教师提出技术框架要求及创意设计要求，让学生自主选题、自由创意进行设计制作网页。在自主选择网站主题时，提倡学生面向学科应用需要，面向实际进行选题。如：以服装服饰的文化、设计和生产，或者服饰流行趋势等为网站主题。选题时，要考虑对网站内容的理解和把握程度，对相关文本信息、图形图像信息和媒体信息的收集、归纳和整理的水平，因为这些也在很大程度上决定网站的创意、设计和制作水平。自由创意让学生发掘自身的专业潜能，利用所学计算机技术把创意效果展现在网页上。做到主题鲜明，内容完整，色彩搭配美观，页面构图简洁合理等。此外，在这个阶段，教师可以通过多种方式，比如QQ、微信等，对学生的技术问题给予个性化的指导和帮助，对内容设定、创意设计给予点评，引导学生制作设计出优秀作品。

三、实施结果与分析

首先，学生出勤率及作业上交情况有了很大的提高，也就是学生的学习兴趣有了很大的提高。其次，优秀作品所占百分比有了最大幅度的提高，也即说明学生的网页创意设计有了很大的进步，也即是更多学生能将创意艺术与计算机技术进行完美结合设计网页，提高了教学质量。

四、结束语

1.1课程设计

职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

1.2课程实施

根据职业教育课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

1.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：

（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；

（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；

（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

2结语

首要，在拿到规划项目以后，首要要对客户进行系统性的分析，比方能够公司布景、客户公司形象、客户商品形象，充沛把握客户公司或商品的详细信息，使平面规划作业能够有针对性，断定规划定位。当规划有关资料联系完毕以后，就需求针对这一项目展开适当的思考和断定，断定平面规划个性，断定体现手法。这是一个对比艰难的进程，由于平面规划的规划空间所限，致使平面规划的主题一定要凸显出来，且内容要饱满但不能负担，这就需求规划者进行仔细的思考和研讨，以佳的体现手法进行详细出现，一起，这一进程也需求做好有关资料的搜集作业，以便于有关创造作业的展开。在断定规划个性和体现手法以后，便能够展开详细的平面规划作业。平面规划作业能够凭借传统规划资料展开，比方绘图笔和纸张，也能够凭借领先的绘图软件展开，详细情况能够依据规划者的习气来断定，但规划进程中必须要保证规划的全面性和方向的精确性，要保证色彩的一致，也要保证满足的视觉冲击力，保证规划著作能够导致顾客爱好，招引顾客眼球。

二、页面规划与平面规划之间的差异以及彼此之间的联络

1、体现规模的不一样体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。

2、束缚性的不一样束缚性也即是进行艺术创造时分的束缚条件，此种束缚性的条件是表如今许多的方面的，就像创造东西，传达的方式以及创造的平面，字体字号以及色彩标准等等。页面规划，通常情况下是只是能在电脑设备上进行创造的，而且也只能是在凭借电脑设备的前提下才干够展现出实在的创造作用。页面中规划的著作作用会遭到网速的影响，遭到客观的要素影响对比大。可是平面规划相对来讲就不会受那么多的束缚，不行是在创造空间上没有太多的束缚，而且创造的商品也能够在任何时分任何的场合中进行展现，没有严厉的规定。在进行平面规划的时分不管是触及的字体、字号仍是色彩都是十分的具有随意性的，能够依据规划者的实践需求以及规划师心思的状况进行创造。

3、技能上实践的不一样页面规划是对比依靠于互联网的，页面规划关于领先的软件具有十分强的依懒性，可是平面规划则不是这样的，它关于软件的依靠对比小，相对来讲愈加依靠于打印的技能。在进行页面规划的时分通常情况下都是凭借于绘图东西的，只有强壮的软件才干保证页面规划顺畅的进行。可是平面规划优化经济以及科学技能的展开，不仅能靠画图东西来进行创造，而且也能凭借有关的绘图软件来实现终究的作用，再即是平面规划关于打印技能的要求是对比高的，此也是两者之间十分显着的差异。

三、页面规划与平面规划之间的联系

页面规划与平面规划之间是有着十分亲近的联络的，可是两者之间也是存在着差异的。页面的规划与平面的规划都归于具有现代化特征的艺术方式，在如今社会中这两种艺术方式都是能够经过电脑技能来辅佐或许直接完结的，而且能够发生十分好的作用。页面规划与平面规划之间存在的差异也是对比的大的，其主要差异是它们的体现规模的不一样。体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。其是依据二维空间的一种艺术性创造，而且也不需求十分严厉的体现手法，不遭到东西或许是宣扬路径的束缚，著作成形以后，能够凭借杂志还有周刊或许是广告等任何的方式进行宣扬，然后到达进步影响力的方针。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。

四、结束语