网页设计与制作

网页设计与制作（精选11篇）

网页设计与制作 篇1

1 制作个人网页的基本原则

(1)正确定位,确定内容。(1)要小而精。定位要小,内容要精。(2)选择自己擅长、喜爱的内容。

(2)塑造形象,统一风格。

(3)简洁明朗,主次分明。

(4)控制图像文件大小,调节多媒体嵌入量,减少网页下载时间。

网页图像最好使用GIF文件和JPG动画,这两种文件的压缩程度较高,且大小最好控制在25KB至15KB之间;JPG动画的使用不要太多,以免使主页看上去太乱。设制图片的替代文本或低分辨率图片,可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI格式,体积较小,便于传输,同时,注意给网页中的多媒体文件注明相关的文字性说明。

2 制作个人网页的基本步骤

2.1 收集素材

(1)文字资料。主要是自己编写的,或者从报刊、杂志、网络等媒体上获取有关的资料,加以整理编辑。

(2)图片资料。一般可以根据主页的主题选择合适的素材库光盘,或是直接从网络下载。如果有一定的绘图功底和技巧,建议尽量使用Photoshop或Paintshop[1]等绘图软件,制作页面的图标Logo及广告Banner,以充分体现主页的个人特色。

(3)其它资料。为增加个人主页的表现力,可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。

2.2 设计结构

个人主页的制作是个复杂的系统工程。在开始页面制作之前,先搭好主页的框架,规划整体结构,草拟网站的“施工图”。如果只是一时兴起,想到什么就作什么,盲目操作,往往会使网站制作虎头蛇尾、条理混乱,最终因维护困难而夭折。

进行页面的规划,就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架,每个页面中图片、文字及其他文件的分布以及外观显示的设定(如颜色、字体)等等,进而根据规划大致估算一下需要多少相关的素材,并予以分门别类落实。经过规划,便于个人网页的管理维护,能让制作者有条不紊地表达所有的信息,使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之间的层次结构和链接关系,并适当考虑将来扩充的可能性。

2.3 创建站点

制作网页之前,新定义一个站点。利用站点,可以方便、快捷地对文件进行管理,尽可能地减少出错,如路径错误、链接错误等。同时设置了本地文件夹和远程信息后,可以将文件上传到服务器,实现文件的上传与下载。

2.4 编写网页

页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑CSS样式等。

顶部栏目主要有Logo、Banner和导航条。底部版权信息主要是网站的联系方式。

页面主体部分是页面的核心内容,大多数情况下要使用嵌套表格的技术来实现。在制作时,通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用CSS来美化完成的网页。

2.5 上传文件

个人网页制作完成后,就需要给个人网页在网上安个家[2]。提供免费个人网页站点的网站很多,可以选择中意的网站提出申请。一般流程如下:点击进入的网站申请窗口,填写信息表格,其主要内容包括主页标识、主页描述、主页地址(URL)、关键词,以及个人地址、姓名、E-mail地址、电话号码、详细的邮政地址等个人信息;提交申请;将在几天内收到网站发来的E-mail。若申请成功,会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后,就可以实现在网络上浏览个人主页了。

2.6 更新维护

网络讲求新和快,制作个人网页时,同样也要注意。做好日常维护工作,及时更新完善,紧跟时代步伐,保持内容新颖,吸引浏览者的注意和点击。

可设置一个专门的“what′s new”页面,及时醒目地告诉来访者主页最新的内容。这样能方便浏览,让浏览者一目了然,迅速寻找所需要的内容,不致于层层深入,一无所获。

3 制作个人网页的注意事项

3.1 避免抄袭

制作和设计网页的过程中,应避免抄袭。作为新手,个人网页刚刚起步,可以适当借鉴和利用,切忌全盘不动地照搬照抄他人的成果,应坚持原创,加入自己的创意和想法。如写日志博客,翻译最新英文杂志,上传独家照片和视频,链接实习成果等。展示个性、风格,让大家认识、了解自己,才是制作个人网页的精神所在。

3.2 经常备份

要养成经常备份的习惯。制作网页是一个复杂而持久的过程。由于网页的容量有时较大,制作时很占内存,尤其是同时起动其它电脑程序,很容易导致计算机假死,因此需要经常性地备份。

3.3 注意路径问题

相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时,应避免使用绝对路径。网页上传后,站点移动到其它服务器,所有本地绝对路径链接都将断开,从而浏览者无法看到使用绝对路径(指对本地硬盘的绝对路径)的链接内容。

3.4 使用模板,提高网页制作效率

开始制作时,不要多张页面一起制作;建议使用模板,提高制作效率。个人网页通常会有多个风格基本相似的页面,如果每张页面都重新设计和制作网页结构、导航条及各类图标,工程量将十分庞大。借助模板的功能,通过设计和制作一张基本网页,可以快速创建大量风格一致的网页,从模板创建的文档与模板保持连接状态,可修改模板并更新所有利用模板创建的网页,达到天天改变站点风格的效果。

3.5 妙搭色彩

由于网页作为用户的浏览对象,第一印象至关重要,因此色彩的搭配应讲究一定的技巧。一般而论,网页应尽量采用一个色系,主色调控制在三种颜色以内,背景和文字的对比一定要强烈,以突出文字内容为主。常见的组合有:黑白、蓝白、黑灰白、蓝黑、紫黄等。其中,白色多用于较正式的官方网站,黑色常用于打造个人网站和一些非常前卫的网站。

在用色的时候,要力求简洁,将色彩与各要素统一起来,注意色明度、对比度、结构分配比例等,在差异中求协调,紧扣网站的内涵,保证网站的一体性。一幅图的下部采用重色,会让人觉得稳重;同时注意突出色彩的独特性,尽量采用与众不同的色系,让人产生遐想。

参考文献

[1]丁晓.制作个人网页的常用工具.合肥:电脑知识与技术,1999(9):36-40.

[2]孙良军.Dreamware MX2004入门与实演练.北京:中国青年出版社,2005-09.

[3]祝力.创建图书馆员个人网页的意义及方法.上海:图书馆杂志,2001,20(2):10-12.

[4]李敬文,杜婉莉,常生.制作个人主页的窍门.哈尔滨:电脑学习,2000(8):1-16.

网页设计与制作 篇2

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固！网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web（建立的网站）文件夹。如下图示：

2、我的篮球网（首页）

主要代码：

网页设计与制作 篇3

【关键词】网页制作 HTML 教学改革 一体化教学

一、课程在专业中的地位与作用

《網页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了HTML语言 Dreamweaver、photoshop、Flash等相关知识，全面介绍WEB站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。

二、课程学习目标

通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用photoshop、进行图片处理，能熟练运用Flash制作网页动画；能维护、管理和设计WEB应用程序；能独立设计WEB站点。

（一）通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。

（1）掌握规划网站的内容结构、目录结构、链接结构的方法。

（2）熟练掌握网页制作软件Dreamweaver cs5的基本操作和使用技能。

（3）掌握页面的整体控制和头部内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入、设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

（7）掌握建立各种形式超级链接的方法。

（8）掌握表单网页制作方法。

（9）掌握网页特效的制作方法。

（10）掌握网站测试的方法。

（二）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

（三）培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

（四）培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。

（五）训练和培养团队协作精神和共同开发网站的综合能力。

三、考试、考核课改思路

本门课程的传统教学方法是采取全课堂制授课方法，考核的方法也大都采用统一试卷的考核方式，学生所学的知识大部分集中在理论基础方面，进而偏离了当今《网页设计与制作》的发展方向。

在“教学做一体化”的教学模式中为了培养和突出学生的能力，故在实践教学中突出以学生“做”为主，就是要像在企业里一样，只给你要求说明或样板，自己用所学知识自己设计、自己制作，然后由全班评选出最好的作品出来。所以在实际教学中也以此为主线来教学，多种教学方法相结合帮助学生学的好，做的更好。

（一）把理论教学穿插在课堂始终的教学理念

