网页制作与设计论文

窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：

窗体对象的方法只有一个--submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体，则使用下列格式：

document.mytest.submit()

第五章

色彩在网页中的应用

6.1.3 窗体对象的属性

窗体对象中的属性主要包括以下：elements name action target encoding method。除Elements外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而elements常常是多个窗体元素值的数组，例：

elements[0].Mytable.elements[1] 6.1.4 访问窗体对象

在JavaScript中访问窗体对象可由两种方法实现：（1）通过访问窗体

在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.Mytable()。

（2）通过数组来访问窗体

除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问：

document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗体的先决条件

在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。

6.2 窗体中的基本元素

窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。

在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下：

formName.elements[].methadName(窗体名.元素名或数组.方法)formName.elemaent[].propertyName(窗体名.元素名或数组.属性)下面分别介绍：

（1）Text单行单列输入元素

功能：对Text标识中的元素实施有效的控制。基本属性：

Name：设定提交信息时的信息名称。对应于HTML文档中的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。defaultvalue：包括Text元素的默认值 基本方法：

blur()：将当前焦点移到后台。

第五章

色彩在网页中的应用

select()：加亮文字。主要事件：

onFocus：当Text获得焦点时，产生该事件。OnBlur：从元素失去焦点时，产生该事件。Onselect：当文字被加亮显示后，产生该文件。onchange：当Text元素值改变时，产生该文件。例：

功能：实施对Textarea中的元素进行控制。基本属性

name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。Default value：元素的默认值。方法：

blur()：将输入焦点失去 select()：将文字加亮后 事件：

onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件（3）Select选择元素

功能：实施对滚动选择元素的控制。属性：

name:设定提交信息时的信息名称，对应文档select中的name。Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项

select在中每一选项都含有以下属性： Text:选项对应的文字

selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项 事件：

第五章

色彩在网页中的应用

OnBlur：当select选项失去焦点时，产生该文件。onFocas:当select获得焦点时，产生该文件。Onchange:选项状态改变后，产生该事件。（4）Button按钮

功能：实施对Button按钮的控制。属性：

Name:设定提交信息时的信息名称，对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法：

click()该方法类似于一个按下的按钮。事件：

onclick当单击button按钮时，产生该事件。例 ：

功能：实施对一个具有复选框中元素的控制。属性：

name:设定提交信息时的信息名称。

Value:用以设定出现在窗口中对应HTML文档中Value的信息。Checked:该属性指明框的状态true/false.defauitchecked:默认状态 方法：

click()该方法使得框的某一个项被选中。事件：

Onclick：当框的选被选中时，产生该事件。（6）radio无线按钮

功能：实施对一个具单选功能的无线按钮控制。属性：

Name：设定提交信息时的信息名称，对应HTML文档中的radio的name相同 Value：用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。

length：单选按钮中的按钮数目。defalechecked:默认按钮。

checked:指明选中还是没有选中。

第五章

色彩在网页中的应用

index:选中的按钮的位置。方法：

chick():选定一个按钮。事件：

onclick:单击按钮时，产生该事件。（7）hidden:隐藏

功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。属性：

name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。

Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。

defaleitvalue:默认值（8）Password口令

功能：实施对具有口令输入的元素的控制。属性：

Name:设定提交信息时的信息名称，对应HTML文档中password中的name。Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。

defaultvalu:默认值 方法：

select():加亮输入口令域。

blur():使这丢失passward输入焦点。focus():获得password输入焦点。（9）submit提交元素

功能：实施对一个具有提交功能按钮的控制。属性：

name:设定提交信息时的信息名称，对应HTML文档中submit。

Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。

方法

click()相当于按下submit按钮。事件：

onclick()当按下该按钮时，产生该事件。

6.3窗体对象实例

下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。

test8_1.htm 调用动态按钮文档

网页制作与设计论文 第2篇

［关键词］O2O教学模式;网页设计与制作;教学改革

一、O2O教学模式的概念及特点

O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。

二、采用

O2O教学模式的必要性和可行性

(一)必要性

现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。

(二)可行性

通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。

三、《网页设计与制作》课程应用

O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。

四、基于O2O教学模式在《网页设计与制作》课程改革与实践

(一)线上网络平台资源的建设

