网页设计论文总结范文（14篇）

通过总结范文，可以更好地审视我们的成绩和表现，及时调整和改进。回顾过去的经历，我感到自己在时间管理和团队合作方面还有待加强。

网页设计总结

网页设计论文总结

在网页设计中，其中文字的编排作为必不可少的基本构成元素，对这些文字的要求是易读性和可读性。其中易读性顾名思义就是文字的清晰表达，可读性则是指的是网页整体上的可视性，在文字的设计、词语的间距、行距等方面的处理。易读性和可读性在网页设计中对于文字的编排的作用是非常重要的。另外，和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：一是，因为在不同的电脑、操作系统中安装的文字的字体都是相同的，所以应该在文字编排的过程中选择一些经常使用，用户经常见到的字体，不然的话他们的系统就可能默认一种字体，就会导致网页看起来不能达到设计者的期望。二是，鉴于屏幕的显示会对字体造成一定的影响，在生活中人们大多都是采用的黑体和宋体，站在视角的角度上说，宋体的阅读方式最便捷，更富有现代气息，但是对于字体的形状应该注意。三是，因为不同的字体以及不同的字体属性可以帮助人们识别标题和信息。但是应该注意的是一个页面中字体风格是有限制的，如果使用太多面，就失去了强调的作用。

2、图片的编排。

在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。经调查显示：对于一条信息来讲，图片对观众造成的吸引往往要高于文字产生的影响。在网页中使用图片时，应该注意以下规则：一是网页的统一性；二是图片要吸引用户；三是要注意突出图片的重点，特别是在处理和相关文字编排的时候。

多媒体的使用能让人机交互技术趋向接近人的自然方向发展，能够让网页用自然的方式跟人交往。多媒体的产生实现了信息的多样化，让人与网页在交互的过程中，具有更宽阔和自由的发展空间。对于多媒体技术的信息多维化不仅指信息的输入，还包括信息的输出。从目前的形式来看，多维化包括人的视觉和听觉这两个方面，因为多媒体的使用，让页面设计表达的信息更具有人性化。为了增强网页的视觉效果，在网页设计中通过丰富的表现形式，能够让观众产生视觉效果，从而产生了继续观看的念头。在网页设计中，网页包含的内容是各个方面的。几乎容纳了所有的媒体的优点，现在已经成为了一种炙手可热的传播手段。

2、网页设计和多媒体相结合主要是增强了网页的交互性。

一个优秀或者是成功的网站都应该和用户之间形成良好的互动关系，互动关系主要包括在整个页面的设计过程中以及使用界面上的指导体现出来，并且都应该坚持互动的原则，让用户在使用的过程中的每一个不走都能够得到相应的会用。在现在，交互性不仅是一种利用网络传播发挥信息的最大优势，而且是传达信息的人和用户进行交流的一种方式，在网页设计中，有效的互动性能够提高用户使用接受信息的主动性以及参与信息反馈的积极性，与此同时，还有助于传达信息的人了解信息传达取得的实际效果以及和预期之间存在的偏差，以便在下一步的网页设计中进行适当的改正，实现消息的升格传达。随着我国的动态设计技术，例如asp以及php等的不断发展和普及，交互式设计的重要性也逐渐显现出来，采用交互式设计的目的不是为了控制用户采用怎样的行动，而是给他们的各种行动创造实现的基础。在多媒体以及网页技术中，设计人员采用的绝大部分的交互方式都是人们熟悉的模拟系统，例如，人们熟悉的拨号盘、按钮、开关以及滚动条等。所以设计师在创建人机交互方式时，浏览者所接触到的交互式界面，通常都采用这些方式，例如聊天室的界面，完全可以设计成房屋的场景，以给用户营造一种亲切的感觉。适当的对网页中的各种设计元素，例如flash、js等动态效果，就会增强网页的视觉审美，更具艺术欣赏性和互动性，对浏览者具有充分调动的作用，产生的效果也比传统的媒体要好。

三、总结。

在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。

网页设计论文

网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。

1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。

2．常见布局与排版。

2．1t字型t型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“t”，因此被成为t字型布局。t字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3pop布局pop布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。pop布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。pop布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。

3结语。

计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。

参考文献:。

网页设计总结

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的flash不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

网页设计论文总结

平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。

二、网页设计视觉表达方法——合理布局网页的界面。

电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央，然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。

三、网页设计视觉表达方法——个性化网页界面的设计。

独特的创意、个性化的品质是所有设计都追求的完美表达。个性独特的网页能刺激观者点击的兴趣冲动，让观者在“驻足”的过程中一直兴趣盎然。在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。

四、网页设计视觉表达方法——构成艺术的体现。

构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色彩构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象；怎样处理形象与形象之间的联系；如何掌握美的形式规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色彩构成学则侧重对网页色彩的选择与指导。色彩构成属于设计领域内的色彩运用的方法，它的基本概念是：两个以上的颜色，根据设计的不同需要，按一定色彩配合的原则，重新组合，搭配构成新的色彩关系。色彩的特性、色彩的对比与调和、色彩的意蕴等等都是设计师设计色彩时的重要依据。此外色彩给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如，色彩的兴奋与沉静感：红、橙、黄等暖色系列的纯色给人以兴奋感，易表现快乐的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感，常常使人联想到和平、安静、休息和生机盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应该选择沉静一些的配色，而娱乐、体育等站点则应该倾向于兴奋一些的配色。色彩的轻与重感明亮的色彩如黄色、淡蓝等给人以轻快的感觉，而黑色、深蓝色等明度低的色彩使人感到较重。感觉轻的色彩给人以轻快感。相反，低明度的色彩有稳定的感觉。在网页、广告色彩设计时，应注意轻重搭配，如女性类的站点宜采用明度高的色调为主进行配色，以渲染女性温柔、妩媚的个性特征；为了突出男性坚实粗扩的气质，在男性类网站中，色彩的配置应选择凝重明度的色彩。网络发展至今，传统的设计学更多元化，并使工作结构产生交叉。静态的平面设计转化为动态的网页设计，这是应用新技术在新媒体中进行设计的产物真正开创了一个全新的视觉领域。