以前《网页设计与制作》教学是分开讲的，在实践课上学生比较活跃，而在理论课上学生觉得没用听得累，老师讲得“累”，觉得自己的辛苦不被学生所接纳，心“累”。为了改变这种现状，在教学计划里压缩了单纯的理论课，在学生实际操作时，再将运用到的理论知识，理论指导实践。

（二）基于工作过程为导向，突出学生“做”的重要性

“教学做一体化”的教学模式在教学实施中把课堂教学转向工作情境，课堂由教师为主转向以学生为中心，在教学中把课程分为几大模块，每一个模块又分成几个项目实施教学，每一个项目又划分成几个小任务，这些小任务由几个基本操作去完成。教师只要说清楚课堂要完成的作品和课后作业的要求，让他们在课堂照着案例做，每一个小任务要求用10分钟时间做，教师巡视并作个别指导，10分钟后教师根据学生提出的问题和自己的观察及经验分析难点，演示讲解，学生再继续做，如此反复，按计划完成一个项目。

“教学做一体化”的教学模式产生了很好教学效果，主要体现在学生们的问题多并能及时询问，学生之间互相学习和比拼，不再为交作业而做作业，而是把它作为衡量自己能力和展示才华的一次机会，为他们将来走上工作岗位奠定了坚实的基础。

（三）多种教学方法结合

鉴于学生的基础和接受能力的差别，课堂教学重点之一是教法设计，教师根据所教模块的特点，采用灵活多样的教学方式。在教学中首先采用项目教学法贯穿始终，在授课中，采用项目要求说明一学生做，老师巡视指导一讲解示范一训练纠正一师生共评的基于工作过程的项目方式教学，更有利于学生在“做”中学，学习如何完成任务、与人合作、解决实际问题，这些能力是就业必不可少的。

建立帮助小组，对底子薄的同学多关注，留意他是否也能按时完成或遇到那些需要及时解决的问题，使大家顺利完成各项任务。在教学过程中也可以适当应用问题教学法，提高学生的学习兴趣，精讲多练，达到了“教学做一体化”满意的教学效果。

四、开展“过程考核”考试的效果

开展“过程考核”教学，调动了学生的学习兴趣，通过对商务3131班40名学生的调查表明，实践证明，该教学方法收到了良好的教学效果。

本套教学方法是一套重自主、重交流、重实践、重创新的教学模式，每一模块的教学，都打破了传统的教学模式，有利于教学水平和教学质量的提高。从教学效果上看，学生的学习兴趣浓厚，积极性高，充分的挖掘出学生的创新能力和自我学习能力，是学生能够顺利就业的保证，值得大力推广和应用。

网页设计与制作 篇4

关于网络媒体设计与制作方向的人才培养问题。

第一, 切实并动态地跟踪网络媒体相关行业的用人需求, 并以此作为人才培养目标, 推导网络媒体设计与制作方向的学习内容, 确保课程设置的合理性。

多媒体设计与制作专业是应用性专业, 专业的很多模块延伸都是应相关媒体技术和相关行业的发展需求而确定的, 专业所培养的就是能够为媒体行业解决问题的应用性设计人才。从产品的网络销售广告设计到企业的电子商务页面设计, 从组织机构的形象网站视觉设计到B/S构架的应用软件UI交互设计, 与网络媒体设计相关的现有工作职位已经趋于明晰。切实地了解相关职位的技能要求, 从中推导网络媒体设计与制作方向的学习内容, 并根据技能要求的变化做出适时地调整。总之, 经常审视网络媒体设计与制作方向课程知识结构是否合理, 就会尽可能地避免“什么都在学, 什么都没学”的情况。

第二, 结合多媒体设计与制作专业自身的特点, 在设计创作与技术制作之间明确侧重点。

多媒体设计与制作专业本身多学科交叉, 既有艺术设计的训练又有媒体技术的学习, 但不管学科内容如何交叉和扩充, 它主要培养的仍然是应用性的设计人才。设计是专业的侧重点, 在网络媒体设计与制作方向尤为如此。网络媒体设计与制作方向涉及的技术知识非常庞杂, 包括计算机技术、信息技术、网络技术等等, 两年半的时间里学生不可能也没有必要对相关技术知识全面掌握。学生应该首先要打好坚实的艺术设计基础, 为高水平的网络媒体设计输出做好准备, 然后学习以交互设计和UI设计为主的网络媒体理论知识。至于学生网络媒体制作的技能水平, 使其能够实现与网络程序开发人员协同工作就已经足够了。总之, 本专业培养的是严谨的艺术家, 而不是让本专业的学生完全改行去当工程师。

网页设计制作是网络媒体中艺术设计人员介入的最早、也是最为普遍的工作之一。网络媒体设计和制作方向的学生可以在网页设计制作课程的基础上学到网络媒体最基本的技术原理、交互设计的理念和应用、UI设计的构架和实现。所以, 它是本方向的入门级课程, 也是必修课程。

对于网页设计制作基础课程的教学方法, 这里分为两部分来讨论。

首先谈谈网页设计。

现在网页设计方面的讨论和专著已经非常多, 总体有几种主要观点:注重信息传播本身, 反对过分的形式表现;对客户需求进行深入和细致的通盘考虑后再动手去做网页设计;网页设计大的方面“无为简约”, 小的细节“深入推敲”……这些观点体现出了网页设计业界正在变化着的趋势:网页设计逐渐向网络媒体界面设计过渡。

学生在方向课程的学习过程中应该逐渐接触和学习这些经验和观点, 但作为入门级课程, 对于学生在设计方面的要求和限制不要太多, 防止问题复杂化。技术和经验上条条框框的限制太多, 只会逐渐形成网页设计套路和思维的模式化, 艺术设计学生的优势发挥不出来, 甚至到最后都可以不需要设计输出的人员参与, 网页设计完全工科化, 这显然和网络媒体设计与制作方向的培养目标相左, 并且会使专业方向的发展之路越走越窄。

艺术设计学生的优势就在于形式的创造和表现, 在课程学习期间还是要鼓励学生多做设计创意方面的尝试, 将平面视觉设计中的图形设计和图像处理能力在网页上充分施展, 在网页这个媒介上面探索新的视觉尝试。至于是否应该内容左右形式, 是否应该技术特征左右表现方式, 是否应该实际需求左右思维创意, 还是等到后续方向课程的进一步学习, 让学生自己去判断, 自己去选择。因为, 高水平地媒体设计输出是专业培养的立足点, 毕竟我们培养的是和工程师一样严谨的艺术家, 而不是纯粹的工程师。

其次谈谈网页制作。

很多学生问我:网页制作课程是不是要学编程、要学代码, 自己逻辑思维很差, 如果要学这些东西就会很头疼。课程还没有接触, 就已经产生了逃避心理。那么, 如果将这些学生按照计算机专业的学生去教, 没等到课上一半, 很多学生可能早就睡着了。

所以, 第一, 带着学生进行逆向法学习网页制作可能是一种更好的教学方法。由浅入深地组织案例教学材料, 向学生介绍优秀的并具有一定代表性的网页作品个案, 然后分析该作品的实现方法, 逆向推导。从感性的形象入手, 逐步推导其内在的实现原理, 穿插进行关键实现步骤的现场试验和可能性演绎。教师要培养学生网页制作的兴趣, 通过教学告诉学生:即便是所谓的逻辑思维, 你也能运用的很好, 只是以前你没有尝试过。

第二, 在庞杂的网页制作技术知识体系中提炼和总结, 只引入当前最实用的网页制作技术知识, 简化网页制作技术的知识结构, 让学生理解重点技术的相关原理。XHTML+CSS技术是基础而实用的网页制作技术, 着重向学生传授其包含的核心知识, 比如:从左到右, 从上到下的“电子文本流”、彰显视觉艺术风格的“背景图像控制”、小空间精调整的“盒模型”、承载信息内容, 体现网页结构的“标签”、洞察标签个性的“Display属性”、实现网页布局的“Float属性和Position属性”、精确瞄准装扮对象的“样式选择器”、体现批判与继承逻辑思维的“层叠关系”、巧用体现网页前端交互效果的“Java Script代码”。

