计算机应用网页设计论文

摘要：当今世界，社会经济水平一直处于持续发展的状态，科学技术也因经济的带动有了极大的发展，计算机技术的不断完善就是科学进步的一个重要标志。作为一种重要的计算机技术，图像处理技术已被广泛应用于各种应用领域。近年来，网页设计已逐渐成为一个新的话题和行业。下面是小编为大家整理的《计算机应用网页设计论文(精选3篇)》，仅供参考，大家一起来看看吧。

计算机应用网页设计论文 篇1：

扁平化风格在网页界面设计中的应用探讨

摘 要：在以往的网页设计中，设计者们更青睐于利用各种艺术效果来装饰网页，以求吸引用户的注意力。但是随着网站数量和种类的增加，纷繁复杂的网页设计风格会让用户产生视觉疲劳，影响到用户的操作体验。扁平化设计风格强调网页界面设计的简洁性，而且还能够降低功耗，延长待机时间和提高运算速度，更加适用于移动终端系统。文章首先阐述了扁平化风格的设计特征，然后对扁平化设计风格在网页界面设计中的应用进行分析，为提高网页设计水平提供参考。

关键词：扁平化;网页设计;简洁性;用户体验

0 引言

随着网络技术的快速发展，人们利用网站的频率大幅提升，无论是在工作中还是日常生活中，都会应用到网站。在网页设计时，有些网站和应用程序需要根据屏幕的尺寸和分辨率设计出不同的拟物化设计，而扁平化设计风格能够适用于所有尺寸的屏幕，具有较强的适应性。尤其是在人们利用手机和平板等移动终端越来越多的背景下，在有限的屏幕尺寸上，更希望能够快速找到自己需要的信息，以提升浏览网页的速度。较多的装饰性效果不仅会影响到用户的操作体验，同时还会占用一定的系统内存，缩短设备的待机时间，影响系统的反应速度。为了更好地解决用户在使用移动终端浏览网页时遇到的问题，采用扁平化设计风格具有很强的实用性。扁平化设计去除了冗余、厚重和繁杂的装饰效果，注重对核心信息的体现，有些甚至是以抽象、极简和符号化的方式来表达信息，界面更加简洁干净，用户操作起来会有良好的体验，所以扁平化设计风格会成为网页界面设计的发展趋势。

1 扁平化风格的设计特征

扁平化的设计风格主要是以简洁大方为核心，减少了拟物化设计中的透视、纹理和阴影等效果，更加倾向于用图标、抽象和文字的方式来表现信息。随着使用移动终端进行网页浏览的用户数量的增加，这种扁平化风格更加适用于小尺寸屏幕的移动终端。简约的设计风格能够在有限的屏幕上更加明确地呈现网页信息，便于用户更加快速地搜索信息。而在组织结构上的扁平化设计，有利于减少用户逐级深入地搜索信息，缩短传播链，提高用户浏览效率。扁平化设计风格能够适用于任何尺寸的屏幕，占用系统内存少，有助于提高网页运行的流畅性，这会增加用户使用移动终端浏览网页的便捷性。目前，扁平化风格主要应用于手机领域，在部分网站设计中也逐渐体现出扁平化的趋势，这种简洁大方的风格更具有现代气息，但是在实际使用过程中，还是需要根据网站的功能、用户群体特征、终端呈现方式等因素进行综合考量，最终确定适宜的设计风格。

2 扁平化设计风格在网页界面设计中的应用

2.1 扁平化风格在网页界面元素设计中的应用

扁平化风格在网页设计中体现得最为明显的是界面设计，与复杂的界面相比，简洁的界面元素不仅能够减少用户的阅读障碍，还更易于用户接近事物的本质，从而提升体验感。在传统的拟物化设计中，界面元素的设计尽量与实际物体接近，以达到一种更加真实的效果，一般会通过添加阴影或者渐变等方式来实现。拟物化设计虽然能够得到一部分用户的喜爱，但同时也限制了用户想象的空间，同时过于复杂的设计还会占用过多的时间。在网站数量和种类不断增多的背景下，用户对于复杂的界面设计，会形成信息提取费时、视觉观感疲劳等现象。而扁平化风格的核心是简洁大方，去掉各种特效的渲染，以最为简约的界面风格为用户带来最为舒适的操作体验^[1]。尤其是在当下，人们使用手机的频率快速增加，扁平化风格更适用于手机的屏幕尺寸。简洁的界面设计能够更加直观地凸显重要的信息，拉近用户与网页内容之间的距离，能够让用户快速检索到自己想要的操作信息，有效提升用户的操作体验。