网页设计总结

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

三、实验原理。

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤。

1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。

在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

五、实验结果。

六、讨论与结论。

实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。

在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。

实验前先熟悉好操作软件是做好该实验的关键。

实验二：页面图像设置。

一、实验目的及要求：

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤。

1)在“页面属性”对话框中设置页面的背景图像。

2)在页面文档中单击“”插入鼠标经过图像。

五、实验结果。

六、讨论与结论。

实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。

当然这种实验效果很难在实验结果的截图里表现出来。

这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三：表格制作。

一、实验目的及要求：

本实例是要创建边框为1像素的表格。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

创建边框为1像素的表格。

四、实验方法与步骤。

1)在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。

2)选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。

3)在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

4)设置完毕，保存页面，按下“f12”键预览。

五、实验结果。

六、讨论与结论。

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。

表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。

“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。

实验四：创建锚点链接。

一、实验目的及要求：

本实例的目的是创建锚点链接。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

创建锚点链接。

四、实验方法与步骤。

1)在页面中插入1行4列的表格，并在各单元格中输入导航文字。

2)分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。

3)在文档中输入文字并设置锚记名称“01”，按下“enter”键换行，输入一篇文章。

4)在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“enter”键换行，输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。

6)保存页面，按下“f12”键预览。

五、实验结果。

六、讨论与结论。

添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。

本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。

熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。

实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。

因此在实验前要先做好预习，否则实验过程会比较吃力。

实验五：设置css样式。

一、实验目的及要求：

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤。

1)在网页中创建一个表格。

2)在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。

3)在弹出的对话框中进行设置，完成后单击“确定”按钮。

五、实验结果。

六、讨论与结论。

对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。

对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。

这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

实验六：创建表单。

一、实验目的及要求：

本实例的目的是创建一个募捐表单。

网页设计论文

前言。

科学技术的不断进步，促进了计算机技术以及互联网的迅速发展，在各个国家基本实现了全覆盖。随着信息时代的到来，人们对于信息的利用更加频繁，对网页的关注度逐渐升温，好的计算机网页设计会给企业以及浏览者带来更大的价值，要想成功吸引更多的人们注意网页，就需要将图形设计完美的融入其中，以达到想要的效果。

网页设计，是为传递信息而进行页面设计的工作，其主要是依据企业的需求，利用计算机为媒介，将信息展示在浏览者面前。作为一种宣传媒介，网页设计的精美程度决定了浏览者对其的关注度，更绝对了其利用价值的大小。网页设计包含以下种类：功能型网页设计、形象型网页设计和信息型网页设计，其主要利用颜色、字体、图片、样式进行美化设计，根据用户要求策划和设计出满意的网页，高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含ps、fl、al、dw等[1]。图形设计，是网页设计技术中的重要组成部分，影响着网页设计的效果，对提升网页的设计感和感染力具有重要作用。图形设计重在图形，它是传达信息的图像符号，通过不同的表现形式，将作品中要表达的意境表现出来[2]，其重在创意上。图形设计拥有众多优势，有直观性、审美性、指示性、象征性等，这些都能够提升计算机网页的设计效果。

图形设计的创新性，可以在计算机网页设计的策划中与众不同，更能够提升计算机网页设计的艺术效果，将网页的别具一格的设计展现在用户面前，让更多的浏览者关注网页，激发用户群体的浏览兴趣，起到更好的传递信息的效果。在计算机网页设计中，利用图形设计中的完整的表达力，为用户打造信息传递的视觉盛宴，保证计算机网页设计的质量。据相关调查显示，最受关注的网页，往往是利用图形设计相结合的。

2.2增添计算机网页设计色彩，向多元化发展。

图形设计的形式多种多样，更可以说是资源丰富多彩，其利用音频、图像以及艺术文字的形式进行计算机网页的设计，大大的增添了艺术色彩和愉悦的氛围，并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者，在表达上基本上就是文字配以简单的图片，在信息的检索上更是以文字为主[3]，将现代的图形设计加入到计算机网页设计后，用户可以通过音频以及图片进行搜索，这种表现形式的变化图形设计所起的作用功不可没。

2.3加强了视觉冲击力与感染力，更加人性化。

计算机网页设计主要是通过文字和图像相结合向使用者展示信息，图像设计是将文字与图像再加工，利用其独特的处理技术，将文字与图像的表现形式更具有视觉冲击力与感染力，能够较深浏览者的印象，提升浏览效率。图形设计能够将文字与图像互相转换，满足浏览者的需求，并给人以简洁美观的效果，更能够体现设计者的理念，使计算机网页设计更加人性化。

3.1图片格式设置要符合。

在图形设计中，设计工作者一定要注意计算机网页设计中对图片格式的要求，只有符合的才能够实现其利用价值，才能够达到设计方案中的实际效果。我们在浏览网页中，经常会出现图片、音频打不开的现象，使得我们需要的信息没有很好的读取。因此，在计算机网页设计中，一定要合理的处理图像以及连接图片，使其格式满足网页设计的要求，为用户展现良好的视觉效果。

3.2图像大小要控制在要求范围内。

在计算机网页设计中，对图像大小的要求非常严格，如果在利用图形设计中不控制好图像的大小，就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制，只有控制好图像的质量与范围，才能够提升网页设计质量。例如，我们在浏览网页时会经常看见一些失真、或者比例失调的图片，不仅影响了我们浏览效果，还严重影响了我们继续浏览下去的兴趣。

3.3图片颜色配置要科学。

