网页设计与制作课程教学探究

一、引言

近年来，随着计算机技术的发展，毋庸置疑互联网已然成为人们获取信息的重要来源，网页也成为信息传播的重要途径之一。因此在现在的高等教育中，《网页设计与制作》已经不再仅仅是计算机相关专业的专属课程，同时也是很多专业的必修课，比如说数字媒体技术专业、网络与新媒体专业、电子商务专业等。那么对于传媒类的学生来说，网络信息的搜集、处理及发布是基本技能，而网页设计与制作是信息发布的基础［1］。

网页与网站密不可分，网站属于互联网上用于展示特定内容的相关的网页的集合，而网页是网站当中的一页，那么一个网站当中的网页是通过超链接的方式被组织在一起的。

网页作为网站中用于承载信息的页面，它的设计与制作对于网站来说至关重要［2］。比如说网站的首页，它承载了一个网站中最重要的内容展示。首页作为网站的门面，是给予用户第一印象的核心页面，也是品牌形象呈现的窗口。网页设计与制作，顾名思义，我们可以分为两个步骤：先设计，再制作。那么前期需要对市场情况进行调研、对用户的需求进行分析等等。在综合分析的基础上，首先对网页进行设计，制作出网页的效果图，甚至可以演示交互的网站原型，然后根据用户的反馈，对效果图或者网站原型进行调整。然后以效果图或者网站原型为基准，制作出美观实用的网页。

《网页设计与制作》这门课程涉及网页制作过程中的3项关键的技术，包括HTML、CSS、JavaScript，所以它与计算机密切相关，涉及计算机编程，另外专业名词、语法较多，比较复杂，特别是对于非计算机专业的学生来说，可能平时接触这个方面会比较少一些，所以学习理解起来也会一定的困难［3］。由于课程的目的就是要制作出来实实在在的网页，所以这门课程具有很强的实践性，编程在所难免。很多学生一听到编程就很容易产生胆怯的心理，因此通过课程教学去引导尤为重要。

二、网页设计

随着web技术的发展，网站开发被分成很多个部分，不同的人员来负责某一个部分。比如说网站架构师，首先按照用户的需求将网站的整个架构设计出来，比如说网站要包括登录页面、首页，网站根据功能可以划分成很多版块，不同版块负责不同的功能，当然每个版块下面可能又包含一些网页。这个就是网站架构师的所负责的工作。那么有了网站的整体结构之后，由网页美工人员将每个页面设计出来一个效果图，那么这个效果图就类似于我们要装修，装修公司会给我们出一个装修的效果图是一样的道理。这个效果图要得到用户的确认。那么施工人员才能按照效果图的效果来进行施工。那么对于网页来说，当美工人员出了效果图之后，网页制作人员将效果图转换成代码，也就是通过编写代码的方式形成一个个的网页文件，而这些网页文件就是可以被浏览器解析和识别的网页文件，这样用户可以通过浏览器浏览到整个网页了。

从整个网站开发的流程来看，我们可以知道网页设计对于网站开发至关重要。比如说通过设计效果图，我们能够更快更好的展示网页最终的效果，以及分析网页结构布局是否合理，那么用户通过效果图也能够直观地看到与理想效果的偏差，从而反馈给开发者。通过效果图的最终确认就可以更好地把控网页最终要实现的目标。这样就可以大大减小网页制作的工作量。

有时候为了看到整个网站的雏形，我们还可以通过一些软件设计出整个网站系统的原型，通过产品原型，我们不仅能够直观地观察各个网页的效果，而且能够发现网页之间的超链接跳转及联系，实现交互式的效果。

（一）效果图设计

在网页制作之前，我们首先要分析网页要展示的内容以及实现的功能，明确网页的目标和需求，完成网页的构思，最好制作出网页效果图。制作效果图最常用的软件就是photoshop。

明确了目标之后，我们首先围绕目标收集素材，比如说文字、图像、动画、音视频等等。然后进行网页规划，比如说网页的结构、颜色搭配、页面排版布局等，从而对网站的整体风格做出定位，规划网页结构。最后我们就可以着手效果图的设计了，比如我们可以选择photoshop软件，基于实现目标与网页规划绘制出来一个网页的效果图。

对于效果图的设计，要求设计人员掌握一些色彩的基本知识以及网页色彩搭配的原理。比如网页色彩搭配中，要善用单色、对比色、邻近色和同类色；网页要有与众不同的色彩，不同类型的网站配以不同的色彩，从而表达不同的情感诉求；色彩要和网站的内容、文化氛围相符合，以便更好地突出网站的特色；网站配色的时候，尽量将颜色控制在三种以内，以免产生网页凌乱的感觉。另外网页的设计也要适应大众审美、紧跟现代设计潮流，比如当前比较流行的扁平化设计、全屏网页设计等。

文章来源：《中国医疗器械信息》 网址: http://www.zgylqxxx.cn/qikandaodu/2021/0610/1434.html