2.2 扁平化风格在网页布局中的应用

网页的整体布局方式决定了信息的呈现效果以及用户的操作体验，在拟物化设计中更加注重精美的排版和图片效果，希望以这种方式来降低用户的认知成本，为用户操作提供便捷。但是随着数码产品的普及以及人们使用网页熟练度的提升，在长时间浏览网页的过程中，过于复杂的图片反而会让用户产生视觉疲劳，并且增加了提取信息的难度。而扁平化风格则更多地使用了文字、图标等方式，这种页面布局方式更加简洁，呈现的信息也更加明确，用户可以快速找到需要的信息进行操作，缩短信息检索的时间，并且在视觉观感上也更加清晰透彻^[2]。此外，拟物化设计还无法适应在不同尺寸和分辨率的屏幕间转换，尤其是在小尺寸的手机屏幕上，可能会出现无法识别图标的现象，直接影响用户的操作体验。而扁平化风格能够适用于任何尺寸的屏幕，尤其是其简约的布局方式更适用于小屏幕的手机网页。因为扁平化风格不會受到屏幕尺寸的限制，所以给设计师提供了更大的设计空间，能够更加完整且完美地呈现页面布局。

2.3 扁平化风格在网页信息组织结构中的应用

从某种程度上讲，扁平化风格是和拟物化设计进行的对比，其在组织结构上的体现更加明显。拟物化设计主要是以层级化结构为主，以金字塔的形式进行信息的展示。一般金字塔结构方式所包含的信息量较大，无法在同一级中完全展示出来，所以需要通过增加层级的方式来延长传播的路径，以确保呈现信息存在完整的逻辑性。但是这种方式会耗费用户很多的时间，因为深入的层级越多，返回时也需要经历同样的层级，无疑会增加阅读的时间。而扁平化风格相当于压扁的金字塔，以最大限度地减少组织结构的层级、增加横向信息的方式来减少用户搜索信息的时间成本，有助于用户快速进行信息的浏览。在使用扁平化风格的组织结构时，一个层级所呈现的信息内容量会增加，传播路径大大减少，但是这种方式仅适用于信息量较少的网页，如果单层信息量过大，反而会增加用户检索信息的难度。所以在组织结构设计时，应该根据网页包含的信息量而选择适宜的风格，避免盲目地跟风而产生负面效应^[3]。

2.4 扁平化风格在网页交互方式中的应用

交互性是网页设计时的重要元素，网页所呈现出来的内容，并不只是简单对内容排版布局，而是更应该从用户的使用体验入手，从用户的视角出发进行页面设计，以提高网页和用户之间的交互性。良好的交互性是提高用户体验的重要方式，也是增加网页浏览量的重要途径，所以通过交互性设计能够为用户带来良好的视觉体验和心理体验。其中动画或动态图的扁平化设计能够更好地吸引用户的注意，与静态图相比，动态图和动画不仅能够满足用户的审美需求，还能够提高用户搜集信息的效果。比如当用户的鼠标停留在某一视频或图片上时，视频或图片中的信息就能够及时地显示出来，从而提升用户的信息浏览效率。在采用交互式动画的扁平化设计时，还应对用户群体进行细分，了解用户群体的操作习惯，然后有针对性地进行交互性设计，以提高用户对网页的使用效率^[4]。

2.5 扁平化风格在网页其他元素设计中的应用