不同的色彩表现形式有所不同，同一的色彩会显得单调，多种色彩搭配会显得凌乱，在计算机网页设计中使用图形设计时，无论哪种颜色都要优化配置好，并要有一定的科学性。在图形设计中，可以通过ps实际软件对图片进行颜色调整，使其适合计算机网页设计整体色调，为浏览者展示良好的画面感。

4结束语。

计算机网页设计本身就具有一定的难度，图形设计的加入使之更加的繁琐，设计人员在运用过程中一定要加以注意，更具网页设计的实际要求进行图形的选择与处理，才能够增强图形设计在计算机网页设计中的视觉效果，实现其使用价值。

参考文献。

[1]王正红.探讨网页设计中图形的应用[j].现代装饰（理论），20xx，11：86.

[2]温雪，毕军涛，孙授卿.试析计算机图形图像设计以及视觉传达设计[j].通讯世界，20xx，17：221.

[3]王燕军.网页设计中计算机图像处理技术的应用[j].电子技术与软件工程，20xx，13：104.

网页设计论文

与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。

2选择适合高职院校学生特点的教材。

我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。

3遵循高职教学规律，加强和改进教学工作。

高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。

首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。

用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的'积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”logo、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。

3．3教学过程中因时因人改进教学手段和方法。

高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。

4明确教学目标，把握教学内容。

4．1选择合适的网页制作工具。

目前最好的网页制作与设计软件工具是dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。

4．2要求学生能够利用dreamweaver设计各种网页，开发初具规模的网站。

我系课程方案中要求采用以dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解html语言、简单认识css网页设计的基础知识。这里需要特别说明的一点是，首先，对html的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，html可以说是网页的灵魂，它不像c语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握css的基本使用方法，css是英文单词cascadingstylesheets缩写，翻译为“层叠样式表”。通俗讲css是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，css可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个html元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。

5考核方式。

根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。

6社会实践。

如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。

7总结。

真正落实实训在网页设计课程教学过程中的基础地位和作用，调动学生做实训作业的主动性，切实培养学生的实际操作能力和思维创新能力才是我们教师共同努力的目标。通过以往的教学结果观察得出，学生在课堂上的态度也有了很大的进步，在最后的实训测试中又相当于重新复习巩固了一次，对网页设计的记忆深刻了许多，教学效果显著。随着我们对现行的综合评价考核机制的不断改进和完善，相信对学生的进步会起到不可估量的促进作用。在教学过程中，教师要对课堂理论教学、实例教学和课程实训等方面进行不断地整理、反思和改进，因为未来的社会中，网页在生活中所起的作用也在不断地变化着，对这门课程的教学的要求也越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。

网页设计论文

［摘要］校企共教是现代社会发展中形成的新型教学方式，中职院校在引导学生设计和制作网页时，强化校企共教能够有效增强学生的职业意识，提升学生的职业素养，综合探究中职院校在课程教学中实施校企共教的具体策略，希望能够使现代中职院校得到更大的发展。

［关键词］校企共教；中职；网页设计与制作；课程教学。

在现代科技发展过程中，网站制作得到了很大的发展，对其相关人才也提出了更高的要求，中职院校在具体实施教育工作时，需要科学改进传统教学模式，强化校企共教，确保人才建设能够高度满足现代企业建设需求，为了进一步明确中职院校如何更为有效地落实校企共教，特此实施本次教育研究，希望对大家有所启发。

一、开发校本教材。

运用校企共教开展教学工作，培养学生专业技能和专业知识是其教育工作的主要目的，所以教师需要科学地改革教学内容。以往教学要用的教材，运用相对落后的知识体系、应用年限、出版和编写会对教材造成很大影响，使其无法实现与时俱进，为了确保学生专业知识学习能够迎合企业发展方向，职业学校需要进行校本教材的合理开发，由专业骨干教师和企业专家共同参与编写。在教材中融入最新的应用软件、创意方向和设计理念。企业技术骨干的合理融入，可以使网站设计和内容具有更为充分的创新性和实用性，学生通过学习校本教材，能够充分掌握设计和制作网页的最新知识，对学生未来就业创造良好条件，顺应职业教育的培养特点，提升我们的教学质量。例如，为电子商务专业开发网页设计与制作校本教材时，请当地电商产业园的网店美工技术人员，针对当地特色物产，结合本地历史文化，编写商品网页文案撰写相关教学内容，以及设计相应物产推广和营销的网页案例范本，将职业场景、软件知识、行业知识有机融合，让学生通过开发的校本教材掌握知识点、技能点，实现校内实训与企业实习就业的无缝衔接。

二、制订教学目标。

在现代中职院校发展中，校企合作已经得到了很大的发展，教师在具体落实课程教学时，如何引进企业资源是其教育工作难点问题。此时，学校需要和企业进行有效的合作，共同设置教学内容和教学目标，确保学生能够更高效地学习网页设计，实现教学质量的有效提升，进而保证课堂教学目标和教学内容可以高度满足企业需求。在具体学习设计和制作dreamweaver网页之前，教师首先需要组织学生进行图像处理的学习，夯实学生的专业基础，确保学生能够有效处理多媒体素材和网页设计图片，此时，学生能够结合个人想象开发作品。教师在具体实施网页设计教学时，不仅需要确保学生能够熟练应用相关网站的基本操作，而且需要确保学生能够设计制作相关网站，实现学生综合能力的有效提升。在具体开展科创教学时，自主开发一个网站是其教育工作的最终目标，因此，教师在具体开设网页设计课程之前，需要考虑知识的连贯性，确保学生能够掌握商品拍摄与图片处理，以及熟练应用photoshop、flash、firework等软件，为网站整体布局和图像处理创造良好的条件，确保学生能够独立建设静态网站，进而保障学生后期能够更高效地参与企业工作。例如，电子商务专业学生使用校企共编教材设计商品推广与营销网页之前，首先需要拍摄收集商品素材，并利用photoshop软件对商品素材进行处理、美化，然后根据处理后的商品素材，撰写相关文案，再对图片和文案进行排版和美化，最后运用dreamweaver，结合flash、firework等软件完成商品推广与营销网页的制作。

