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

（二）原型设计

网站与网页密不可分，如果我们要设计一个网站的话，那么我们不得不考虑各个网页之间的联系以及它的运作流程。实际上绝大多数的客户本身并不懂得设计知识，也不懂得编程知识，那么如果我们想要与用户实现快速高效的沟通，就必须设计出一个网站的雏形，这就是原型。

原型可以展示出网站框架或者说是模型，让他们明白外观和运作的机制，一个可交互的原型基本上能够像最终完成的产品那样运行。你可以对它进行操作，原型会给予相应的反馈，使用者可以随之明白它的运作方式。实际上原型会让开发更加容易，当网页设计师搞定一个行得通的原型之后，开发人员能够在此基础上拿出更加完善的代码实现方案。当设计和开发流程中有了原型之后，将会节省很多时间，降低成本。

下面介绍两款用于制作原型的软件，第一款软件是AxureRP，它能让你快速创建应用软件和基于Web的流程图、原型页面、交互页面等，是一款功能十分强大且容易上手的软件。第二款软件是墨刀，它的功能比较简洁、上手简单，制作快速、浏览文件比较方便，主要定位是App原型的快速设计。

三、网页制作

（一）明确主题

一般情况下，在课程设计中，我们都是选定一个主题来制作网页，那么围绕这个主题，学生就可以发挥自己的想象来设计效果图了。对于传媒专业的学生而言，他们已经有了一些软件的基础，比如说photoshop、AI等软件在其他的课程中有过介绍，所以在这个方面它们有一定的优势，通过适当的引导可以激发他们学习的兴趣。

在选择主题的时候，老师可以适当地融入思政元素。通过选择合适的主题来激发学生的学习兴趣，比如让学生设计并制作红色景点旅游的网页，学生在掌握专业知识的同时，还能够去深入了解、挖掘历史，感受中华文化与深厚的人文底蕴，汲取优秀的传统文化内涵，促进中华文化传承发展。再比如诗词鉴赏网页的主题，学生在完成项目的过程中，必然会去查找、学习古诗词，这样不仅可以提高他们的文学素养和表达能力，弘扬中华优秀传统文化，而且可以让学生更好掌握专业知识。因此根据课程性质和教学目标适当的融入诸如团队意识、创新精神、珍惜时间、社会主义核心价值观之类的思政元素，从而让学生在以后的学习工作中能够更好地传播、传递正能量。

（二）制作技巧

有了效果图或者原型之后，我们就可以开始真正的网页制作了，这个时候我们可以采用WBS任务分解的原则，通过分析效果图将网页划分为若干个模块，根据所学专业知识先将网页的整个框架搭建出来，也就是将网页划分成若干个区域。然后我们逐个区域从上到下、从左往右来制作。对于比较复杂的区域内容我们把它作为一个新的任务进一步向下分解，直至所有的网页内容可以对应到用所学知识来实现为止。

比如说通过分析网页效果图，网页大致被分为5个模块，那么我们就可以通过HTML中

标签将整个网页划分为5个部分，接下来就从上往下针对不同的部分来分别完成编码。比如对于其中一部分包含左侧的图片和右侧的文字，这个时候我们就能对应到具体的代码上，标签来表示图片，段落

标签来表示文字，然后通过CSS我们可以控制图片和文字的位置。那么每个部分都可以通过这样的方式进行分解、编码完成。这样我们通过将一个大任务逐层细化，分解成一些简单的小任务，可以让学生完成起来更容易。

在制作的过程中，学生必须要有一定的知识储备。首先要求学生掌握一些常用的HTML标签，通过标签我们就可以将网页的内容书写出来，然后通过CSS控制网页布局以及样式的设定，最后通过JavaScript实现网页的交互。在制作的过程中，我们采用理论讲解、演示结合实践的方式，边学边做，将所学及时转化为成果。并且一定要引导学生每完成一部分的代码，都要用浏览器查看效果，这样不仅可以帮助我们及时发现问题去解决，而且可以提升学生的自信心。如果堆积很多问题，这个时候解决起来就没那么容易，学生看到自己做的网页效果较差往往让他们很有挫败感，甚至有可能失去兴趣、知难而退。

四、总结

《网页设计与制作》这门课程具有较强的实践性，能够将所学的知识转化为实实在在的成果，学生往往感觉很有成就感，能够大大激发他们学习的积极性［4］。我们通过理论讲解、案例、项目实践的方式让学生对网页设计与制作的过程及涉及的关键技术逐步深入，并在此基础上对案例进行升级、扩展，层层深入，师生互动，让每个学生都参与、都动手操作，将知识用于实践，并及时总结和引申来激发学生的探索和创新意识。从而让学生爱上学习，爱上网页设计与制作，变“要我学”为“我要学”！

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

上一篇：乡村旅游信息传播机制研究以南安市福铁山庄为
下一篇：习近平民生建设重要论述的逻辑意蕴和时代价值