网页设计包含多种要素，除了上述分析，还包括首页设计、标识设计、导航设计、文本设计等，而要将扁平化风格体现在这些要素中，还需要设计人员进行全面的规划。比如在颜色和字体上的设计，因为扁平化追求简洁大方，不需要太多的装饰，但是还要给用户呈现更好的视觉体验，所以在色彩使用方面就需要合理搭配。因为整体页面已经非常简约，所以颜色上应该尽量避免单调，可以采用同类色搭配的形式呈现一种层次感，也可以采用对比色的方式来突出重要信息。所以扁平化风格的使用，并不是简单的排列，也没有降低设计人员的设计水平，相反还更加考验设计人员的能力，需要在简洁的页面设计中给用户创造更加舒适的操作体验和视觉体验。

3 结语

网页设计的好坏直接影响到用户的体验，进而影响到网站的浏览量和企业的经济效益，所以网页设计要根据用户的体验来调整风格，以适应用户的体验需求。在快节奏的工作和生活状态下，人们更希望能够在有限的时间内提取更多有用的信息，所以对于过于复杂的页面风格会让用户感到疲劳，降低用户的体验。扁平化风格更适用于移动终端，既减少了以往拟物化设计的次数，在占用系统内存、运行速度以及待机时间方面又更适用于移动终端。扁平化风格的极简性使得主题更加鲜明，更迎合现代用户的体验需求，但同时也增加了设计人员的难度。简洁并不是简单，所以在简洁的基础上还要具有一定的内涵，能够从更多的维度和更深的层次体现网页的功能及其背后的意义。

[参考文献]

[1]王启宾.手机图形界面扁平化集合设计研究[J].智库时代，2019（5）：285-286.

[2]杨晔.扁平化风格在网页界面设计中的应用[J].科技风，2018（25）：97，100.

[3]冯贵兰，李正楠.扁平化风格在高校门户网站设计中的应用研究[J].现代计算机（专业版），2017（18）：49-51.

[4]宋雅丽.扁平化设计在网页版式中的应用探析[J].电脑编程技巧与维护，2016（17）：78-79.

（编辑 王永超）

Discussion of the application of flat style to web interface design

Sun Ruping

（Bayingol Vocational and Technical College， Korla 841000， China）

Key words：flat; web design; simplicity; user experience

作者簡介：孙汝萍（1982— ），女，河南获嘉人，讲师，硕士;研究方向：计算机应用教学。

作者：孙汝萍

计算机应用网页设计论文 篇2：

网页设计中计算机图像处理技术应用探讨

摘 要：当今世界，社会经济水平一直处于持续发展的状态，科学技术也因经济的带动有了极大的发展，计算机技术的不断完善就是科学进步的一个重要标志。作为一种重要的计算机技术，图像处理技术已被广泛应用于各种应用领域。近年来，网页设计已逐渐成为一个新的话题和行业。虽然网页设计早已可以通过使用一些相对简单的编程软件来实现，但由于它已经广泛而深入地普及到人们生产和生活的各个角落，面临的挑战也逐渐增多，对于网页设计的要求也不断增加。网页设计具有极其广阔的市场前景。因此，越来越多的行业和专业人士都开始关注网页设计。将图像处理技术应用于网页设计，可以有效地增强网页的美感，从而提高网页设计的质量和效率。笔者具有多年一线网页设计经验，文章的主要目标是希望与大家针对网页设计中计算机图像处理技术的应用共同探讨、相互交流，为我国计算机行业网页设计方向作出力所能及的贡献。

关键词：网页设计；计算机；图像处理

目前，网络宣传越来越受到社会各界的关注，艺术与网络展示的结合是必然趋势。将计算机图像处理技术应用于网页设计，可以使网页更具吸引力和艺术性，从而引起人们的兴趣，达到网络宣传的目的，对于商业等其他行业都有巨大的推动作用。由于网页设计非常重视图形和图像处理，网页设计的最终目标就是确保将图像处理技术应用到图像和文本的有机结合中，以及让访问者打开网页，关注到所需信息，切实落实宣传的作用。

1 计算机图像处理技术的概念