三、理论结合实践。

四、改进教育模式。

在以往实施网页设计课程时，通常由教师在课堂上向学生演示相关案例，然后要求学生模仿该案例，最后由学生设计和制作相关网页，教师普遍采取照本宣科和“填鸭式”教学实时课堂内容教学，教学活动的乏味性相对较强。针对该情况，教师需要对其教学模式进行科学改变，确保能够对学生学习兴趣进行有效激发，实现整体教学效果的有效提升[1]。例如，在进行网页设计基础的相关内容教学时，中职学生对事物具有独特的看法，尤其是面对自己感兴趣的动漫人物、电影明星和游戏时，具有相对开阔的思路，会自我设定角色。因此，教师在具体进行该部分教学时，需要科学改变课程教学，对传统教学模式进行有效突破，在向学生讲述制作网页的技术和方法时，还需要加入设计风格、网页主题、网页布局、网页设计等细节，引导学生自由选择，通过该方式，可以使学生具有充分的自主权，确保学生能够结合个人兴趣进行网页设计，完善相关作品，不仅能够使学生更高效地学习网页设计，而且可以对学生的创新能力进行科学培养，实现学生整体设计水平的全面提升。在对电子商务专业学生实施教学时，学生根据自己的喜好，为本地特产鱼圆设计了宣传海报。

五、设置工作任务。

利用工作任务实施项目教学具体是指教师根据单元所学内容创设教学情境，确保教学内容能够合理融入职业工作内容中，在项目教学中融入典型工作任务，与企业生产实际有效结合，确保教学内容中有学生必须掌握的理论知识，同时，教师还可以根据教学需求对其进行科学分解，使其形成多个小项目单元，进而保障学生能够进行更为有效的学习。例如，在进行开发与设计web网站教学时，教师可以在教学活动中贯穿电子商务购物，结合具体工作流程对该工作任务进行简单分解，同时，将理论教学融入其中，确保教学活动能够有效结合真实工作岗位，进而保证能够更高效地实施项目教学，在此过程中，我们的工作任务设置要紧密结合产业需求，将学校的教学和企业的需求进行深度融合。

六、确保因材施教。

中职类学生在参与学习时，具有不同的学习兴趣、专业能力和专业基础，所以，教师在进行人才培养时，无法使学生完全掌握行业所需内容，同时也无法批量生产。部分学生具有良好的口才，同时，还有学生对色彩极其敏感，部分学生擅长编码技术，针对该情况，教师需要确保教学工作因材施教。例如，在具体开展教学活动时，教师需要引导学生扮演不同角色，从而完成不同任务，教师可以引导学生根据个人兴趣选择角色，然后实施分组教学，对学生的兴趣进行科学培养[2]。如果学生市场嗅觉敏感、口才良好，教师则需要侧重于培养网站架构和调研，而如果学生色彩感觉好，美工功底强，教师需要将网页美工设计作为人才培养的侧重点。最后，如果学生对编码技术具有较高的兴趣，教师则需要培养学生编写后台代码，实现网站技术。因材施教的有效落实，可以确保学生具有较高的学习兴趣，使学生能够迅速掌握未来所需的专业技能，从而毕业的时候可以轻松地适应未来的就业岗位。

七、引进企业专家。

中职院校在实施教育工作时，如果想要确保班级教学有效结合企业教学，需要科学引进企业专家，科学讲解课堂内容和企业内容。在课堂教学中引入企业专家具有较高的难度。针对该情况，教师可以利用网络手段组织学生开展网络连接学习，确保课堂教学可以和企业文化有效融合，使学生对企业相关信息有充分的了解，同时，还可以引导学生对网站设计的最新技术进行深入学习，对学生职业素养、职业荣誉、职业良心和职业责任进行科学培养[3]。例如，在实施添加和设置多媒体对象的相关内容教学时，教师可以引进企业专家进行教学，企业专家在具体讲解中，可以根据自身工作经验，简单介绍企业网站对多媒体资源的需求，可在网页中插入多媒体资源的具体方法，然后进行影片和声音插入方式的科学讲解，通过开放式可以对学生学习兴趣进行有效激发，使其能够迅速掌握该知识点。与此同时，在具体进行该章节教学时，企业教师可以讲解相关视频。例如，在详细讲解添加视频时，企业专家可以利用多媒体向学生讲解自己的企业，在进行教育工作的同时，还可以对学生输出企业文化，实现教学效率的有效提升。又如，在进行网页页面布局的相关内容教学时，通过视频讲解，可以使学生进一步理解所学内容，教师在完成课程教学之后，还可以利用班级群对学生设计和制作网页学习提供必要的帮助，帮助学生解决在具体实践中出现的问题与疑惑，并对其网页设计技术进行分享。

八、强化项目教学。

在开展实训课程时，教师可以合理应用项目任务教学，针对职业岗位需求实施教育工作，对企业工作情境进行科学模拟，推广过程导向、案例解析、情景体验、任务驱动等多种教学方式，确保能够使工学结合得到充分体现。针对网站建设的具体流程和工作任务，根据实际岗位团队进行项目组的合理设置，基于职业情境创设学习情境，确保能够使学生合理融入学习情境，使其能够对自身具有经验进行合理应用，主动获取相关信息，明确实际岗位的操作流程和具体要求。在具体实施网页设计制作的相关内容教学时，教师需要针对教学内容设计具体工作项目[4]。首先，需要明确任务，教师需要针对教学内容设置学习任务，并对学生进行效果预览图的展示，使学生对其任务要求有充分的了解。借助教学平台发布思维导图、学习任务书、任务效果图等，引导学生构建知识体系，自主学习、小组探究多方面提升学生的综合能力和素养，由此构建任务驱动课堂。其次，需要科学制订工作计划，学生需要针对教师引导对项目任务进行科学分级，设定具体工作计划。例如，制作“宅家商城”网站主页，在明确任务后，学生根据网页效果图，制订工作任务计划思维导图，对任务梳理、分级。随后，教师还需要引导学生根据工作计划收集相关资料，并为其项目工作准备所需素材，然后学生需要针对工作计划设计和制作页面，并利用文字对其进行记录。最后，需要进行检查评测，学生需要将个人作品进行展示，然后由教师对其进行提问，组织学生答辩和互评，并由教师对其进行科学讲评，从而不断提升学生的创作水平。