总之, 多媒体设计与制作专业中的“设计” (创作) 和“制作” (实现) 都已经与多媒体集成和整合的枢纽——计算机技术密切地联系在了一起。所以, 作为艺术设计专业的学生, 谁能够尽早熟练地掌握计算机技术, 并能够将技术转化为艺术设计强有力的推动器, 谁就会率先得到开启多媒体创作之门的钥匙;作为多媒体设计与制作专业的教师, 谁能够真正意识到计算机技术作为设计创作工具所具备的强大能量, 并能够合理地把握技术与艺术之间的时而博弈、时而协同的关系, 谁才会培养出真正符合当今行业需求的多媒体设计与制作人才。

“像艺术家一样浪漫, 像工程师一样严谨。”听起来是个矛盾的命题, 但对于致力于新媒体艺术的学习者们, 必须从中努力求解。这是时代赋予的使命。

参考文献

[1]沙伦.E.斯马尔蒂诺.教学技术与媒体[M].北京:高等教育出版社, 2008.

[2]钟玉琢.多媒体应用设计师教程[M].北京:清华大学出版社, 2005.

音响设计与音效制作技巧 篇5

【关键词】音响设计；音效制作；技巧；效果器

文章编号：10.3969/j.issn.1674-8239.2014.10.004

【Abstract】Taking some film and radio works for example， the sound design idea was analyzed， production method and means for real and virtual characters， all kinds of special effects sound were introduced in the paper.

【Key Words】sound design； audio production； techniques； effectors

音响设计，无论是在影视广播的制作中还是舞台剧的演出当中，都是至关重要的一环。一个精彩的音响设计，往往会对整部作品起到画龙点睛的作用。

在音响设计中，既会采用自然界中存在的各种真实的音响，也会采用音效制作虚构出的特殊音响效果。当无法找到真实音源去实录时，需要靠音效制作的手法去创造出来。比如，在很多科幻影片里，会见到各种各样的怪兽、外星人等等，他们或它们的声音就需要通过音效制作来创造出来。还有一些情况，出于艺术的考虑，一些场景需要特别的音响处理，这时也需要音响制作人员精心设计。下面以几个较为常用的案例说明音响设计思路、制作方法和技巧。

1 人物的声音设计

在影视剧，特别是动画片和广播剧中，人物的声音造型是很讲究的，有很多动画片的声音形象已经深入人心，比如米老鼠、唐老鸭、海绵宝宝的声音等等。一个角色的声音体现其性格和角色定位。因此，在选择配音演员的时候，导演可以和音响师一起商量人物声音的造型。

如在录制的一个广播公益广告中，文案中描述了一个有着丰富生活经验的家庭主妇形象。于是，在设计这个角色的声音造型时，没有用经过专业播音训练的主持人或专业演播人员，而是请了一位记者，录制其没有任何播音腔、舞台腔的生活化演播，正是这种没有专业打磨的原始音色，恰当地表现出生活中一位普通街坊大妈的声音形象。

在一些带有魔幻色彩的剧中，尤其需要通过音响设计营造魔幻的氛围。比如，制作《爱丽丝梦游奇境》的广播节目中，有这样一段情节：爱丽丝遇到一对双胞胎兄弟，双胞胎兄弟说话的内容是一样的，只是音调高低之分。在制作的时候，实际上只是一个演播者演播，然后通过后期变调和音色调整等制作，使之变成两个人的声音。这种手法在很多影片里都有应用，比如《哈利波特》中的伏地魔、《苹果核战记》中人魔合一的双重声音。

2 机器人或外星人效果

一些虚构人物的声音设计与制作，也是经常遇到的。对此可以借鉴电话处理的方法；除此之外，还有其他一些方法，比如利用SAMPLITUDE工作站里的VOCODER效果器制作，它可以将一个声音调制到另外一个声音上去，使得正常的对白里出现一种特殊的调制声。

如制作《变形金刚》中汽车人说话的效果，先以正常语调录制语言，然后在后期对声音进行变调，并加适当混响，在混响调节上，要使用短混响时间、中等混响量；在使用EQ（均衡器）方面，可以衰减部分高频、增加部分低频，以获得那种钢铁躯壳里闷响的感觉。需要注意的是，很多混响软件是立体声的，但是用在汽车人这里，就会觉得混响太宽，感觉声音不是从汽车人身体里发出的，而是从较宽的空间里发出的，这时，还需要用WAVES的S1-IMAGER（立体声扩展）之类的声场宽度插件缩窄混响的宽度。

关于变调处理，也有一些经验。因为汽车人的声音需要做降调处理，为了让降调后的声音听起来更自然，在录音时，可以让演员采用正常语调，但语速要比正常的速度稍快一些。在变调时使用resample（重采样）方式，这样声音就不会发抖。

3 声音的夸张

在一些动画片或者童话剧中，往往会把一些本来很小的动物拟人化，此时，置身于微观世界里，原本在宏观世界中非常微不足的一些声音就要被夸张。

在美国动画片《A BUG’S LIFE》（《虫虫总动员》）中，为了体现蚱蜢在片中那种蛮横凶猛、不可一世的特点，原本在真实生活中很小的蚱蜢，配音时故意夸大了它们身上的一些动作效果。比如，表现蚱蜢的走路，除了咚咚的脚步体现出身体的沉重外，还制作出了浑身上下的关节、甲壳都在哗哗作响，俨然一套武士的盔甲。仅从音响效果上听，蚱蜢与那些弱小的蚂蚁相比，变成为蚂蚁们无法战胜的“超级巨兽”。

4 特殊音效

不同的节目内容，需要不同的音效，甚至是特殊的音效。这些音效的制作需要制作人员经验的积累，富有想象力的创意，以及细致的打磨。

比如，在《爱丽丝梦游奇境》中，爱丽丝吃了有魔力的水果、蘑菇后身体随之变大、变小，这胀大、缩小的感觉凭借音效实现，声音的设计决定成败。起初，设想利用吹气球的声音来演绎身体膨胀的效果，或者利用某种较短促的摩擦声通过变调和混响的搭配，得到类似的效果。但在经过了几次比较和试验后，最后采用的是冰刀在冰面上滑过的效果声作为原始素材，再经过多个步骤的处理，达到了预想的效果。具体步骤如下：先把立体声的原始素材转成单声道的；第二步，通过实时变调处理，做出变大或缩小的效果，也就是说不是整段素材的音调同时升高或降低，而是把胀大的效果声做成头低尾高，缩小的效果做成头高尾低；第三步，再加上立体声的混响，同样的混响量也是随之变化的，从而得到一种由小变大或由大变小的声音效果。

5 无声胜有声

在音响设计中，无声或者弱声的表现也是极其重要的手法之一，在很多场合，无声的世界反而能给心灵更强烈的刺激。

耳朵暂时失聪时的音响效果是什么样的呢？如何用有声的音响效果去表现无声的世界呢？下面分析一下电影《钢琴家》里那段暂时失聪的制作吧。

波兰钢琴家住的楼房遭到德军坦克的炮轰，强烈的爆炸声令钢琴家暂时耳鸣、失聪。影片在这段音响的处理上，把周围一切声音的高频都去掉，只剩下300 Hz以下极低沉的部分，隐约能听出坦克的轰隆声、炮火的爆炸声以及钢琴家在废墟里的蹒跚脚步声；除此之外，还有一些中高频的啸叫声，表现耳鸣的效果，见图1。

在电影《无极》中，也有一段无声音效的特殊处理，就是昆仑奋力推开宫殿大门，倾城的马匹鱼贯飞跃而出宫门的那个镜头。前面一直是通常惯用的音效和紧张配乐，当马跃起的刹那，突然间一切都安静了下来，只剩下一段细若游丝的小提琴配乐，其他音响效果都突然没有了，几秒钟的慢镜头后一切恢复，这片刻的宁静，把这个跃出宫门的动作表现得淋漓尽致，也算是音响设计中较为特别的一例。类似的手法，还应用于《蜘蛛侠3》里蜘蛛侠在空中抓戒指的那一段。