20世纪下半叶，计算机科学技术经过了持续发展，变得更加科学化，计算机图像处理技术也因此得到了极大的带动与突破。计算机图像处理技术独特的优点，使其受到了广泛的关注，特别是在航空工业中应用广泛。计算机图像处理技术是指操作人员掌握的计算机技术、图像处理或数据处理技术。利用计算机图像处理技术，不仅能够快速发现数据或图像的缺点，还能够对数据或图像进行及时的处理，达到预期的效果。具体而言，计算机图像处理技术是基于待处理的图像或数据，利用计算机技术进行处理，以满足人们的实际需要。计算机图像处理技术主要涉及图像的改进、数据的处理、信息的整理等。同时，更好地对接几何图像，让图像明暗可以因时变化，都需要计算机图像处理技术的有效利用，这有利于设计出对比度鲜明的图像[1]。

2 网页设计图像处理知识

2.1 计算机图像格式分析

计算机目前已经可以允许使用多种图像格式，下面作者主要对网页设计中适用的3种图像格式作一定的介绍。

（1）GIF格式：是一种目前正普遍利用的图形交换格式，具有特殊的技术要求，即对图像进行压缩处理时利用的是无损压缩的算法，支持图像颜色上限广，可达到256色之多。作为具有透明处理功能、支持动画、交错处理特性以及适用范围广等特点的GIF格式，在卡通、素描等多种方式上均有利用，极其便于在互联网上传播。

（2）JPEG格式：即联合静态图形专家组。该类型的图像具有极高的文件压缩比，可以有效解决硬盘空间不足的问题，即使有数据损失的情况，也不会造成太大问题与影响。JPEG格式的缺点是无法支持透明效果的处理，在动画应用中也有很大不便，但JPEG格式对于图像進行数字化处理以及图像扫描应用都有重要作用。

（3）PNG格式：即可移植网络图形，是一种新的图像文件格式，是当今网络技术飞速发展的产物。与前两种格式相比有更明显的优势，适用范围也更广，有利于网络通信的顺利进行[2-3]。

2.2 网页中插入图像

向Web页面添加适当的图像是Web设计者的共同步骤。Dreamwaver在制作网站中有不可取代的作用。向Dreamwaver文档窗口添加图像的主要方法是考虑将图像插入位置，将其添加到菜单栏。在“打开”对话框页上，单击“选择文件”对话框，并在“设置”对话框中的适当位置设置参数。设置参数后，返回到“插入图像”对话框界面并单击“确定”按钮。

3 计算机图像处理技术的特点

3.1 再现性好

与传统的模拟图像处理技术不同，原始图像在数字化过程中能够准确地显示原图，并通过计算机图像处理保持原始图像的形状。计算机图像处理技术在存储、传输、再现的过程中，不会导致图像质量的下降，因此，图像处理和再现效果始终可以保持良好。

3.2 处理精度高

随着计算机图像处理技术的发展，将模拟图像变为二维序列的方法更加轻松，只要在处理设备允许的情况下，我们可以随意调整二维阵列的大小。随着现代科技的发展，每个像素的灰度已经可以量化到16位或更多，图像数字精度的扩大可以使得计算机处理图像更加便利。

3.3 适用面宽

在现实生活中，图像的信息源既可以是可见的，也可以是不可见的光谱图像（例如X射线图像、超声波图像或红外图像）。无论是航空照片亦或是电子显微镜图像，甚至是遥感图像和天文望远镜图像，都适用于此。并且它的大小与从图像中反射的物体的比例相对应。只要信息从不同源转换为数字编码，它们就由二维阵列表示的灰度图像组成，计算机的应用对此有重要作用。不同的图像信息源需要我们采取相应的图像信息，这样也便于我们获取措施，图像数字处理方法就适用于任何类型的图像[4]。

4 计算机图像处理技术在网页设计中的应用

设计者要想使网页更加实用、美观，成熟的图像处理水平是绝对必要的，这也可以使计算机图像处理的过程更加灵活多变。网页设计中的计算机图像处理技术主要包括图像外观、风格、大小、位置、方向等方面的处理方法。在具体操作中需要因时制宜，必须根据网页的具体布局来设置图像的大小。在网页版式设计中，一种简单而特殊的图片风格对页面翻转的影响更为明显，对图像的外观变化影响很大。在现实生活中，我们可以看到正方形等规矩而直立的图形可以使人感到可靠与威严，不规则的图形则给人自由与解放的快感。不同种类的图形可以显示不同的风格特点，基于此，网页的中心思想也可见一斑。因此，应该整合不同类型的图像，使整个页面更加丰富和生动。