九、结语。

中职院校在具体落实网页设计与制作的相关内容教学时，通过开发校本教材，制订教学目标，理论结合实践，改进教育模式，设置工作任务，确保因材施教，引进企业专家，强化项目教学能够确保有效落实校企共教，确保学生能够更充分地掌握相关专业知识，强化学生实践技能，保证学生在未来能够更高效地参与职业工作。

参考文献：

［3］蔡鸿璋.探索网页设计与制作课程教学的新思路［j］.课程教育研究，20xx（42）：55.

网页设计论文

图形、图像是一种非常直观的表现形式，也是在多媒体信息当中占有很大一部分的比重，在网页当中是设计者非常愿意运用的一种形式。通过如下几个步骤：获取元素、处理元素、输出元素、元素的数据压缩以及图像的储存介质能够出现二维或三维的图像。一般情况下获取元素使用工具的采集以及扫描技术进行，能够出现很多种不同类别的输出形式。处理的方法也各式各样，如使用photoshop等软件，按照有关的要求经行对于图像的处理，像剪切、柔化、对比度等方面，最后使用合适的图片输出。一般常用的图片格式为：bmp、gif、jpeg、tiff等，现在有很多的网站能够浏览并且储存gif、jpeg格式的图片。网页在进行设计时运用不同的元素的图像能够让网页更加的生动，起到吸引眼球的效果。

1.2动画处理技术。

一般的动画格式有gif、flic、swf以及jaja等，在目前网络上以及生活中使用最多的为gif以及swf格式的图片，因为flash动画为矢量的，使用这两种格式的图片能够保证其动画显示的效果达到理想的状态又能保证其体积小的特点，所以在网络上得以广泛的运用。java是一种编程语言。可以用起来编写的applet的小程序有着跨平台执行的优点，适合网上互动的游戏以及手机上的动画，其前景十分宽，适合进行更深的发展。

1.3音频处理技术。

现在，网上一般支持格式有midi、mp3、wav等，其科技在多媒体技术当中已成为比较成熟的科技，在网页设计当中应用的时间也比较长。网页当中的音频的获得方式各式各样，比如说能够购买素材库以及在网络上直接下载获取等方式来获得所需要的音频。这项技术已经拥有了一般的音频模拟的方法所拥有的优点，还在互联网上传播、在线播放等方面有着很好的声音效果。声音已经成为了信息资源重要传播途径，将音频以及视频相互结合，能够得到更好的效果。

1.4视频处理技术。

能够在vcd光盘、模拟视频收集以及摄像机的储存器当中来获取其有关的视频。视频的特点为数据量比较大。比如说，数字电视的图像当中的sif的格式，一般的没有经过压缩的图像数据流量为20xxkb左右，但是在ccir格式的视频，一般没有经过压缩的视频的数据流量能够达到140mbps.因此，能够看出视频的数据流量是比较大的，假设将没有进行压缩的视频上传，能够出现资源的吞没，甚至能够出现网络崩溃的严重情况。所以，网页设计当中对于视频处理的中心环节就为视频压缩。

2、多媒体技术在网页设计当中的使用。

2.1动画、视频设计。

在很多网站当中，能够发现有很多动画以及视频的内容，设计富有新意，假设设计合理的情况下，其内容就能更好的突出想要传播的主题，这么做的方式的优点为能够更加直观的表现其内容，还有了视觉的冲击感，让内容更加的具体饱满。flash动画已经成为了在动画当中不可或缺的一个组成成分，拥有体积小、传速快的特点在动画当中占据了很大的比重，flash动画不仅仅能够表现简单的动画，还能够在网页设计当中建立电子画册，在另一个角度来看，引领了时代的潮流。

2.2图形、图像的版面设计。

在制作网页的时候尽量使用少量的图片。因此在运用图像以及图形的时候需要经过精心的筛选，选取一个最能够突出网页内容的图像，并且使用某些软件对图像进行处理，达到预期的效果，在网页当中选择一个最好的摆放位置。把图形文字化或者将文字图形化都是特殊的方式将其内容合理的表达，所以说对于一些将进行图形处理文字，在网页的版面设计当中，这些文字也作为了一种图形来处理。将文字和图片进行结合，不仅仅形式上富有新意，并且能够显得更加的美观。

2.3多媒体元素的使用应符合网络风格的整体性。

在设计网页时，一定要应按照原有的主题，依照其主体使用听觉视觉的方式来呈现个观赏者，其多媒体元素使用是用来服务主题的，既要美观又要突出网站的功能。

2.4多媒体技术与艺术相结合。

由于多媒体技术的飞速进步，让其在创作的过程就忽略了美观性。所以，将艺术以及科技完美的融合，能够达到更好的效果。多媒体技术的不断进步推动者网站的建设不断的完善，多媒体技术在网站上的应用已经成为了以后发展的趋势，有着宽广的发展前景。

2.5减少多媒体元素格式的使用失误。

在网页当中动画内容不应有太多，应于实际情况相结合。多媒体元素的格式完全影响着打开网页的速度，假设网页打开过慢，则浏览者则失去耐心，不愿等待，所以合理设计网页是不可忽视的重要环节。

3、结语。