6 地域特色的声音设计

在很多影视和广播作品中，利用一些带有标志性的、特有的音效代表某个时代或地域的做法也是很常见的。比如，以海关大楼的晨钟和评弹、紫竹调等音响去表现上海外滩，以粤曲和茶楼音效去表现广州的市井生活，以鸽哨、电台的呼号加上晨练的音效表现北京人的日常生活等等。

对于这些有地域特色和时代特点的音效的认识与把握，需要在平时的生活和工作中多留心、多积累，使用时才能得心应手。

7 写实与写意

影视作品和广播剧的音效制作是有一定区别的。影视作品由于有画面带给人们的视觉感受，使得对声音的苛求度有所降低，一些动效声音即使做得并不是很逼真，甚至很夸张、很卡通，人们也可以接受。但是，广播剧没有画面，很多形象的塑造就完全依赖声音的真实性了，效果逼真，让人一听就能想象出是什么东西、什么场景，如果过分夸张，有时会让人产生一些错误的印象，这一点在广播剧类的效果设计上是要注意的。另外，影视作品的音效可以做得很丰满、很写实，但广播剧的音效有时会更写意一些，因为没画面的解释，太多、太复杂的音效有时会令一个广播剧听起来太杂乱，而让听者抓不到主题。

可以说，影视剧更像西方绘画，写实、客观；而广播剧更像中国画，要有留白，写意、诗意、哲性，给听者留下一点想象的空间。

8 结语

在音响设计中，无论采用什么样的手法，最终的目的是为了准确地表达作品的内涵，并使作品尽善尽美。笔者撷取了一些广为熟知的影视作品，以此说明音响设计的方法和技巧。从中可以看到，有些声音设计是靠演员演播完成，有些是靠技术人员后期的技术修饰，而更多的是要多方面配合完成，还有更多的音响设计手法有待发现开拓。

网页设计与制作 篇6

此款的前帮为假围盖结构，假围盖是指鞋盖与围条之间有明显的分割位置但又不断开的一种围盖鞋。以车假线、凿花孔、穿花条、缝梗等工艺手段来分割围条与鞋盖，突出围盖鞋的特色。取样板时，要把围盖的分界位置标记出来。此鞋款也就是整帮和围盖鞋演变的一个结合体，所以在制作过程当中有些部分类似于围盖鞋的设计。

一、部件组成（如图1所示）

前帮片鞋舌后帮鞋耳保险皮

二、工艺处理（如图1所示）

1、面：

前帮压接鞋舌，鞋舌放出压茬量，前帮外露边缘毛边，鞋舌周圈毛边做法;鞋耳压接前帮，前帮放出压茬量，后帮鞋耳外露边缘采用折边做法，其中帮面上设计的穿花条和假围盖双线，看起来使鞋更加美观。保险皮压接内外后帮鞋耳片，使帮面更加牢固。

2、里：

由前帮里、鞋舌里、后帮里、后跟里四部分组成，鞋口采用修边做法。

三、结构设计

1、选楦：

耳式鞋楦250(二型半)楦底样长=282 mm面料：牛正面革

2、

贴楦 (贴半楦)

3、画楦 (参考数据) 如图2所示

<1>、后帮中缝高度QA1的设定

后帮中缝高度QA1为59～61mm，在楦上画出前帮控制线VH和后帮高控制线QO。

<2>、前帮长度E1J1（后帮鞋耳位置）的设定

以楦底前端点J1沿背中线向后量取长为(64～66%×楦底样长)mm定点为E1，作为前帮长度点;或者以楦统口前端点K向下量取15 mm左右定点为E1(此种画法为经验画法)，特殊楦头除外。

<3>、后帮辅助线的设定

过点E1分别与腰窝边沿点F、外踝边沿点P相连接，标画出腰帮控制线E1F和腰踝控制线E1P，这两条辅助线主要是控制两翼位置和鞋耳的形状。

<4>、后帮鞋耳的设定

鞋耳是系带鞋中的主要部件，其形状有多种多样，可以根据款式的需要进行变革。根据线条形状，鞋耳轮廓线可以分为圆耳形，方耳形，尖耳形三种。方耳形线条以直线为主，鞋耳轮廓鞋近似长方形，耳型大方，稳重，给人以精明，干练，刚毅，自信的感觉，是男耳式鞋设计的主要款式。圆耳形线条以曲线为主，鞋耳轮廓近似半圆形，线条柔和，圆润，使人产生优雅，含蓄，柔和，舒展的感觉，在设计的时候着重强调与楦棱线的对应;尖耳形的整个耳形近似三角形，所以也被称作三角形鞋耳，线条锐利简洁，整体造型有明快，进取感，形状较前卫，给人以个性张扬的感觉。

鞋耳轮廓线的形状主要是在方耳形、圆耳形和尖耳形这三种基本形的基础上发展演变，为了丰富造型，也常采用不同形状线条的搭配使用，但鞋耳的设计，应与前帮款式以及楦头型相对应。

此款鞋耳前后两端均为圆弧形状，后帮腰踝部位，鞋耳上口边缘线都是圆弧半径较大的曲线。鞋耳前端控制线是在以后帮中缝高度位置点Q向前量取168 mm左右的位置处设定(一般QO2的之间的距离至少为165 mm，但也不会超过前帮控制线，否则会影响穿着和外观)。鞋耳边缘线离背中线的距离，根据脚背内外鞋耳所要求的开口宽度所设定，前端离开4 mm左右，后端设定在背中线上，也可以超过或者离开背中线2 mm左右勾画鞋耳边缘线，根据款式的需要，可随意设定。鞋耳前后轮廓线均为圆弧线条，一般前圆弧较大，后圆弧较小。

<5>、鞋耳锁口位置（点）线（俗称“打死点”的位置线）O2的设定

鞋耳锁口线位于鞋耳前端与前帮结合处，此部位受力比较集中，很容易被拉坏，加缝锁口线可以起到加固作用。在外耳式皮鞋中起到很重要的作用。由于该部位处于鞋的一个比较醒目的位置，所以在设计的时候还要体现一定的装饰效果，锁口线的装饰作用主要是通过缝合线迹的变化来体现。

其位置是鞋耳控制线与后帮高控制线的交叉点或者上下2 mm的位置处。O2设计若过高或者过后，会造成穿脱不方便(脱楦时很容易将鞋脱坏掉)、压脚背等现象;若过低或者过前，虽然穿脱较方便，但是穿在脚上会给人一种松垮的感觉。

<6>、鞋耳口门位置点O1的设定

以锁口点下量8 mm左右定点为O1，此处线条可设计成圆弧形、直角形、夹角形等形状。其中O1O3的距离为8～10 mm，确保锁口位置的缝制。

<7>、两翼线条O1M1位置的设定

两翼线条风格与楦头型相一致。其尾端可以设定在腰窝位置边沿点F、踝骨边沿点P或者腰窝位置边沿点与踝骨点之间的位置处。

<8>、后帮鞋耳鞋口的设定

在后帮控制线QO与E1P形成的框架范围内设计鞋耳后圆弧曲线。注意要与鞋耳前圆弧线风格一致，一般前圆弧较大，后圆弧较小。

<9>、鞋（扣）眼位置的设定

鞋扣眼最初的设计是为了防止鞋带在受力的时候拉坏帮面，后来逐渐成为耳式鞋造型中一个不可忽略的装饰件。鞋扣眼主要通过材质，形状，颜色以及数量等变化来丰富造型，在整个款式设计中起“画龙点睛”的效果。一般来说，正装鞋沉稳内敛的特点，细圆的鞋带则使正装鞋增加了一些细腻温和的感觉。休闲鞋，劳保类鞋多采用金属鞋扣眼做装饰，体现其粗犷，大方的风格，采用扁宽的鞋带与金属鞋扣眼搭配，其风格特征更加突出。