4.1 对网页设计中图像的大小进行控制

计算机图像处理技术的合理应用，可以控制网页设计中图像的大小，原因主要有以下几点：首先，计算机屏幕的宽度和长度都是有限的，计算机网页设计中图像的大小也不是随意的，而是具有严格限制的，也就是说，网页在页面设计时，不应超过计算机屏幕的长度。其次，在Web设计中，图像大小与清晰度之间存在着直接的内在联系，如果图像处理技术使用不当，造成图像相对较大，不能满足设计目标的要求，图像的清晰度可能就会受到影响。因此，如何把握图像尺寸和图像清晰度是网页设计的关键。追求高清图像将影响网页的运行负荷、网页的浏览效果以及JPEG图像处理的计算机图像处理技术。平衡加载速度和Web浏览效果的最终目的是为了提高网页的浏览效果和质量。

4.2 合理分配图像的角色和职责

图像在网页设计中作用各不相同，具有不同的职位、规模和责任。不同风格的网页对图像有不同的要求。如果网页的风格是真实的，它需要尽可能多地展示真实的图片。如果网页的风格是浪漫的，它需要更漂亮的图片渲染。网页设计者应根据网页风格选择合适的图片，以增加网页的色彩。图像具有不同的功能，如标记、背景、链接或直接显示网页的主要内容。当图像作为背景出现时，就需要额外的文本来丰富网页的内容。文本的使用可以对网络图像进行进一步的解释，也可以帮助访问者加深对页面的印象。背景对于网页设计非常重要。网页设计者可以使用较小的插图或线形图来修改页面的背景以适应页面设计的总体风格。例如，许多企业网站在其主页上有企业标识，特别是在页面上最突出的位置。这样做的目的是在企业中给公众留下深刻的印象，为企业发挥宣传作用，为企业创造巨大的宣传效益。

4.3 使图像成为网站的标志

不难发现，当我们浏览网页时，我们总是看到每个页面都会使用一些吸引人的图像，从而吸引网页浏览者眼球，进而产生浏览网页的欲望。然而，插入页面中的图像不仅增加了所查看的页面数量，还需要浏览者通过所看到的图像理解页面的内容，增加了他们的思维量。因此，如果通过图片这种方式来填充网站，就需要仔细考虑图片展示的具体内容是否能取代文本。雖然传统的宣传方式是以图像而不是文字的形式来表达内容，但它仍然会对人们产生强烈的视觉冲击，从而更加直观地显示内容。

4.4 多样化图像形式的运用

4.4.1 摄影图片

摄影画面在图片中具有重要作用，因为它具有更直观、生动、逼真的特点，能迅速引导观众进入特殊的画面情境。从观众的角度来看，这是最可接受的形象形式。利用计算机处理技术，将摄影图像与特定词语有机地结合起来，为观赏者展现不同的画面，从而充分满足观赏者的审美需求。然而，在摄影图片的应用中，不可避免的问题是单张图片可能会使网页变得粗糙、单调，而且让人们反感，从而影响网页概念的整体体现。基于此，在网页设计中，设计者应采取多种图像形式，既要保证网页内容的丰富性，又要保证网页中心思想的突出。

4.4.2 插图

插图是网页设计中另一种常见的平面设计形式。在Web设计中，为了扩展文本信息，它被广泛用于表示文本。插图可以是生动的写实或抽象的艺术图画，并根据网页的实际需要来进行选择。另外，图形符号在网页设计中的灵活运用也可以起到装饰性的重要作用，不仅可以提高网页设计的艺术性，还可以进一步丰富画面感[5-7]。

5 计算机图像处理技术的发展趋势