在超星慕课平台上建立网页设计与制作课程，在平台上发布多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。

(二)线上与线下课堂教学模式的改革

在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。

(三)O2O教学模式的教学环节设计

通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:

(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。

(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。

(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师发布在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。

(四)适应O2O教学模式的教师队伍建设

传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的发布、课后答疑、题目发布、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。

(五)O2O教学模式的考核机制

O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。

五、O2O教学模式的实施效果

在O2O教学模式的实践过程中，我们设置2015级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。

六、总结

实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.参考文献:

［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，2016(2)．

［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．

网页制作与设计论文 第3篇

专业设计背景

我院是在计算机类专业第四个学期开设《网页设计与制作》课程的。计算机类专业的专业定位是以计算机应用技术为主线, 计算机应用基础、程序设计和数据库技术是学生必修的专业基础。其中, 计算机应用基础是以OFFICE类入门课程为主要教学内容;在程序设计课方面, 结合考证课程, 设置了C++程序设计语言这门课;在数据库方面, 围绕ACCESS学习数据库基础。另外, 本专业还开设了《Web数据库技术》或《ASP.NET网站开发》作为它的后续课程。

在上述课程基础上, 我们决定设置一门综合性的网站开发方面的课程, 加强学生的网站开发能力。因此, 拟开设《网页设计与制作》这门课。

教学内容规划

《网页设计与制作》构建以“网站开发职业岗位工作过程”为导向的“模块式”课程结构, 模块的划分以“行为导向教学法”来展开;将网页制作员必备的知识和技能分为两大类:必修内容和选修内容, 将知识和技能分为7个大模块 (HTML语言基础、Dreamweaver静态网站构建、利用Fireworks处理与优化图片、利用CSS层叠样式表美化页面、利用Flash制作网络动画和网络广告、利用Java Script制作页面特效、ASP动态网页编程) 45个教学单元, 每一个教学单元又包含若干个具体操作任务, 在任务完成过程中进行教学内容的讲解, 同时项目主线中没有涉及的内容, 采用“问题驱动”的形式进行补充讲解。

课程教学方法

在教学环节上, 将经典赏析教学、课堂知识讲解与操作演示、课堂操作练习、实际项目操作、各类网页设计比赛、技术服务全部贯穿于教学之中, 构成一个理论与实践相结合、课堂教学与课外学习相结合、教学项目与实际项目相结合、学研结合的全新的现代教学链, 形成培养学生创新性和应用性的网页设计与制作课程教学体系。

1. 项目教学法

采用项目驱动与基础知识紧密相结合的全新教学模式, 一边分析讲解、一边操作演示、一边动手练习、讲练结合, 激发学习兴趣, 提高学生分析问题、解决问题的实际能力, 达到轻松学习、自主学习的目的。

知识讲解与实践教学围绕5个完整的网站 (“连云港”旅游网站、“教学资源”网站、个人网站、“网页设计与制作教学”网站、“连云港电大”网站) 展开, 课堂教学主要分析讲解““连云港”旅游网站”的制作全过程。知识点的讲解、设计技术的分析突出“模块式”的特点, 各个模块重点突出、要点清晰, 相互之间的关系明确。

将网页设计与制作的知识点和技术要点穿插到各个项目中进行讲解, 使学生掌握各个知识点的实际应用, “连云港旅游网站”实例项目开发又分为6个阶段完成:经典赏析阶段、环境熟悉阶段、基础制作阶段、网页编程阶段、独立操作阶段、特效加工阶段。

经典赏析阶段:主要用于欣赏一些经典的网页, 了解网页的构成元素, 提高学生的学习兴趣, 明确学习目的。

环境熟悉阶段:主要用于让学生了解制作网页的工具和软件, 掌握Dreamweaver 8.0的工作环境, 简单的操作方法。

基础制作阶段:按照知识点展开, 其主线为:站点构建———整体控制———网页布局———文字处理———图像处理———超级链接———动画处理———表单处理, 这些知识点通过一个完整案例讲解, 各个知识点相对集中讲解。

独立操作阶段:主要突出网页设计的综合技能的训练和网页设计的基本原理学习。

网页编程阶段:主要讲解HTML语言、使用CSS样式美化网页、Java Script技术。

特效设计阶段:主要讲解网页制作中特效的实现方法。

项目教学方法充分调动了学生的学习积极性和主动性, 有效提高学生的学习能力、应用能力和创新能力。经调查有90%的学生认为这种教学法有助于提高他们操作技能, 教学效果好。

2. 实践性教学采用任务驱动型教学法

实践性教学也采用任务驱动型教学法, 将实验内容划分为相对独立的20项任务, 这些任务分为三种类型:模仿操作项目、独立操作项目、工学结合项目。

模仿操作项目采用一个完整网站, 分次实验完成的方法, 以掌握基础知识点为主, 操作过程与教师教学过程同步, 也就是“依葫芦画瓢”。

独立操作项目充分发挥学生的设计能力, 只提出场景要求和主要技术要点, 素材由学生自己收集, 网页的风格、布局由学生自己决定, 培养学生的创新能力。

工学结合项目主要训练学生设计一个完整网站和处理特效的能力, 能掌握一些特效制作技术, 力争成为这一领域从业人员中的佼佼者。

实践教学内容分为四种类型:理论课同步练习、实验课对应训练、课后自行练习、实训期间集中训练。

实践环节分为四个阶段:基础型实验阶段→综合型实验阶段→提高型实验阶段→工程型实验阶段。

任务驱动型教学方法充分调动了学生的学习积极性和主动性, 有利于训练学生职业态度, 有效提高学生的知识应用能力和创新能力。经调查有100%的学生认为这种教学法有助于提高他们操作技能, 教学效果好。

教材选择、课程讲解、上机实验都以应用为目的、以必需、够用为度, 力求从实际应用的需要出发, 尽量减少枯燥、实用性不强的理论概念, 加强应用性和实际操作性强的内容。

3. 实际案例教学法

将实际案例引入教材、教学体系中, 每个重要知识点均与实际应用结合起来, 融创新思维培养、团队学习方式、实践案例教学于课程教学中。经典赏析、知识讲授、课堂练习、实践辅导、创新操作等不同教学方法灵活运用, 在充分利用现代多媒体教学、网上学习、交流沟通的基础上, 采用第一课堂与第二课堂结合, 学研相结合, 将现代科学技术充分应用于教学改革之中。

参考文献

[1]赵京丹.任务驱动教学法在Dreamweaver网页制作教学设计中的应用[J].职业教育研究, 2007.

[2]赵丰年.网页制作教程 (第三版) [M].人民邮电出版社, 2006.

网页制作与设计论文 第4篇

【关键词】网页设计与制作；现状分析；课程改革；实践

引言

随着信息产业化建设不断升温，互联网已经成为我们难以割舍的重要部分，信息发布、产品推介等通过网页快速高效的传递到世界每个角落，越来越多的企业开始重视企业网站建设，网页设计人员就业前景越来越好，就我国而言网络企业数量还不到整体企业的1/5，职业学校担负着计算机专业人才培养的重任，为了满足企业对人才的要求，我们应严格按照国家要求，解决教学中存的问题，不断提升课程教学与实际应用的契合性，提升学生学习兴趣，为未来方便就业奠定坚实基础。

《网页设计与制作》课程有其自身特点，这是一门操作性要求较强的课程，学生们通过学习操作，运用软件完成一些设计作业，深层次挖掘可以发现，该课程实践性强，却也是一门边缘学科，因此在课程教授时需要不断激发学生兴趣，将更多的理论赋予实践，始终要学生们保持操作学习，只有如此，才能掌握要领。

一、计算机《网页设计与制作》课程现状分析

随着课程改革不断深入，高职院校相对以往理论填鸭式教学已经有了很大的改观，目前我们的多媒体教学应用开始普及，学生边操作边学习已经成为教学主流，尽管如此一些理论与实践的脱钩现象还是存在的，我们的学生实际设计能力与未来从业要求还有一定差距，这是传统教育的弊端体现，也是未来我们要攻克的难关，对于目前《网页设计与制作》课程普遍存在的问题进行分析，可以发现我们需主要解决的问题有：

首先教师教学水平需提高。《网页设计与制作》的执教教师需要了解目前的市场变化与行业需求，面对日新月异的发展要做到有计划的调整教学方法，传授给学生更多更新的咨讯与学习方法，这些都有助于学生提升实践操作能力，我们设计网页将来服务各行各业，这就需要我们有丰富的信息来源，有条理的梳理各行业特点，可见我们的教师承担的任务不仅仅是课堂上为学生讲解理论知识。高水平的教师能够带动学生的积极性，教学效果好。

其次教学目标需要更清晰明确。目标是教学的落脚点，《网页设计与制作》作为实践课，在上课之初我们就应告诉学生教学目标，学生在学习过程中有的放矢，直接击中学习的重点和难点，简而言之，强化对学生未来从业有用的教学部分，弱化辅助性的理论部分，将了解与掌握的部分直接明了的告诉学生。

再次应重视项目教学。以往的教学中我们对项目任务不是很重视，也没有监督每个同学完成，其实这是考察学生实践能力的重要途径，教学过程中应严格按照教学步骤分享学生们的项目任务，不断强化项目于社会需求、市场需求的同步，让学生在校园感受未来就业时的工作状态，有利于学生消化课堂重点的同时会有更多的创新部分被发掘，学生进步更快。

二、网页设计与制作课程教学目标与定位探索

《网页设计与制作》旨在培养学生设计与开发的能力，其中涉及到Dreamweaver、potoshop、coredraw等软件的应用，通过学习，学生们能够规划网站，设计版块等，加工信息、处理各类框架布局，最终完成一项项目任务。由于从业后学生们需要按照客户要求，对网页设计做出策划、制作等，因此在《网页设计与制作》课程学习过程中，我们不仅要培养学生对软件的使用的能力，还有沟通能力、搜集能力、协作能力等。

《网页设计与制作》课程教学过程中要始终确立“培养学生综合能力”的目的。综合能力是计算机应用的综合能力，这就将我们的而教学改革落到了实处，极好的解决理论与实践脱轨的问题，高职学生在具备WINDOWS系统操作能力后，熟悉办公软件，专业方面熟练掌握Dreamweaver、potoshop、coredraw等软件，通过学习能够独立完成页面不同主题、内容、功能等项目任务。总而言之，《网页设计与制作》课程就是要提升学生在数字媒体应用上的理论水平及实践能力，能够独立完成网页设计与制作。

三、网页设计与制作课程教学改革设计建议

1.课程教学内容设计。网页设计涉及的原理与技术相对较多，比如ASP/和HTML等，我们在一门课上很难做到面面俱到，这就需要我们教师在教课时做到将多种软件相互交织渗透，结合固有的知识点做一些不要的延展，提升学生的综合能力。一个完整的网页少不了精美的图片，这就需要学生们熟练掌握potoshop，利用技术对一些不完整的画面做细节处理，结合coredraw可以对文字进行设计编辑，在教学过程中教师尽量以一个完整的网页案例作为模板，让学生综合运用各类软件丰富其中的细节和板块，提升学生的操作实践能力。

2.提倡“任务驱动”教学法。这里是对教学内容设计的深化，我们在做课堂教育时，提出一个完整网页设计案例，要学生们找到重点，将其中的画面、板块、构架等融入讲解，以多媒体教学手段，做出演示，一些特殊的知识点要重点作出强调，最后要给学生们布置任务，即设计一个网页出来，还要进行评分，与案例网页的对比，学生们有一定的参照性，通过动手实践，学习能力会有很大的提升。

3.实现教学相长。教与学本身就是同步的，在体现实践性的部分，我们拥有的优越条件是，让学生们人手一机，独享一台计算机远比看大屏幕要强得多，学生们可以时刻保持与老师的思路同步，在操作上也可以做到随时遇到问题随时解决。通过网络我们可以下载到更多有用的案例或可见，节省教师的时间，也能够让学生切身感受到学习乐趣，根本上提升学习效率。

4.设计实验环节。很多学生实际上已经掌握了很多理论知识，且在实践操作方面也大大超过了我们的课程安排，这里我们需要对学生做摸底，做到提升兴趣激发更身层次的求知欲，我们要给学生们一些命题实验，比如做一个公益活动推广类网页等，让学生们分组完成，该项目可以为学生们的综合考核加分，通过项目试验，可以锻炼学生的开发能力、写作能力，为就业做好准备。

5.改进考核方式。目前我们更注重学生将理论与实践相结合，因此在做考核时也要考虑这一点，三位一体的考核方式适应当下的教学，即任务作业、实践操作、理论考核等三方面评定，任务作业的比重可以有20%、实践操作60%、理论考核有20%，通过有重点的量化，在平时的教学过程中更有针对性的培养学生动手创新能力，重视上机操作，尽量多的拿出作品，为自己的学习加分。

四、结束语

综上所述，高职教育的网页设计与制作更注重学生的技能培养，通过理论与实践深刻结合，不断缩短用人单位与所供人才之间的差距，通过我们不断对课程的改进和设计，《网页设计与制作》已经走出传统的教学模式，广泛激起了学生的而兴趣，且更多的学生愿意为作品倾注心血，未来通过课程教学内容设计更新、提倡“任务驱动”教学法、实现教学相长、设计实验环节、改进考核方式等，相信我们的教学定会取得长足进步，教学效果更好。

参考文献：

[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化.2008.02.

[2]仲静.告知网页设计与制作课程教学改革探析[J].电脑知识与技术，2014.11.

[3]喻会.高职《网页设计与制作》课程教学改革浅析[J].湖北成人教育学院学报，2015.04.

广告设计与制作论文 第5篇

媒体形象广告语创作的沟通策略包括“说什么”和“怎么说”两个层面，其中“说什么”是广告语所表达的内容，这主要与媒体的品牌定位和品牌理念密切相关；而“怎么说”则是广告语用以传达品牌形象的方式和技巧。

一、意念提炼：沟通内容的选择

意念提炼就是从媒体庞杂众多的原始信息中，沥沙披金，提炼出媒体形象最有价值的“闪光点”——立意点。意念提炼既要考虑媒体自身的优势和特色，更要考虑媒体消费者（目标受众）的心理需求，它通常是从如下几个侧面入手：

1、媒体经营理念、定位和目标。例如中央电视台广告语“传承文明，开拓进取”，充分展示了作为国家电视台的历史责任和精神追求；《城市画报》广告语“新生活的引领者”则以该刊“引导都市生活潮流，创造都市生活文化”的办刊理念为出发点，同时也体现了其追求的目标。

这类广告语的优点是能让受众对媒体形成整体印象和宏观评价，或者能立即对受众进行分隔，有利于让媒体的目标受众进入该媒体“引力场”。但如果表述不当，也容易步入自说自话、忽视消费者内心需求的误区。如《南方都市报》广告语“办中国最好的报纸”，虽然能让人感受到新兴报纸的活力和锐气，但却忽略了与消费贴近的沟通，有王婆卖瓜之嫌。

2、独特的新闻观念和执着的敬业精神。即从媒体从业人员（主要是记者、编辑）对新闻报道的独特理解和追求以及积极的工作态度方面来创作广告语。如中央电视台《焦点访谈》栏目广告语“用事实说话”，体现了该栏目的制作者重视以事实为依据的报道观念，《生活空间》栏目广告语“讲述老百姓自己的故事”，则表达了新闻从业人员对平民老百姓的人文关怀。《南方周末》曾用的广告语“你看到我们时我们在报上，没看到我们时我们在路上”，虽然语句较长，但记者们日夜兼程、不辞辛劳、追求重量级报道的工作精神跃然纸上。

这类广告语的特点是能在价值观念、职业精神方面获得受众的认同，从而塑造媒体的人格化魅力。但在运用时要避免传者孤芳自赏的自恋和清高心态，例如曾获得《羊城晚报》广告语征集三等奖的作品“浓缩风雅颂，聚焦时代潮”，可谓言辞华美，字斟句酌，但缺少的是大众化报纸所应有的平民意识。

3、媒体的实力和优势。如中央电视台国际频道广告语“视听全球，传播中国”，强调了该频道在信息传播上的优势；《中国信息报》广告语更是不惜笔墨描绘自身的实力：“观测市场风云，剖析热点问题，报道天下要闻，提供权威数据”。但在实践中，这类广告语很容易滑向传者本位的传播陷阱，因而也更容易使受众产生逆反和抵触的情绪。现在不少报刊喜欢用“创办最早”、“发行量最大”、“荣获某某奖”之类的广告语，这些广告语所揭示的不能说不是其媒体产品的“独特之处”，但是与其说是广告语，不如说是该媒体的官方报告和结论，难以在受众心中产生共鸣。所以，以媒体的实力和优势为立意点的广告语创作要特别谨慎，宜采用含蓄、内敛的表达方式。如《纽约时报》的广告语“期望于世”（Expect the World）就显得比较高明，寥寥数字表现了《纽约时报》的实力——是世间所共同企盼看

到的报纸，隐示没有这份报纸是不行的，同时突出了它与读者和公众的关联，即它是被社会公众所期待的。

4、消费者的信息需求。能满足人们自身需求和利益的东西是最能引起人们注意的，其说服效果也是最直接、最明显的。因此，这类广告语更容易被消费者理解、接受和记忆，也更容易拨动消费者的心弦。例如新浪网的广告语“你的网上新世界”，切中了受众想第一时间获得网络资讯的需求，也表现了受众在新的网络信息世界里享受网上冲浪的无穷快感。凤凰卫视的广告语“让你看得通通透透”表现了凤凰卫视能够给观众提供全面的新闻资讯、深入的新闻报道和专题调查，让受众能够真切地了解新闻事件以及事件背景，满足了观众对于信息深度了解的需求。《妇女家庭伴侣》杂志的广告语“就像在后花园里说的悄悄话”表现了该杂志对于女性的深切关怀和理解，使目标受众体会到一种犹如和姐妹们在后花园促膝谈心的亲密感，具有很强的亲和力。还有《北京晚报》的广告语“晚报，不晚报”，前一个“晚报”体现了报纸的性质和消费者阅读报纸的时间，后一句“不晚报”反映了读者对于信息求新求快的需求，整句连读起来，使读者感受到《北京晚报》新闻时效不打折扣的鲜明承诺。

二、叙述角度：沟通方式的选择

沟通方式包括诉求方式（理性诉求、感性诉求）和叙述角度，本文仅讨论叙事角度。

小说家詹姆斯曾略带夸张地说，讲述一个故事至少有500种方式。从叙事学理论来看，“每一种讲述方式都会在读者身上唤起独特的阅读反映和情感效果，因此，如何讲述直接决定着这种效果能否得到实现。”①所以，在诉求内容一定的前提下，叙述角度的选择将会对媒体形象广告语的传播沟通效果产生重要的影响。“确定叙述视角的关键在于找到担当故事叙述者的最佳人选——谁最适合将这个故事告诉别人，谁就来担当故事叙述者的角色。”②由于媒体广告语一般为叙述语言，必然存在着一个叙述主体，因而，确定叙述主体显得尤为重要。一般来说，媒体形象广告语有以下几种叙述角度：

1、从媒体（广告主）的立场发布信息，由媒体管理者、经营者担当叙述者的角色。这种叙述角度运用应当避免让人感觉到媒体是在自我吹嘘，或容易产生“盛气凌人”的强迫性和居高临下的“官方口吻”，以利于与受众进行平等的沟通。首先，媒体应有真诚的态度，对消费者开诚布公。我们对比一下《新周刊》的两个不同的广告语。（1）“中国最新锐的时事生活周报”，（2）“我们所有的努力，就是为了新一点”。前一条广告语使用了最高级用语，显然有悖于我国的《广告法》，给受众留下自吹自擂、夸大其辞的印象；而后一条广告语则有一种谦和、诚恳的态度，能体现《新周刊》踏实、肯干、创新的形象。其次，媒体要能与受众进行交流和互动，或增加受众的荣誉感，如《法制文萃报》广告语“好人有好报”，一语双关，使读者像是被颂扬了；或激发受众的参与意识，如中央电视台《正大综艺》栏目的广告语从“不看不知道，世界真奇妙”改为“体验世界无限魅力，尽在《正大综艺》”，体现了从“带您看世界”到“带您走进世界，零距离体验世界的无限魅力”的节目定位的转换，大大增强了节目品牌内涵的互动性。

2、以中立客观的“第三方”口吻推介媒体产品。由于这里的叙述者是隐秘的，从表层形式来看，是对媒介产品的纯客观介绍，因此也能产生较让人信服的效果。例如《书城》的广告语“再现文字之美”和《三联生活周刊》的“一本杂志和它倡导的生活”给受众的感觉是纯客观的描述。不过这种角度用得太过，也会让受众对广告语中所刻意营造的“客观性”产生怀疑。

3、从受众（消费者）的角度诉说期望和感受，也就是受众（消费者）充当叙述者。由于处于同一地位，这种叙述角度较容易被受众接受，也更有亲近感。例如网站Myweb的广告语“Myweb，我的网”，令消费者的荣耀与自豪之情溢于言表。而《羊城晚报》新广告语“我家的报”既能显示报纸的定位，又能让受众体味到家庭的归属感和温馨感。再如雅虎网站的广告语“Are you Yahoo？（你是雅虎一族吗？）”以雅虎老用户的口吻，道出了雅虎成员之间强烈的认同感，并且对非雅虎的网络用户产生强烈的吸引力。

网页制作与设计论文 第6篇

前言：

得益于计算机与智能手机的普及，我国网民数量已达7亿，而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升，其本身也开始真正融入我国各行各业之中，但数字媒体本身在发展中也暴露出了一些问题，而本文就数字媒体中网页设计原则与制作技巧展开的研究目的，正是为了解决其中一部分问题。

1.数字媒体概述

为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究，我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知，本文将数字媒体定义为利用二进制数据处理和记录，采取数字通信的原理，收集、存储、传输各种矢量数字文本的过程，简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说，其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点，这些特点也是其能够较好发挥自身功能的原因所在。具体来说，高效相互性指的是数字媒体能够通过自身的载体与平台特性，使信息变为可感、可知、可管、可交互的状态，这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现；而在灵活多变性这一特点中，这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变，这样相关信息就能够实现更好的创造；而在强大融合性这一特点中，这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合，这种融合由于往往能够发挥“1+1＞2”的作用，就使得数字媒体能够更好的满足各类受众的需求[1]。

2.数字媒体中网页设计原则

上文中我们深入了解了各类数字媒体，而在下文中笔者将结合自身实际工作经验与相关文献资料，就数字媒体中网页设计原则进行详细论述，希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。

2.1明确网页主题

在数字媒体的网页设计中，为了保证这一网页设计能够较好的为受众提供服务，我们首先就需要结合网页内容确认网页主题，而为了实现这一目标，网页设计人员需要进行充分的市场调查，最大程度上了解网页受众的情况，这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后，设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确，最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是，网页还需要最大程度上保证自身的即时性，这样才能够更好的实现信息的传达[2]。

2.2结合受众需求

除了明确网页主题外，网页设计人员在进行数字媒体的网页设计过程中，还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布，并以此更好的结合网页向受众传达某种情感，这样就能够更好的提高数字媒体中网页信息的传播效率。例如，对网页受众年龄的把握，使得设计人员能够更好的抓住网页设计的侧重点，这样就能够保证该网页设计传达的信息更具备针对性，这自然就大大提高了网页本身信息的传达效率。值得注意的是，我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素，这样才能够更好的为其提供服务[3]。

2.3保证风格统一

除了上述两方面的原则外，设计人员还必须保证数字媒体中网页设计的风格统一。具体来说，据笔者调查发现，我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题，这些问题归根结底属于网页设计中风格出现的问题，而这一问题也对数字媒体中网页设计带来了种种负面影响，为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一，这样才能够更好的保证数字媒体中网页设计的整体质量[4]。

3.数字媒体中网页制作技巧

3.1首页设计技巧

在数字媒体中的网页设计中，网站的首页一般存在形象展示型与信息罗列型两种，一般来说信息罗列型较为适用于大、中型网站，也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中，设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛；而在信息罗列型的网站首页设计中，设计人员需要结合自身信息传播特点，合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式，这样才能够实现相关信息的较好传达。

3.2风格统一技巧

上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则，而为了真正实现这一风格的统一，设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说，在网页设计的结构统一中，设计人员需要保证整个网站除特殊网页外，在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性；而在色彩的统一中，设计人员需要尽量保证网站的主体色彩一致，并只在有需求的时候改变网站的部分色块；而在导航栏的统一中，导航栏的位置与背景必须在大小、明暗、位置等方面实现统一，这样才能够较好的提高网站本身的特点，使更多的受众对该网站产生深刻印象。

结论：

在本文就数字媒体中网页设计原则与制作技巧展开的研究中，笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧，虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究，但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。

引用：