鞋眼位置通常设定在距鞋耳边缘线13～15 mm的平行线上，鞋眼数量与鞋耳大小有关，低腰鞋的鞋眼，最少的只有一至二只，最多的有五只。可在帮样设计中适当运用鞋耳的长短和形态，以安排鞋眼数量的多少。通常设计为三或四个鞋眼，位置与鞋耳轮廓线平行，其余鞋眼距离等分。

<10>、鞋舌位置的设定

鞋舌长出鞋耳位置线5～8 mm (E1E3=5～8 mm)，其后端的半宽为35mm左右，后端两侧为弧形，其前端位于鞋耳的前端第一、第二个鞋眼之间，轮廓线一般为尖角形状，即前帮与鞋舌的断开位置处(此处断开原因有两个：一是方便曲跷，二是节省面料)，确保成鞋不能外露断茬。

<11>、保险皮的设计

同“中开缝式男鞋样板设计与制作”当中的保险皮设计。

<12>、帮面上的穿花条设计

后帮鞋口线和前帮背中线处的穿花条可任意设计，只要美观即可。

4、半面板制作

在从鞋楦上揭下美纹纸前，首先将鞋耳扇轮廓线复制下来并展平，以备后用。如图2所示。

四、帮面样板制作

用分解法或用锥子扎点法从展平后的半面板上分别将保险皮、鞋舌、后帮鞋耳、前帮片的部位半面板制取出来。

1、保险皮样板。如图3所示

2、鞋舌样板。为了方便工艺制作，可不分怀处理。如图4所示

3、后帮鞋耳做帮样板的制作

在揭纸展平时，通过外界的力把曲面转变成平面，其中跗背部受到压缩而出现褶皱，导致鞋耳扇形状变形，故需要重新调整，使线条与原来设计的一样圆滑流畅。

<1>、将靠近背中线处的后帮鞋耳扇边缘线切开至靠近鞋耳两翼位置处，使两翼位置处呈似断非断状态。

<2>、适当拉开鞋耳扇切开的位置，使鞋耳扇与原复制的鞋耳扇形状一致。标画出其轮廓线，然后再根据保险皮的样板制作出保险皮位置线，割掉保险皮与帮面在帮脚处的部分重叠量，和冲出穿花条的位置孔及鞋眼位置孔，即为鞋耳的外怀做帮样板。如图5、图6所示

实际上也可以凭经验将复制好的鞋耳扇形状直接覆盖在展平后的鞋耳扇形状上，也能制作出鞋耳的做帮样板。

<3>、后帮鞋耳的内外怀处理

在外怀做帮样板的基础上，两翼帮脚处内怀提前3～5 mm;鞋耳口门位置点处内怀提前1.5 mm，且高于外怀2～3 mm;后帮鞋口线内怀提高2～3mm(此处一般不作分怀处理)。最后将线条修顺，即为后帮鞋耳内怀做帮样板。如图7、图8所示

4、护耳片样板制作的方法。如图9、图10所示

5、鞋盖样板的制作

按照鞋盖半面板的1/3处旋转曲跷法或者背中线鱼翅法制作出鞋盖的净样板。如图11、12、13所示

6、前帮片做帮样板的制作

<1>、首先将前帮片半面板鞋舌断开处的背中线E2V1处平齐对折线，勾画出鞋舌断开处的位置线E2O3及鞋耳口门位置线。如图14所示

<2>、然后以O3点为中心旋转样板，使半面板前部下降，后部自然上升，当旋转至鞋头部分最凸点J离对折线为5～8 mm时(根据选用材料的不同，鞋头部分最凸点J离对折线的距离也不相同，有时选用材料延伸性能不够时，则会使最凸点J平齐对折线)，此时勾画两翼位置轮廓线O3M1M2，且确定对折线上的J2点位置。如图15所示

<3>、接着将T1J两点平齐对折线，使鞋头部位对准J2点，此时勾画出J2M3帮脚轮廓线，接着再逐步按住半面板的1/2处O4、O5(注：O4=1/2 T1T3、O5=1/2 T2T4)旋转排除余量，不断勾画出M3M4、M4M2的帮脚轮廓线，最后，将半面板最凹处与对折线之间的余量排出，即为前帮片的外怀轮廓线条。如图16、图17、图18、图19所示

<4>、根据外怀轮廓线条制作内怀轮廓线条

在外怀轮廓线条的基础上，根据后帮鞋耳的内怀轮廓线来制作前帮片的内怀轮廓线，区分的位置及差别量与内怀后帮鞋耳相对应。如图20所示

<5>、割出半面轮廓线并展开，区分出内外怀。然后接着根据围条半面板在整片式帮面鞋头位置中心线处找出假围盖位置点J3，将鞋盖样板的J3点对齐前帮整片上的J3点，并使鞋盖的E2点对齐整帮面的E2点(注：若鞋盖的E2、J3两点和前帮整片上的E2、J3两点无法对齐，则以前帮整片上的E2、J3两点为准，适当移动鞋盖上的两点即可)，勾画出鞋盖轮廓线，并割出假鞋盖的画线槽和鞋耳搭接位置的线槽，另外再凿出穿花条的位置孔，即为前帮整片式帮面的做帮样板。如图21、图22所示

五、鞋里样板制作

1、鞋舌里样板制作：

如图23所示

2、前帮里样板制作方法 (根据前帮整片的样板制作前帮里样板)

<1>、首先把前帮片的半面轮廓勾画在对折的样板纸上。

<2>、然后将前帮里的半面板放置在前帮片的半面轮廓内进行旋转, 以O3点为中心进行旋转, 使背中线上最凸点J平齐对折线, 此时确定前帮里与后帮里的搭接位置线O3M5, E2O3M5J2即为前帮里的半面轮廓。如图24所示

<3>、将半面轮廓割下并展开, 放出压茬量, 并且修掉帮脚余量, 即为前帮里样板。如图25所示

3、后帮里样板制作:

N3、后帮里样板制作:选用后帮鞋耳和前帮整片的半面轮廓相结合制作出后帮里样板。如图26、图27、图28所示

疑难解析

疑难问题:楦背出现皱褶现象。

1产生原因判断

(1) 、款式结构设计不合理;

(2) 、皮料可塑性较差;

(3) 、系鞋带的鞋子, 绷帮前将鞋带系的太紧;

(4) 、样板跷度错误 (太大或太小) 。

2、解决方案

(1) 、确保款式设计合理;

(2) 、材料选用是否正确;

(4) 、系鞋带的鞋子, 绷帮前不要将鞋带系的太紧;

“快乐学习”网页设计与制作 篇7

关键词：《网页设计与制作》课程,教学方法,实践环节,考核方式,快乐学习

随着万维网的迅速发展, 网页已经成为网络世界传播信息、开展业务的最主要载体, 网页制作相关职位的市场需求持续增长。中等职业学校相关专业纷纷开设了网页制作课程, 但是对于非计算机专业的学生来说, 没有前期基础知识的支撑, 对于理论的学习会觉得较枯燥, 实践操作上手容易, 但想要融会贯通却很难, 很多学生死记硬背, 久而久之学习变成了一种负担, 学生的学习积极性和主动性都受到了一定的影响。在这样的教与学的过程中, 想要让学生体会到学习的快乐就变得更难, 快乐学习成了一纸空谈。面对这样的状况, 在网页设计与制作教学中, 我积极探讨多种教学方法, 合理设计教学环节, 采用适当的评价方法, 努力增强学生的学习快乐感。

一、采用适当教学方法, 激发学生的学习兴趣

传统的教学方式是教师在课堂上讲授理论内容, 学生上机练习, 教师辅导。这样一堂课结束后, 学生可能对上课讲的内容听明白了, 但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程, 教师让学生动手去做, 经历网页制作、网站设计的各个细微环节, 实现教与学的互动, 才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力, 教师可以采用“模仿”式教学, 让学生设计和制作一个完整的网站, 边做边学, 使学生进一步熟悉相关理论知识的应用与实际操作。