目前，计算机图像处理技术的不断发展，归根结底，是因为计算机硬件软件的设计水平越来越高，相应计算机操作人员的素质升高使得计算机处理技术也更加成熟。随着社会的快速发展，计算机对计算机图像处理技术的要求不断提高。这对促进计算机图像处理技术的发展具有重要意义。当今时代，政治经济等各行各业的发展都离不开计算机行业的辅助，因此，需要更多高素质的计算机专业人员，加大对新技术的探索和创新，使得计算机图像处理技术的应用范围进一步扩大。随着许多计算机图像处理软件的应用，计算机图像处理技术的优越性和可靠性日益突出，综合信息处理与操作不再是遥不可及的梦想，相反，它能变得更加多层次，渠道也更加丰富。随着图像处理技术的不断发展，图像处理中的清晰度、真实度等图像因素也越来越成熟。同时，图像分辨率、传输速率和多维成像的性能也将得到改善。

6 结语

本文试图分析网页设计中计算机图像处理技术的应用，希望能够为让用户享受到更流畅的网页浏览过程而指明道路，帮助网页浏览更加高效，这也是目前网页设计中的一个主要问题。计算机图像技术是通过结合网页设计技术来设计网页图像格式的，对于图像质量有很大提升，使得图像更加清晰、可辨。计算机图像技术在一定程度上改善了传统网页设计的缺陷，实现了网页设计的现代化。

[参考文献]

[1]双哲，孙蕾.基于改进的隐马尔可夫模型在网页信息抽取中的研究与应用[J].计算机应用与软件，2017（2）：42-47.

[2]李丹，刘莉，刘玉璟.计算机虚拟技术在陶瓷包装设计中的应用[J].中国包装工业，2013（6）：66.

[3]邓石兰.3DSMAX建模技术在陶瓷茶具造型中的应用分析[J].陶瓷科学与艺术.2013（1）：14-17.

[4]洪世勇.新时期网页设计中计算机图像处理技术的应用[J].信息与电脑（理论版），2018（11）：171-172，175.

[5]刘春梅，郭岩，俞晓明，等.针对开源论坛网页的信息抽取研究[J].计算机科学与探索，2017（1）：114-123.

[6]李志立.计算机图像处理技术在网页设计中的最佳化应用解析[J].电脑知识与技术，2018（17）：33-36.

[7]张红军.计算机图像处理技术在网页设计中的运用[J].电子技术与软件工程，2017（15）：69.

作者：张潇文

计算机应用网页设计论文 篇3：

“网页设计与制作”课程学习情境设计和教学创新策略

摘要：高职院校是我国重要的人才培养基地，“网页设计与制作”课程教学设计一定要立足工作过程实际，注重情境设计，不断创新教学策略，让学生掌握基本技能，培养高素质职业技能人才。文章研究了“网页设计与制作”课程学习情境设计和教学创新策略。

关键词：网页设计与制作；工作过程；情境设计；创新策略

职业院校不同于普通本科院校，职业性是其最为重要的特色，职业能力和素养是其教育核心。计算机教学主要培养学生的计算机应用、开发设计能力，“网页设计与制作”课程让学生能够更好从事网页设计与制作、网站编辑、网站管理等岗位，不仅要掌握相应的理论知识，充分熟悉相关的工作过程，更要能够结合具体工作过程来掌握网页设计与制作的基本方法，真正应用到工作中，让学生在工作中真正拿得起，放得下，施展开，具有实实在在的能力。为此，网页设计与制作课程教学设计一定要立足工作过程实际，注重情境设计，不断创新教学策略，真正培养高素质职业技能人才。

1 结合工作过程和岗位需求实际，明确课程和专业培养目标

1.1围绕学生专业实际确定课程教學核心内容