使用者能够使用网站无论在任何时间或者地点接收和发送信息，因此不再受环境和时间的限制。网络媒体已经变成了重要的传播途径，如果注意多媒体元素的合理应用，就能够让客户观看更加有效率。多媒体技术的应用以及体现在社会的各个地方，为人们的生活和工作提供了便利，今后多媒体的应用也会给人类带来巨大的改变。

总结的网页设计技巧网页设计总结报告

学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。

此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。

这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成png或者gif格式;如果是连续性的色调(如照片)则最好保存成jpg格式。

有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。

尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。

2.保持干净和简单(即：简洁)。

一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。

当页面上有太多的网站功能和组件时，将会分散网站用户的注意力而失去原本浏览网站的目的。

确保每个页面元素都有其目的，然后问自己以下问题：

1.是否真的需要这个设计么?2.这是什么组件是做什么用，它如何协助用户浏览?

3.如果我突然删除这个组件，大多数人会希望它“回来”吗?

4.如何把这些元素和目标、消息和网站的`宗旨互相结合?

此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。

人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。要有创意，但还要保持简单。

3.导航(条/栏)是最重要的设计。

一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。

首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。

摆放位置、风格、所用技术(javascript或css)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。

在没有css的状况下，你的导航设计应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有css的导航功能照样可用访问。

在没有客户端技术情况下(如javascript或flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。

所以，制定一个导航系统可以放置的良好位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用，一个复杂且非常规的设计可能会让用户困惑。

哪怕只有一瞬间，用户也必定不会纳闷：“网站导航在哪里?”

最后，对网站建立阶层结构，多层次的管理。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。

最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。

4.明智和有条理地使用字体。

虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持css3)。所以坚持使用网页安全字体。

如果你不喜欢网页安全字体，可以考虑利用sifr或cufon逐步增强的网页设计。

保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。

如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

5.理解色彩无障碍性。

说完字体后，我们还需要指出使用正确颜色的重要性。例如，黑色文字在白色背景，如果使用高对比度，橙色背景上的红色文字会令你的眼睛感到紧张。

此外，使用一些对特殊形式色盲的用户友好的颜色(检查工具名为vischeck，可以测试某些类型的色盲)。

有些色彩组合只适合运用在前景色的部分，而不适合做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是使用两种一样的颜色，但用在不同的部分则影响了它的可读性和阅读的舒适度。

重要的是，不仅要使用良好的色彩组合，而且要把它用在页面中的合适元素上。

6.知道如何编写代码。

随著各种所见即所得的网页编辑器充斥市场，网页设计已经成为简单的1-2-3步骤就能设计好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的html结构设计不当，难以维护和更新，导致网页膨胀。

通过自己编写的网页代码，能得到简洁的代码，能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。

但知道如何使用所见即所得的ide或预览功能并不会妨碍学习html和css。你要知道发生了什么事情，才能创造有效并高度优化的网页设计。

7.不要忘记搜索引擎优化。

在设计网站时，一个好的网页设计师应该永远牢记基本的seo概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。

此时，以前学习的如何合理编码的能力就派上用场。认识正确、语义和基于标准的html/css后，你会很快认识到div比表格布局好得多，不仅更为准确地展现内容，而且对搜索引擎排名也有帮助。另外，知道用css更换背景、文字和图片也是一个好主意。

8.理解人是没有耐性的。

普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此，作为一个网页设计师，要有个好方法，能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。

要知道，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。

所以，在网页头部很容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。

9.了解(并意识到)浏览器的兼容性。

当一个网页设计师必须要知道的一件事，就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器，那是不够的，你需要尽可能多浏览器下测试。这里有一款工具browsershots，可以测试浏览器兼容性。

10.使设计有灵活性和可维护性。

一个好的网页设计师可以确保以后可以很容易更新或修改网站。设计一个有可塑性、易于维护的网站，是一个伟大网页设计师的标志。让你的工作尽可能从结构化转向模块化。

网页设计这个行业是动态的，而且还很“年轻”。事情往往在短暂中变化。牢记这种思想，将推动建立更加灵活的网页设计。

总结的网页设计技巧网页设计总结报告

很多设计师也许一直在苦恼：要如何才能成为一个优秀的设计师呢?有没有什么设计秘籍或者设计技巧可言?个人认为，要成为一个成功的设计师，虽然没有捷径可走，但是也许却有方法可言。如果凡事不讲究方法，相信要达到目的那是相当困难的。而如果方法对路，那么你离目标就不远了。下面北极鱼就给大家分享一篇来自国外设计大师purin的关于设计技巧的文章。希望对那些像我一样迷茫的设计师有所帮助。

总结的网页设计技巧网页设计总结报告

网站设计就像是画画或者是雕刻，一笔一划都不能错。先从整体上勾勒，比较不会出错。在视觉设计整体规划中，不但要考虑首页，还得考虑到栏目页、内页等等。

当然，首页的设计是最重要的，因为很多用户的着陆页面就是首页。

不管用户愿意不愿意，他们总是先被网站的设计风格所吸引，然后才看内容。

因此，首页的设计必须要精炼而明快，主要是符合整个的网站定位和网站主题。

结构清晰，能够让用户在第一时间内就了解网站的布局，不用费力找搜索框在哪里，就已经达到了想去的页面。网站视觉的整体设计，总基调是简单明朗，不复杂，看着舒服。

合理安排网站内容元素位置。

首页布局好之后，要让内容页也搭配出这种基调来。用户从首页到内页也不过几秒钟时间，如果能够让他们有进一步的视觉冲击，那种好奇的神经就会被紧紧地牵住。

吸引人的因素，比如安排在网站内页中重要的位置，并且不予其它的因素冲突。

网站设计要留有合理的间距。

在网站设计中，有种说法叫做“留白”，也就是说，在设计的时候，不能将信息安排得太多紧密，要留有合理的间距，这样容易给用户造成视觉压迫，最终因为视觉疲劳而离开。

留白能够让图文更加错落有致，让网站看起来想一个井井有条的房间。

网站设计要合理的运用图片。

这里说的可以是视觉的设计，视觉设计根本就不可能离开图片，因为图片比文字更加直观，更加吸引人。图片布局需要考虑大小、尺寸、分辨率、清晰度等。要考虑到适度，图片过多容易影响整个网站加载速度。

通过视觉设计，用户能够在安全舒适的环境中浏览内容，并不会感到很大的压力，反而是放松，这正是网站设计要追求的境界。

网页设计制作论文范文

：本文对网页设计与制作课程的现状以及教学过程中存在的问题进行了分析，通过项目化教学法的引入，对这门课程的教学进行研究。分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

：网页设计；项目化教学法；教学改革。

近几年来，计算机技术已经发展各个领域中。社会对计算机相关专业的人才需求也是日益增多，但是现阶段中职院校计算机专业毕业生质量不高、数量不多，无法满足社会需求，所以培养更多高素质的计算机专业人才是当务之急。网页设计与制作是中职院校计算机专业以及电子商务专业的一门重要的专业课。这门专业课的教学目的是让中职学生能够学会设计并且完成一个网站的技能。这门专业课不仅重视理论，同时非常重视学生的创新能力以及实践能力，所包含的知识点很多，包括平面设计、图像处理、ash动画设计、程序设计、数据库的应用等。在传统教学模式的影响下，大部分中职院校学生的实践能力并没有达到预期的要求。同时，因为一部分教学内容跟企业用人需求并没有同步，造成很多中职院校的学生在毕业之后还要再参加培训才可以适应用人单位的需求。所以，要想对这种情况进行改善，使中职计算机专业学生实践能力得到提升，让毕业生能够满足企业需求，就必须要对目前的教学模式进行改革。

1.教学思想落后国家最新颁布的中职人才培养计划里面，开始渐渐提高了实践课程的时间占比。可是，在实际教学中，并没有真正实现，实践教学占比仍然较小，同时考核的方式仍然是传统模式，以试卷为主，学生的实践能力无法得到锻炼。2.教学内容缺乏新意在教学改革中，核心的工作就是对教学内容的改革，但是现阶段的大纲仍然大部分使用以前的内容，知识点并没有大范围的变动，不仅是理论知识的大纲，就连实践内容的大纲也相对滞后，并没有太多新知识的加入，无法满足社会需求的计算机人才技术要求，没有配套的教学案例进行指导，造成大部分的学生在毕业之后还要再次培训。3.教学方法落后在教学方法的使用上，仍然采用传统的填鸭式教学，上课的时候仍然以讲台上的教师为主，教师与学生之间并没有太多的互动，并且相应的教学设备也不是很够用，导致理论无法联系实际，严重地影响了学生的创新思维的成长。4.考核方式不合理现阶段很多中职院校的考核方式无法对学生的实践能力进行真实的反映，大部分还是以理论考试为主，考核内容缺乏实践能力的考核。5.对知识应用缺乏整体感现阶段的教学模式存在着一个很大的问题就是学生所学到的知识点大多数是零散的，在进行实际问题的考虑时无法从整体层面下手。所以，所有的课程学完之后，怎样应用知识整体去解决问题，还需要学生对知识进行重组，而缺乏实际案例的教学内容，会使学生在实践的过程中缺少方向与目标。6.缺乏实际工程项目经验网页设计与制作这门课程特别强调实践，缺乏实际案例的经验，会使学生的知识仍然停留在理论层面，这在以后的实际工作中是非常不利的。缺乏案例的训练，学生也无法在训练的过程中发现自己的问题，学习效果会严重受到影响。

1.项目化教学概述项目化教学法是一种以构建教学理论为基础，将学生作为教学中心，发展学生全面素质的一种教学方法，由美国以及加拿大两位教育学家所提出的。项目化教学法的本质就是：以学生教师共同参与教学为前提，以实际项目为主线，贯穿整个教学过程。项目化教学法的目的就是加强理论教学与实践教学的融合，提升学生的实践能力，最大可能地将学生的创新能力发挥出来，使学生解决实际问题的能力得到加强。在项目化教学法应用的过程中，涉及的实际项目要符合以下要求：第一项目必须与教学内容有着紧密的联系，可以有效结合理论与实践；第二项目要满足用人单位的实际需求，使学生掌握的能力与用人单位相匹配，在完成项目之后，学生可以通过项目过程中获得理论与实践知识去解决实际问题。通常情况下，在采用项目化教学法时，要对学生实施分组，并且由教师对整个项目的开发过程进行指导。首先以学生为主体，让学生对项目的开发以及分工进行探讨，并且对项目过程中可能遇到的问题进行详细的分析，确保项目的顺利完成。然后通过教师的指导，并结合所学的知识对项目进行开发，在项目开发的过程中，让学生按小组的形式进行学习与实践。项目完成之后，每个小组都要将自己的成果展示出来，由其他同学与教师一起点评并给出相应的意见。在学生参与项目开发的整个过程中，学生的主动性以及积极性都被充分调动出来，通过项目针对某个目标进行学习，使学习的效率得到了提升，同时有效地将理论与实践相结合，这样整个过程所收获的能力一定能在日后的工作中派上用场。因此，将项目化教学法应用到中职院校的网页设计与制作课程的教学中是非常合适的。2.项目化教学的意义（1）培养学生综合素质。项目化教学法是一种比较先进的教学方法。项目化教学法能够有效培养学生的分析问题能力、实践应用能力、团队协作能力以及交流能力，提高了学生的综合素质。（2）发挥教师的创造性。项目化教学是通过实际的案例进行教学的，不仅要求学生在解决问题时理论联系实际，还能要求教师具有很强的应变能力以及创造性。整个教学的过程中，教师必须要将项目化教学的理论体系把握好，通过项目的不同及时进行教学内容的调整，同时要不断激发学生的兴趣，引导学生完成该项目。（3）推动教学改革。所谓进行教学方法改革，不能只在教学的形式上进行改变，也要在观念以及思维方式上进行改变，包含教师角色与学生角色的改变、考核方式的改变、教学体系的改变。对教学方法进行有效的改革，既能够推动中职学校的教育发展，还能够调动出学生的创新意识等内在的需要。（4）与实际岗位技能紧密相关。在进行项目化教学法时，所涉及的项目的真实性很高，项目中所涉及的理论知识以及实践能力都是用人单位所需要的。这样能够帮助学生在项目的开发过程中，得到与未来工作岗位相匹配的能力，提高自己的就业能力。

相比于传统的教学方法，项目化教学法实施的过程中，主体是学生，学生是整个教学过程的中心。在项目化教学法教学的过程中，学生的思维要从“要我学”转变成“我要学”，从传统的以理论教学为中心转变成以项目开发为中心，从以教室为中心转变成以实践场所为中心。因此，在进行项目化教学法的'实施时，首先对学生的整体情况进行一个了解，之后通过教学思路以及项目化教学原则，制订出教学计划，主要包括下面几个环节。1.项目设计本文以网页设计与制作这门专业课为例，对项目化教学法进行探索。以项目需求以及功能为主线，将课程中所有的知识点进行贯穿融合，学生通过项目的完成来掌握项目中涉及的理论知识与实践能力。这样能够在整体上把握好这门课程的核心内容。所以，选择一个合适的项目是整个过程的关键，要充分考虑项目的可行性以及真实性。2.制订项目教学计划在项目确定之后，下一步就是要对项目制订具体的实施计划，将选定的项目分为几个模块；然后将所有模块所涉及的知识点和能力要求整理出来，安排到教学进度中，得出教学计划；之后教师与学生进行项目的实施，实现所有项目需要的能力要求，步骤如下。（1）制订计划。将项目的具体实施方案、分工安排以及时间安排表制定出来。（2）情境设置。通过需要掌握的知识点，安排项目场景，进行环境的模拟。（3）明确任务。根据场景中的内容，归纳总结出所有需要完成的知识点。（4）操作演示。根据实际问题的解决，将知识的内涵和用于解决实际问题时所起到的作用进行演示。（5）学生实践。指导学生在类似的场景中进行实践训练，使学生对知识点的理解更加深刻，掌握解决问题的能力。（6）协作学习。根据小组的工作分配来实施项目，并隔一段时间进行一次交流讨论。（7）学习评价。通过每个小组的项目完成情况，由教师以及学生一起对项目的完成情况进行评价。3.实施计划整个项目的实施过程，要由教师进行指导，再通过每组学生进行完成。进行项目的实施之前，要配备好项目涉及的所有网络以及硬件设备，这样可以有效减小意外对于项目实施的影响。在进行项目的实施过程中，碰到项目的一些难点以及重点环节时，由教师进行统一的指导来完成，确保项目的正常实施。4.检查评估对项目进行实时的控制是保证项目顺利完成和开展的关键。所以，教师在进行教学的过程中，要对每一小组的完成情况进行检查，确保项目的正常开展，并在发现学生出现问题时及时给予正确的指导。

实施项目化教学法的过程中，不能只对项目的成果进行关注，还要关注整个过程。这个对拥有创造性的实践环节，学生与教师要一起完成，整个过程要注意以下问题。1.教师应改变教学观念想要实现传统教学模式到项目化教学模式的转变是一个循序渐进的过程。在项目化教学法实施进行中，不是让教师把理论知识带入到实践环节中，而是要根据一门课程设计一个对应的项目，同时把整个项目分成几个块，采用这些模块将需要学习的知识点进行覆盖。教师不仅要对教学的理念进行调整，还要对整个课程的体系有着深刻的认识，能够把握住项目和考核目标的匹配度。2.教师应进行合理的引导在项目化教学法实施的过程中，虽然大部分的工作是由学生来完成的，但是教师的指导作用也是非常关键的。这要求教师不仅要具备足够的理论知识，还要求教师拥有丰富的实践经验，能够第一时间看见项目实施过程中出现的问题。教师的引导工作主要有两方面，一是要通过项目的实施引导学生学习理论知识，二是在学生进行实践的基础上引导学生对所学知识进行扩展。当然，教师的引导不仅要针对学生小组，还要分配到每位学生的个人身上。3.项目的设计要做好理论知识和实际需求的匹配项目化教学法的最终目标就是使学生不仅掌握理论知识还要掌握实践能力，所以项目化教学法在实施过程中的一个难点就是怎样把这两者进行有机结合。教师在进行项目的选择时一定要对项目的实用性以及针对性进行充分的考虑，在进行项目的实施计划安排时，把每个模块所对应的知识与教材的内容对应起来，将理论知识和实践操作结合起来。

笔者学校已经在计算机专业的网页设计与制作课程教学中应用了项目化教学法。为了对项目化教学法的实施效果进行验证，今年学校对一些校企合作单位进行了访问，考察去年计算机专业毕业生在网页设计岗位的工作情况。大部分企业表示，这批毕业生无论是在理论上还是在实践能力上都要更优秀一些。事实证明，项目化教学法可以使学生对知识有更深刻的理解，提升学生的学习兴趣，使学生的学习目标更加明确；可以更好地掌握网页设计的技能，加强学生的综合能力，有利于学生未来的职业能力的培养。

本文将项目化教学法引入到中职院校的网页设计与制作课程中，分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。通过实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

[1]张波。信息技术课的六种有效课堂教学模式[j].考试周刊，20xx(80).

[2]尹强国，张慧如。项目教学法在java面向对象编程中的实践与研究[j].现代企业教育，20xx(14).

[3]李博。项目教学法教学模式与传统教学模式的比较[j].教育教学研究，20xx(29).

[4]张广群，汪杭军。项目化教学在“vb程序设计”课程中的应用[j].计算机教育，20xx(4).