在教学中, 教师要选定一个难易度适中的网站, 既不能太难模仿, 使学生产生畏惧心理, 又不能太简单, 而达不到教学的目的。学生在“模仿”课环节, 对指定的网站首页和其他主要网页进行模仿还原, 该网站的各类素材可以直接使用, 对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务, 学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题, 网站完成以后, 普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析, 拉近学生与课程教学的距离, 将收集的典型的问题重点讲解。学生因为刚刚实际操作过, 对具体的问题有具体的认识, 因而在听讲过程中针对性较强, 对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师, 有兴趣才有快乐可言。

这样, 学生既可以复习网页制作的基本操作, 又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中, 会不断地克服一个又一个的困难, 学习自信心会大大地增强。爱默生说过, 自信是成功的第一秘诀。有了信心, 学生才能扬帆起航去找寻学习中的快乐。

二、注重综合实践环节, 调动学生的学习主动性

在学生基本掌握了本课程的内容后, 教师要注重综合实践环节的融会贯通, 可布置一份综合作业, 要求学生设计一个个人网站, 网站既要有鲜明、统一的风格, 又要有完善的内容, 页面的结构、图片的位置、链接的方式设置合理, 做到网页布局的和谐统一, 还要做到容易更新, 等等。要做到这些, 学生就必须在制作网站之前, 对网站进行一个总体规划, 然后逐步进行设计。

为了让学生展现良好的创作技巧和独特的风格, 布置综合作业之后, 教师可先让学生进行选题, 构建出自己的网站结构, 然后上网查询相关的资料, 再对网站进行规划, 写出书面的网站设计方案, 教师对每个学生的方案进行审查和评阅, 及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法, 培养学生撰写方案的能力。

如此完整的综合实践, 放手让学生依照自己的想法设计、制作属于自己的网站, 让学生自己做主, 学生的学习主动性会大大提高, 就能愉快、积极地去学习, 调动自己的内在潜能, 不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分, 与之相关的能力发展得就越快。

三、综合全面评价学生, 增强学生的学习成就感

《网页设计与制作》课程的考核方式承袭传统的应试模式, 考试内容侧重于对记忆型知识的考查, 忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力, 在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣, 除了理论考试之外, 我们还应该将整个考核过程融入到日常的教学环节中去, 设计出让学生容易接受并感到“快乐”的考核方法。

实践表明, 《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上, 把学生的学习过程也纳入考核的范围, 形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样, 教师不仅可以有效控制学生的学习过程, 而且可以根据反馈, 适当调整教学进度。

一直以来, 考核都是教师的“专利”, 学生是被动的“待估品”, 这样传统的考核方式让老师和学生的距离拉得太远, 产生疏离感。“亲其师”才能“信其道”, 只有老师做学生的朋友, 亲近学生, 与学生相互学习、共同切磋, 以学习成员的身份与学生一起参与到学习的过程中, 学生才敢在老师面前放松身心, 体验到零距离带来的那份亲切, 敞开自己的心扉。因此在考核中, 教师要放弃自己的“权力”, 和学生一起相互的讨论、评价, 让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点, 会肯定自己;发现自己的缺点, 会提高自己, 学习成就感会逐渐增强, 考核过程就不再是痛苦的, 而是蕴藏无限快乐的过程。

在网络高度发展的今天, 学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源, 因此老师面临着更多的挑战, 不仅需要对网页制作相关技术进行持续研究, 而且要在教学方法、教学手段上不断进行革新, 以充实的内容吸引学生, 以活跃的氛围打动学生, 让学生爱学习、好学习, 在学习过程中获得成就感和满足感, 得到身心的愉悦, 实现快乐学习。

参考文献