网页设计与制作是基于现代互联网应用和信息技术开发的专业应用技术，是现代互联网应用最为前端性的技术，网页是面向网络用户最为近距离的窗口，网页设计需要结合企业工作实际，能够将企业最为突出的形象、产品或者服务呈现给网民，达到公司宣传或者服务的目的。而对于网民来说，能够获得更为直观的浏览效果，真正捕获他们的眼球，让他们愿意为之投放更多的时间，或者能够更为直观地了解网页的内容，不仅能够全面了解信息，还能获得相应的体验，以此来不断强化他们的视觉效果，让他们对网页有更强的忠诚度。网页设计制作要求具有开发和制作网站的操作技能，能够根据中小型网站实际做好网站整体规划，设计制作更有新意的网络页面，并做好美化工作。网站编辑主要根据中小网站建设实际，应用最为基础的网页知识和操作经验，完成网站内容的编辑、维护和及时更新等工作，这是网页设计与课程专业的主要内容，也是未来工作岗位上工作的主要内容和需要具备的基本能力。网站管理则是更高层次的综合技能，不仅要具有相应的网页设计制作能力，还要具有更为全面的综合管理能力，完成网站后台维护以及各种改版工作。这是建筑在网页设计与制作专业技能之上的综合能力，是关系整个网站设计制作的综合管理。这是很多专业学生未来面临的工作实际，也是课程教学设计与实践必须充分考虑的问题。基于工作过程的“网页设计与制作”课程进行教学设计和创新必须充分考虑工作岗位实际，以工作岗位实际需要明确课程教学目标和专业培养目标，做到课程设计有的放矢，专业目标定位明确，真正将教学设计和教材策略选用更好地服务学生岗位技能培养和未来发展，真正培养高素质职业技能人才[1]。

1.2结合工作岗位需要培养他们职业素养与学习能力

基于工作过程的计算机教学，就是围绕他们的专业发展和应用实际，让学生能够得到更加有效的教育和指导，实现学校教育与社会应用实际的协调统一，做到学校专业学习与行业工作实际接轨，真正培养学生的职业素养和学习能力。确保学生能够在学习中锻炼职业能力，在工作不断学习进步，服务学生全面进步和终身发展。在学生接触网页设计与制作的初级阶段，可以让学生设计相对简单且较为有趣的项目，能够充分调动他们学习的积极性，让学生对网页设计产生持久的学习热情。学生对网页设计有了兴趣和热情，也就愿意为之付出更多的时间和精力，能够在以后的工作实践中更加积极，更有热情。工作不仅要要求技能，更要有热情和兴趣。学生有了兴趣，就会愿意在这方面进行更多的探索，在网页设计与制作、网站编辑方面积极探索，不断创新发展，更具创新能力，而不是按部就班地工作，这是未来职业人才的素养。针对他们的基础和发展等级，引导学生从最为基本的模仿设计开始，逐步创新，做好相应的启发和激励，促进学生更好地进步。比如，在进行网页建模和布局设计时，鼓励学生灵活应用表格层，让学生多思考，尝试不同的方法设计。学生能够打好基础，又能学会变通，做到举一反三。并在学习实践中鼓励学生相互合作，形成不同的团队小组，既能够增强他们的学习兴趣，降低学习难度，还能为以后的协同工作打好基础。他们根据网页设计与制作需要，相互探讨，相互借鉴，做好分工合作，不仅能够快速完成学习任务，还能感知工作过程，培养他们的职业素养与能力[2]。

2 立足工作任务实际，精心设计教学体验情境

高职院校必须立足行业发展和专业对口岗位需要，培养学生的专业技能和综合能力，让学生能够真正获得更多的发展空间。设计应用教学情境，让学生掌握知识技能的同时，强化他们的工作体验，丰富他们的工作经验，实现学校教学与岗位工作实际的对接。坚持由易到难、由浅入深的认知和实践提升规律，融入更多生动有趣的教学情境，让学生更容易接受和操作，以此来不断强化他们的应用实践能力。鉴于此，可以对现有的学生学习内容设置为5个单元学习训练模块，也是培养学生能力的5个层次步骤。（1）让学生能够对网页设计应用工具熟悉到位，并能初步掌握这些工具的使用方式，设计出一些最为简单的网页，初步感知网页设计的基本思想理念。（2）为学生设置相应的网页规划设计学习任务，通过具体实例感知和模仿，学习网页色彩的基本搭配，了解网页的基本布局，制作最为基本的网页；掌握网页字体的基本应用，并能够学会常见的文字设计技巧，应用CSS样式层进行设计。（3）在掌握基本网页布局和设计的基础上，引导学生学会一些基本的美化功能，在网页能够添加一些音效或者视频等效果，让网页有声有色。在此基础上，出于读者阅读的需要，制作常用的导航栏等。（4）让学生学习网页更新的常见方法，维护网页的基本技术，学会借助模板和库项目等制作的常见应用技术应用到网页更新和美化上去。（5）让学生能够掌握网页测试的基本方法，以具体实例反复让学生真正熟练上传网页。在教学实践中，坚持议Dreamweaver软件作为学习教学的主要线索，让学生在具体实践中体会，并在操作中不断创新，真正制作一些富有个性化的中小型网站。比如，以小型物流公司网站规划项目进行教学情境设计。为学生提供基本的内容模块，公司概况介绍、公司业务构成、企业发展动态、常规产品和特色产品介绍、管理层架构、人才招聘、公司业务联系方式等。并给学生提出相应的页面及网站建设要求：首先，网站必须凸显公司主题，并要做到简约大气，能够给客户更多的视觉效果。重点突出公司的业务特色，并且一定要将首页做好，便于展现公司形象和社会宣传。其次，便于公司信息更新和内容拓展，易于随时添加页面内容，具有较强的拓展性。再次，网页的字体不能干篇一律，一定要凸显美观，且不同的页面能够体现不同的风格特点，字体大小、形式、颜色等做到美学搭配，还要具有必要的音效和视频效果，能够支持当下最为常见的浏览器浏览。这样的要求提出以后，让学生能够结合所学内容，设计出更具实践应用效果的网站，这样的情境设计才是真正基于工作任务的设计，能够让学生真正获得较为直观的体验，并能培养他们的学习应用能力。

3 为师生提供更多的实践条件和实习机会

模拟和实战还是有一定的距离的，在做好常规模拟情境的同时，为教师和学生提供更多的实践机会，让更多学生能够真正深入企业，走上工作岗位，获得最为直接的体验，真正熟悉工作应用环境。这是最为好的应用情境，也是真正基于工作的教学创新。高职院校一般都在区域经济相对发达的地方，周边有较多的现代企业，并且很多高职院校与不同企业建立了各种层次的合作关系，有的是合作办学，有的是提供实践岗位，有的是复杂技术研发。这些企业都有自己的公司网站，网站都在不断更新内容，且网站建设都具有较强的时代性，能够真正体现公司的核心业务，也能够很好地展现公司形象。当然，也有不少公司一直都努力在公司网站建设方面进行更多的改组或者创新，需要更为专业的计算机人员提供更好地创想设计或者技术指导。这就为“网页设计与制作”课程教学提供了更好的应用范例，也提供了更好的學习和展示平台，更有利于创设基于工作过程的课程学习情境，还能不断创新教学模式和方法，真正培养学生的实践应用技能和综合素养。

4 以任务驱动或者项目教学法构建教学做一体化模式

任务驱动和项目教学法是高职计算机常用的教学方法，这两种方法能够将知识感知、技能训练与工作过程相统一，将教、学和做统一起来，实现由教到学再到具体实践应用。由抽象讲解、到模拟演练再到的具体的任务完成或者项目实践，让学生真正掌握知识，又能熟悉工作过程，培养专业技能，又能强化职业素养。学生要完成相应的任务或者项目，就必须认真听从教师的讲解，并能够浏览更多的网页，学习借鉴更多优秀网站的规划设计，并能大胆尝试和创新实践，将实践与感知、模仿与创新有机结合，强化他们的知识运用能力和创新实践能力。

5结语

总之，高职院校是我国最为重要的人才培养基地，我国的高端职业技能人才主要来自职业院校，也是人力资源素质提升的重要保障。高职院校的学生将来更多是从事一线工作岗位，从事技能应用或者综合服务工作，过硬的专业知识专业素养和职业技能。“网页设计与制作”做好基于工作过程的学习情境设计，不断创新教学策略，培养高职技能人才。

[参考文献]

[1]陈素晴.基于工作过程系统化的学习情境设计研究[J]信息与电脑（理论版），2014 （5）：146-147

[2]于晓霞，沈志刚基于工作过程的《网页设计与制作》课程学习情境的设计[J]福建电脑，2011 （6）：205-206

作者：廖丽