[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报, 2007, (68) .

[2]余平.高职高专网页设计教学改革实践与探索[J].文教资料, 2007, (2) .

[3]张伟娜.《网页设计与制作》课程教学的探讨与实践.乌鲁木齐成人教育学院学报, 2005, 13 (1) .

网页设计与制作课程现状研究 篇8

1《网页设计与制作》现状问题分析

(1) 对课程不了解

很多学生都有这个困惑, 这门课能干什么?答案就是--开发网站!简单的来说, 学好了这门课, 你就有开发、设计网站的能力。这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接, 可以实现信息的实时更新。使你的网站成为一个"有生命"的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划, 再加上像Java Script这种脚本语言来实现用户与网页的互动功能, 经过这些专业技能的学习, 让学生真正掌握一种技术。

(2) 学校以及教师的指导不够

很多老师通过上理论课的时候将知识授予学生, 并未在做后续的指导, 这是一门重在实践的课程, 多实践才能熟练。学校开展相关专业的比赛活动很少, 仅凭平常的上机实践很难完全掌握所学内容。

(3) 侧重点不明确

很多学校教师在上这门课时, 将很大一部分精力放在了对工具的操作上, 而忽略了内容的讲解, 这就导致学生可能工具用的不错, 但是做出来的东西却很一般, 甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义, 不知道学这个有什么用, 将来能干什么, 态度比较犹豫, 这也导致对这门课不重视。

2 解决当前问题的方法

(1) 学校教学思路

这门课程分为理论部分跟实践部分, 理论知识的讲解一般在课堂上进行, 通过授课教师的讲解, 同学之间的演讲和作品展示来进行学习, 举例学习是一种更快更有效率的教学方法, 授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分, 将重心放在学生上面, 着重锻炼和培养学生自主动手实践的能力, 学生有自己的想法后, 可以结合教材自己去做网页, 教师在布置任务不应死板的规定学生们必须要完成一个相同的作品, 这样容易将一些学生的想法锁死。在课程设计上, 让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点, 充分展示学生的想法跟意见, 让学生创造自己的作品, 培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会, 尤其是用所学知识去解决实际问题的机会, 与此同时, 还应让学生自己创造机会, 慢慢建立自己的学习方式。

(2) 教师的教学理念

如今的社会, 互联网的普及率非常高, 各种新兴的行业发展非常迅猛, 所以, 学校授课内容应该紧跟时代的发展。技术是在不断更新的, 育人的目的就是想找到一份好的工作, 将就业放在第一位, 及时归纳总结问题, 现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时, 应该深入研究教学要求, 确保教学内容跟目的合理性, 考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力, 支持与同学一起探讨问题, 教师要积极帮助学生解决他们所遇到的问题, 学生通过对教材内容的了解, 结合课程模块方面的实践将学到的知识运用到实际生活中, 最大程度的激发学生学习的热情, 进而形成良好的学习习惯。很多大学生对未来没有清晰的规划, 在就业选择上不知该如何做出选择, 所以他们主观意识上不太确定自己适合做什么, 这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作, 让学生能从一而终认真专心的学习, 不再将心思放在"能不能找到工作"上, 方向明确了, 自然而然学习动力就会充足。

(3) 解决学生的困惑

《网页设计与制作》这门课程, 教师给学生应该传达这样一个信息:在已经掌握的技术水平跟理论知识之上, 还要能够独立去实践。把重点教给学生, 合理平衡的分配理论知识与实践操作所占比例, 在掌握学习工具以后, 一定要多实践, 多去了解学习理论方面的知识, 技术在不断进步, 学无止境, 要不断的更新自己的知识, 而不能安于现状。一种技术可能就是将来的求生技能, 所以, 学生对任何东西不要有排斥的心理, 既然能有一门课程, 那肯定是有道理的, 有的学生不愿意去学习, 是因为他不了解这门课程的作用, 这时候, 教师跟学校扮演了相当重要的角色, 他们应该为学生答疑解难, 让他们明白课程的重要性以及作用。及时指正他们认知上的错误。

3 结语

《网页设计与制作》是一门涉及面很广的课程, 在教师的教学方法跟课程设计实践的作用下, 都能去激发出学生对这门课的兴趣, 学生自主的探究学习可以丰富完善他们的专业技能更能加深印象, 教师在传授专业知识时应该让学生明白这门课程的特色和作用, 可以使他们在今后的学习和择业中方向更加明确。

摘要：《网页设计与制作》这门课要求学生动手能力要强, 思维要敏捷, 综合性极强。怎样让学生对这门课感兴趣并且可以出色的完成任务是学好这门课的关键。本文主要阐述这门课的教学思路以及当前所面对一些问题的解决方法。

关键词：网页设计,问题分析,教学设计

参考文献

[1]张宏升, 章明珠.《网页设计与制作》课程教学体系的构建与研究[J].电子制作, 2015, (9) .

[2]劳飞.基于项目化教学的"网页设计与制作"课程改革与实践[J].教育与职业, 2014, (29) .

网页设计与制作 篇9

《网页设计与制作》课程是《Web应用程序设计》课程的先修课程, 为Web应用程序的页面布局和界面设计打基础。为了适应市场对“网页设计制作人员”的岗位需求和为了实现网页设计到Web应用程序设计的过渡, 有必要对现有的《网页设计与制作》课程进行改革, 使学生能适应“网页设计制作人员”的岗位需求并能将《网页设计与制作》课程里学习的实践成果能直接应用于基于.net或JSP的Web应用程序设计。

2、《网页设计与制作》课程现状及存在问题

笔者所在学校的计算机科学与技术、软件工程、网络工程三个专业都开设了《网页设计与制作》课程。传统的网页设计与制作课程主要基于网页三剑客Dreamweaver、Fireworks、Flash制作出精美的网页。这些网页内容丰富多彩, 结构复杂, 能满足静态网页的页面需要, 但这些网页不能直接应用于基于.net或JSP的Web应用程序开发中, 不能满足动态网页的页面需求。Web应用程序开发, 是通过后台数据库与Web服务器的信息交换, 由后台数据库提供实时数据更新和数据查询服务。《Web应用程序设计》课程有两种主流的开发技术:.net与JSP。在《Web应用程序设计》课程中, 主要讲解.net技术与JSP技术, 而不讲解页面设计, 需要学生将《网页设计与制作》课程学习到的网页设计知识融合到Web应用程序设计中来, 使动态页面既有数据库的内容, 又界面美观。而学生在传统的《网页设计与制作》课程里学习的页面知识不能直接应用于Web应用程序设计。有必要对《网页设计与制作》课程进行教学改革, 增加CSS, Div, Javascript, AJAX等内容, 以完成学生向Web应用程序设计的过渡。

3、教学改革措施

3.1 课程定位与目标

《网页设计与制作》课程的实践性较强, 是网络工程专业的核心课程, 是计算机科学与技术、软件工程专业的选修课。本课程以计算机导论、计算机程序设计语言为先修课程, 以培养学生实际动手能力为目标, 使学生具备网页素材搜集、网页元素制作、网站布局和规划、脚本代码编写、网站发布、网络建设管理与维护等知识与技能, 并培养学生团队协作能力、沟通能力、分析问题能力、解决问题能力, 同时也为后续课程《Web应用程序设计》的学习奠定基础和实现向Web应用程序开发的顺利过渡。

课程目标包括: (1) 理解网站的工作原理, 学会构建网站; (2) 熟练掌握Photoshop、Fireworks、Flash等软件处理网页素材; (3) 熟练使用CSS、Div进行网页设计; (4) 掌握网页脚本语言的使用方法; (5) 培养学生做出具有一定水准的网页 (包括Javascript, CSS+Div) 。

3.2 优化教学内容

以往《网页设计与制作》的教学内容大多是按网页三剑客展开, 而以向Web应用程序设计的过渡为导向的课程改革需要将《网页设计与制作》课程内容与Web应用程序开发的动态页面要求相结合, 满足日后的Web应用程序设计要求。

教学内容主要包括: (1) 网页图片处理; (2) 网页动画制作; (3) 基于HTML+CSS+Div+Javascript网页设计。

借助Dreamweaver进行可视化页面设计转向纯代码的编写, 全部靠手工编写代码来设计网页页面。

3.3 教学方法改革

教学方法由传统的演示法向多样式教学方法发展, 主要有以下4种:

启发式-模仿法:初学时需要大量浏览一些优秀网站案例。通过欣赏国内外优秀网站, 让学生在外观视觉的享受中感受网页设计领域的奇妙, 培养学习兴趣。并选中几个案例, 进行一步一步地模仿设计。

任务驱动法:每个学习案例都布置了学习任务, 课程体系结构以任务为主线, 贯穿整个学习过程。教师在课堂讲解理论知识后, 布置学习任务, 学生自己动手独立完成学习任务, 将理论与实践相结合, 使理论知识得以实践。

项目教学法:将实际的网站设计项目直接在课堂再现, 以项目为驱动, 带动各知识点, 让学生边学边练。让学生了解网站开发的流程, 也促进各知识点的应用, 快速吸收所学内容。

3.5 学生设计成果能向《Web应用程序设计》课程过渡

《网页设计与制作》课程是《Web应用程序设计》的先修课程, 学生通过《网页设计与制作》课程的学习, 设计出的网页成果要能直接移植或方便的移植到Web应用程序设计中来, 而不能出现设计出的网页成果与《Web应用程序设计》无关, 与后续课程脱节。

方法: (1) 利用Dreamweaver等网页编辑软件, 纯手工编写代码, 保存为后缀名为html或htm的文件, 通过不同的浏览器测试页面的预览效果。日后通过修改文件后缀名来适应.net开发或JSP开发, 实现向Web应用程序设计的移植。

对于基于.net的Web应用程序, 在Visual Studio环境下进行网页设计, 实现网页设计向基于.net的Web应用程序的直接移植;对于基于JSP开发的Web应用程序, 在Eclipse环境下进行网页设计, 实现网页设计向基于JSP的Web应用程序的直接移植。

4、结语

通过《网页设计与制作》课程教学改革与实践, 课程结课后学生都能够独立完成基于HTML+CSS+Div+Javascript的小型网站网页的设计, 且这些网页要能直接移植或方便的移植到Web应用程序设计中, 实现向Web应用程序设计的完美过渡。通过课程改革, 提高了学生的学习兴趣, 锻炼了他们的实际动手实践能力, 并为后续《Web应用程序设计》的页面设计打下良好的基础。

摘要：为了适应市场对“网页设计制作人员”的岗位需求和网页设计成果向《Web应用程序设计》课程的过渡, 针对目前《网页设计与制作》课程存在的问题, 对《网页设计与制作》课程的教学目标、教学内容、教学方法等多个方面进行了改革与实践。

关键词：网页设计与制作,Web应用程序设计,课程改革

参考文献

[1]彭莉, 张道军, 高好良.《网页设计与网站建设》课程教学改革与实践.软件导刊, 2013, 12 (2) :170-172.

[2]董玉兰.教师引导学生探究——《网页修饰》教学设计.课程教育研究, 2013.

[3]闫奇峰, 张莉平.高校《网页设计与制作》课程的教学改革与探析.计算机教学, 2012, 8:165-166.

微课的设计与制作 篇10

关键词：微时代；微课设计；微课制作

中图分类号：G711文献标识码：A文章编号：1005-1422（2016）08-0036-02

本文主要介绍了微课的概念、设计，并结合自己在制作微课的实践经验，谈谈如何设计和制作一节微课。

一、微课的概念

自2008年，美国圣胡安学院的高级教学设计师David Penrose提出“微课程”引发热议。2010年国内最早提出微课程概念的广东佛山教育局信息中心主任胡铁生认为，“微课是微型课程的简称，它是以微型教学视频为主要载体，教师针对某个学科知识点（如重点、难点、疑点、考点等）或教学环节（如学习活动、主题、实验、任务等）而设计开发的一种情景化、支持多种学习方式的新型在线网络视频课程。”

简单地说，微课是利用最短时间，针对一个知识点或技能进行讲解的一种微型教学。微课具有“短小精悍”的特点，满足学习者能通过手机、ipad、电脑随时随地学习的愿望。

二、微课的设计

微课设计的关键是从选题设计、教学目标及学情分析进行设计。下面以中职计算机专业课程《Flash动画设计与制作》这门课程的其中一个技能点“逐帧动画制作”为例，谈谈微课设计的主要环节。

1选题设计：选题要精练，教学内容明晰，针对某个学科的重要知识点进行讲解或技能展示。例如，笔者的选题“逐帧动画制作”是Flash这门课程的教学重点。简单来说，选题要有价值和难度，一些易懂的教学内容就毫无制作价值了。

2时间设计：微课的时间设计长短应考虑的主要因素是学习者的特征。针对中小学生的微课一般5～8分钟为宜，年龄稍大些则可适当加长到10～15分钟，最长不超过15分钟。

3结构设计：微课是教学过程的呈现，与一般课堂的教学环节类似，一般有问题的导入，教学活动的切入及技能的展示和训练，以“逐帧动画制作”为例，笔者设计了录制脚本如表1所示。

4资源设计：整合教案、学案、素材、课件，构成一个学习资源包，供学习者下载，随时进行全方位的学习。

三、微课的制作

目前，微课媒体呈现的主要类型有拍摄型微课、录屏型微课、动画型微课及混合式微课。计算机专业教学以软件操作为主，录屏型微课特别适合用于技能呈现。现在市场上流行的录屏软件很多，Camtasia Studio（以下简称CS）是一款非常优秀软件，集录制、后期制作为一体，其操作简单，方便。下文以CS6为例，讲解如何录制一节微课。

1制作准备：

（1）硬件准备：电脑、摄像头、话筒。

（2）软件准备：下载安装软件Camtasia Studio6，制作PPT课件。

2录制流程

（1）如果需要画中画效果，则需要把授课者头像调到画面居中位置；将准备好的PPT打开，一切准备就绪，录制即将开始。

（2）打开CS软件开始准备录制：第一步打开录屏软件，点击“录制屏幕”按钮，选择录制区域“Salect Area”、摄像“Cemera”、声音“Audio”，按需要进行设置，点击右边红色按钮“rec”开始录制按钮，当出现3，2，1后便开始了微课的录制了。

（3）注意问题：录制时要注意选择一个安静的环境和适合的背景。若录制过程中出错时不用紧张，只需稍停3秒，重新从出错位置录制即可。因为后期的处理功能可以方便地将错误剪辑。

（4）录制结束后，最好的办法是直接按F10键结束录制，按“Save”键保存文件；也可先关闭课件，按下软件界面上的“Stop”键结束，再点“Save”键保存文件。

3后期制作

微课的设计与制作

（1）导入文件：打开软件界面，选择左边“添加”中的“导入媒体”，导入刚才录制的文件，这时导入的文件将出现在“剪辑箱”里。如下图所示：

（2）将文件添加到时间轴上：选中文件拖到时间轴上，在弹出的对话框中按需要进行设置：其中预设为视频大小；调整大小选项第一项为自动快速变焦设置，将为画面自动创建变焦关键帧，而选择“更改视频大小选项”则视频不会变焦。

（3）画中画调整：点击画中画选项，界面左上角会出现“修改画中画”面板，可直接用鼠标调整画中画大小或输入进行调整位置和大小。

（4）视频剪辑：按空格键观看视频效果，再次按下空格键停止播放，在时间轴上拖动鼠标选中需要剪辑的片断，按时间轴上方的小剪刀按钮，即可将视频剪辑。

（5）添加标题字幕：点击编辑-标题，即可为课件添加标题字幕。在音频和文本同步的位置点击开始、停止为视频添加字幕，点击覆盖为字幕，选择需添加字幕的位置，点击手动添加可一句句地添加每一句字幕。

（6）完成后预览效果，没问题后点击软件界面左下角的生成—生成视频为……选择需要生成的视频类型即可。若生成视频文件较大，可用格式工厂软件进行处理。

四、微课制作注意事项

在进行微课制作时要注意以下四个方面：（1）课件制作要简洁美观、动静结合、图文并茂；（2）拍摄清晰、光线充足、背景简单，确保看到整个头像；（3）讲解要看镜头，仪表得体，声音清晰；（4）视频时长不超过15分钟，声画同步。

五、结束语

随着移动互联网的发展，终端移动设备的普及，微课程的资源日益丰富，为微课的学习提供了保障，微课也必将成为一种新型的教学模式。这种教学模式，让学习者无论何时何地都可以参加学习、讨论，并能在短时间内掌握知识和技能，给他们带来极大成就感。作为新时代的一线教师，跟上时代步伐，更新教学模式、提高教学水平，也是这个时代赋予教师的使命。

参考文献：

[1]胡铁生微课的内涵理解与教学设计方法[J]广东教育（综合），2014（04）

[2]朱宇华录屏软件在多媒体课件制作中的应用[J]科技信息（学术版），2006（12）

网站的设计与制作 篇11

一、教材分析

本节内容选自高一高二年级使用的选修课本《网络技术应用》第4章第二节“网站建设”, 该课本由上海科技教育出版社出版。本节内容是继网站规划、网站设计后网站制作的关键一节。本节课侧重网站的设计与制作, 通过网站设计与制作, 不仅可以使学生对以前所学的信息获取、信息加工、网站设计知识加深理解和掌握, 而且有利于学生利用表格及其属性设计网页, 掌握表格嵌套方法及网页模板, 提高网页制作效率, 为以后学习动态网站奠定一定的基础。

二、教学对象分析

本节课内容是关于网站的设计与制作。通过上节“了解与设计网站”知识的讲解, 学生对网站概念有了基本认识, 了解了网站制作的基本流程, 但是学生在这方面的能力水平不一:有的学生对网站制作知识只有初级水平, 而有的学生已经能制作个人网站, 并且已经在网上申请了免费空间进行了发布。在教学过程中需要以大部分不会制作网站的学生为主体, 对于那些水平能力较强的学生应引导他们注重网站的策划与设计。

三、教具准备

教师准备:1.学生电脑接入互联网;2.学生电脑安装软件:photoshop、frontpage、flash等;3.学校网站网址, 学校风景、学生活动等图片、视频、文字素材。

学生准备:小组成员访问校园网、互联网, 收集建站所需的图片、音频、视频、文档材料。

四、教学目标

(一) 知识与技能

1.了解表格在网页设计中的作用, 利用表格定位网页;

2.掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法, 表格嵌套的设计方法, 并会添加网页元素;

3.使用模板的方法来制作风格统一的网页。

(二) 过程与方法

1.利用对比学习法, 培养学生知识迁移的能力;

2.通过用表格结构设计网页, 使学生进一步理解表格的作用、功能及网页设计方法的多样性, 培养学生的发散思维能力;

3.通过自主探究, 使学生掌握软件的使用规则, 培养学生自主学习的能力。观察能力及解决问题的能力。

(三) 情感、态度与价值观

1.通过运用表格布局网页对象活动, 进一步掌握各种不同对象属性的设置方法和规律, 体验创造的快乐;

2.在合作实践过程中, 培养学生合作帮助、团结协作的良好品质;

3.培养学生大胆构思、自主创新的精神, 培养学生的美感, 体验创作后的成就感。

五、教学重点难点

(一) 教学重点

1.表格在网页设计中的重要作用;

2.利用表格定位网页。

(二) 教学难点

1.表格的嵌套在网页设计中的应用;

2.使用模板的方法来制作风格统一的网站。

六、教学策略分析

根据学生特征, 结合其认知水平, 本节课采用任务驱动法为主, 讲授法、演示法、讨论法为辅的教学方法, 结合任务调动学生自主探究和合作交流。

七、教学过程

八、教学反思

本节课遵循以学生学习为主, 教师教为辅的教学理念, 采用任务驱动的教学方法, 让学生带着任务, 在自主探究、协作学习的气氛中, 根据自已的需求, 完成网站的规划、设计与制作。

学生在学习过程中, 处于积极主动的学习状态, 充分发挥了学习主动性和创造性。本节课提高了学生自主获取、巩固和知识综合运用能力。学生的自学能力、创新能力、动手能力都得到了发展。本节课有效地培养了学生的个性发展, 克服了传统教学中压制个性发展的“一刀切”现象。

教学评价环节, 充分调动了学生的积极性, 学生在评价中展示自我、学会评价他人, 学生的知识技能和认知能力等方面都得到了提升。