多媒体网页（精选10篇）
多媒体网页 篇1
《网页编辑》是根据新闻和编辑出版行业应用计算机的现状, 为新闻和编辑出版专业本科生开设的一门专业基础课程。由于该课程综合性和实践性很强, 学生很难掌握其基本理论和实践技能。基于此, 课题组成员开发了基于Browser/Server模式, 在Internet或Intranet上发布的多媒体网络课件。
一、开发工具和运行环境
1. 开发工具。
为方便多媒体网络课件的制作与调试, 开发者必须依据需要选择合适的开发工具和运行环境。本课件选择的开发工具有:网页制作使用Dreamweaver CS软件;图形处理使用Fireworks CS、Photoshop CS软件;动画制作使用Flash CS、GIF Animator5.0软件;视频和音频处理使用Premiere7.0、cooledit2.1、Win MPG Video Convert9.0软件;网页上传使用Cute FTP XP V5.0.2软件;数据库开发软件用Dreamweaver+ASP+Access来综合开发。
2. 运行环境。
运行的网络环境:推荐接入带宽2M以上的教育网内使用。
服务器端环境:推荐服务器配置为Intel (R) Xeon (R) CPU 2.50GHZ或更高版本处理器、4G或更高内存空间, Windows 2003 R2 Server以上版本操作系统。
客户端环境:推荐配置为PII300以上的CPU、128MB以上内存的个人电脑, Windows2000/XP操作系统, 安装IE6.0及以上版本浏览器, 1024×768显示分辨率, 具备Adobe Flash Player 9.0以上版本的插件, Windows Media Player 9.0或更高版本媒体播放器。
二、课件系统的规划与设计
1. 课件系统规划。
教学模式建构的主要目标是为了培养和帮助学生提高自主学习能力和创新意识, 网络课件规划与设计必须遵循这一原则。在课件制作前, 课题组成员首先对学习这门课程的新闻和编辑出版专业的学生在认知水平、知识结构等方面进行全面考察和定性。在充分了解教学对象基础上, 结合本课程教学大纲、教学目的来选择教学内容和确定难易程度, 然后编写课程的文字和制作脚本。脚本设计完成后, 就开始搜集和处理各种多媒体素材。根据课件脚本, 利用计算机网络技术将各种素材有机集成为多媒体网络课件, 并在校园网上进行测试、修改和完善, 最后正式发布。
2. 课件系统的设计。
本课件结合新闻和编辑出版专业的实际需求, 分为理论和实践两大部分。理论部分主要是网页编辑的基本知识, 实践部分主要是实验指导和实验操作。课件系统在具体设计上借鉴了软件工程里结构化分析方法中的模块化设计原则, 将每一部分分成若干模块。控制课件教与学流程的导航系统采用横向导航, 可分为教学内容、学习资源、实验指导、在线交流、教学管理5个模块 (如图1) , 每个模块对应的课程页面导航采用树状结构。模块下的各级页面以超文本格式分别创建超级链接。这样, 学生通过简单的鼠标点击就可以方便实现不同模块与对应知识点之间的跳转, 而不会遭遇网络“迷航”现象。
3. 课件系统的主要模块分析与技术实现。
(1) 教学内容。
本课件系统主要模块为教学内容、实验指导、在线交流和教学管理, 而教学内容模块则是主体部分。根据课程教学目的和大纲要求, 课题组成员将教学内容划分章节, 并制作成融文字、图像、音视频、动画于一体的教学内容课件和电子教案, 每个章节都匹配案例分析、制作演示和思考与练习。教学内容课件页面是采用框架结构设计的html文档, 无需插件即可按章节进行浏览。电子教案制作成两种格式:一种是后缀为exe可执行文件;一种是html网页格式。案例分析中的大部分动画采用的是体积较小的swf格式, 利用Flash插件即可播放。丰富翔实的教学内容信息和方便快捷的功能设置使得学生能很快掌握本课程的基本概念、理论和具体的操作规范, 为实践环节奠定坚实的基础。
(2) 实验指导。
学生根据实验大纲要求, 按照实验演示视频提供的具体操作步骤, 在本地PC机上进行新闻网页设计实验、Flash新闻动画制作实验和新闻图片处理实验。实验完毕, 学生可根据自己的实验情况按照课件系统提供的实验报告模板进行撰写。实验作品要求在线上传, 以供任课教师评分和学生之间相互浏览。实验大纲页面除用文本展示其内容外, 还在页面上内嵌word格式和PDF格式以便学生下载保存。实验演示视频采用网络流行的FLV格式, 设置了方便学生控制快进、倒退等按钮, 且嵌入每个单独页面的位置适中, 用浏览器安装的Flash Player 9.0插件即可浏览。作业上传页面采用表单 (Form) 、层叠样式表 (CSS) 等技术来实现电子作品的上传。
(3) 在线交流。
本课件系统设置了在线交流模块, 让学生在学习过程中, 对未知的、难理解的内容及学科动态等进行师生交互、生生交互和人机交互。本模块由留言板、课程BBS和E-mail三部分组成, 学生在留言板可以匿名就网上课堂学习过程中遇到的问题随时向老师请教或与同学在线讨论, 老师登陆后可以对学生留言请教的帖子进行分类管理和答疑解惑。BBS版块按照课程内容设置了新闻网页编辑、Flash新闻动画制作和新闻图片处理3个主题讨论区。通过E-mail可以实现老师对学生进行个性化的教学辅导, 从而实现“因材施教的个别化教学”。
(4) 教学管理。
教学管理模块是课件一个辅助部分。通过登录机制, 教师可以管理员身份登录查阅学生访问次数、网络教学评价和学生留言的疑难解答。学生登录则可以查看作业成绩、在线评教。本模块是通过Access来实现, 大部分是Asp文件。在教师和学生登录的页面采用了验证码和表单技术, 以防止用户恶意利用机器人自动注册、登录, 从而提高课件系统的安全性。
三、本课件的特色与创新
1. 丰富的学习资源。
本课件包含大量的学习资源, 其中文本内容20余万字, 图片1000余幅, 音视频资料文件容量近2G。尤其是在教学内容的每一章节还提供了大量与新闻和编辑出版专业相关的案例分析。为方便学生的实验操作, 课件除了提供大量的实验演示视频外, 还设置了素材库以供下载使用。为拓宽学生知识面, 课件提供大量的网络资源和相关的参考资料, 使学生在了解本课程同时, 也能查阅相关学科的知识信息, 从而开阔思路, 进一步增强对本课程的理解。丰富的学习资源为个别化学习、选择性学习、协作性学习与竞争提供了可能, 从而提高教学效果。
2. 友好的交互环境。
本课件内容交互策略实现主要通过创设新情境、制造认知冲突、丰富教学资源来构建良好的交互环境, 激发学生学习的自主性和创造性。通过设置留言板、BBS、E-mail交互平台来及时解决学生提出的问题和掌握学生学习情况, 尤其是学生可以以匿名形式同老师进行网上交流, 使得学生的主观能动性得以充分发挥, 同时也培养了学生获取、加工和发布信息的能力。
3. 明确的系统构架。
本课件导航系统采用横向导航, 每个页面有直观形象的浏览标识, 超级链接准确有效, 只要使用鼠标和键盘就能够灵活进入或退出而不会出现网络“迷航”现象。教学内容层次与段落划分清晰明确, 方便浏览。课件的界面设计简单大方, 色彩的使用清新明快, 动画、影像播放自然流畅。当然, 在保持课件构架简洁明确条件下, 可适当采用JAVA、行为、时间轴动画等技术来增加课件内容生动形象性, 但提倡形象化的同时, 必须突出“课件为内容”的核心理念。
四、课件制作需要注意的问题
1. 网络课件需要协作开发。
多媒体网络教学课件的开发是一项较复杂的系统工程, 开发者不仅需要课程专业知识, 还需要综合运用计算机网络技术、教育学、心理学、美学等学科知识。因此, 网络课件制作需要一个具备各种专业知识的团队来协作开发。
2. 网络课件创作要以建构主义理论为基石。
在建构主义理论中, “情境、协作、会话、意义建构”是学习环境中的4大要素。网络课件创作要以建构主义理论为基石, 营造优良的学习环境, 构建方便、快捷的协作会话平台, 提供丰富的学习资源, 尽可能地帮助学生实现意义建构。
3. 网络课件需采取优化措施。
由于课件的体积过大和Internet网络带宽的限制, 在制作时需采取必要的优化措施。如在保证声音和图像质量的前提下, 可采用具有压缩性的图片和流媒体文件;在网页设计中多运用模板 (Template) 技术, 以简化程序, 加快课件运行速度。
五、结语
设计制作与应用《网页编辑》多媒体网络课件, 对课程中理论知识和实践性环节的课堂讲解起到很大的辅助作用, 从而加深了学生对该课程的掌握, 大大提高了课堂教学效果。在现代教育技术和网络资源飞速发展的今天, 开发研制高质量的多媒体网络课件, 对于我们广大教育工作者来说依然是一个不断探索的新课题。
参考文献
[1]高丽君.网络化教学模式研究[J].教育理论与实践, 2006, 26 (1) :42-43.
[2]周中云.基于个别化教学多媒体课件设计的反思[J].中国电化教育, 2003 (1) .
多媒体网页 篇2
合作协议
本“合作协议”(下称“本协议”)由以下双方于2011年11月14日签署。
协议双方：
甲方：上海聚力传媒技术有限公司
地址：上海市浦张江高科技园区碧波路690号5号楼5楼
联系人：杨彬
电话：201-50275399
传真：021-50271218
乙方：
地址：
联系人：
电话：
传真：
双方就甲方游戏产品达成如下合作条款：
一、定义
1.甲方游戏：是指由甲方合法运营，拥有独立、完整版权的网页游戏，包括服务器端程序及
其文档。
2.乙方渠道：是指由乙方合法运营，利用网络媒介、渠道、为甲方提供宣传销售活动的和合法相关机构。
3.有效业绩：自用户注册成功之日起1年内，用户使用游戏所支付的所有服务费。表现形式
为乙方推广用户在甲方游戏中的充值金额。
4．有效用户：是指通过乙方渠道的宣传推广，注册甲方游戏帐号，通过游戏分区激活游戏的玩家。
5．实收金额：是指有效用户充值金额扣除支付渠道成本后的金额。
二、甲方义务
1.甲方承担游戏服务所必须的所有硬件设备和宽带资源，负责在合约区域安装架设游戏服
务器、数据库服务器、下载服务器、网络服务器和其他所需服务器，并将服务器置于适于提供游戏服务的在线网络环境之中。
2.甲方对游戏提供如下维护及支持服务：
2.1修正游戏的漏洞（bug）、缺陷；
2.2提供所有对于本游戏产品的补丁；
2.3发布游戏公告，不定期升级游戏。
3.广告创意由甲乙共同商议提出，乙方提供广告规格，甲方负责广告制作，广告的链接地
址应包含乙方专用推广链接地址或者相关的额渠道标示推广产品。
4.甲方对游戏进行的、有计划的维护和支持服务，需要提前1个工作日通知乙方；对于突
发事件引起的维护和支持服务，甲方应在突发的维护和支持服务完成后一个工作日内通知乙方。
5.甲方应向乙方提供乙方推广用户的注册数据及用户充值数据的实时推送与查询服务。
6.甲方负责游戏运营的客户服务工作。
三、乙方义务
1.乙方在乙方网站、渠道或以其它方式为甲方游戏提供宣传推广活动。
2.乙方应保证乙方与甲方网站链接完成，由甲乙双方共同进行推广链接及推广用户查询测
试。
3.甲方同意乙方可以在推广活动中在不损害甲方权益和声誉的情况下合理使用甲方产品、商标以及甲方的名称等，但应接受甲方监督。如果乙方未按上述约定使用甲方产品、商标以及甲方的名称等，甲方有权在提出异议后立刻中止乙方使用甲方产品、商标以及甲方名称等。
4.乙方不得以任何形式引导甲方用户进入其他平台，一旦甲方发现乙方有上述行为，即可
终止合作，并要求乙方给与相应补偿。
四、有效业绩确认及报酬支付
1．推广分成：
当月乙方在甲方平台所有游戏中的有效业绩小于30 万元，乙方分成为当月实收金额的40% ；
当月有效业绩大于等于30万元、小于 50 万元，乙方分成为当月实收金额的45%； 当月有效业绩大于等于 50万元、小于 100 万元，乙方分成为当月实收金额的50%； 当月有效业绩大于等于 100万元，乙方分成为当月实收金额的55%；
2.推广分成结算时间期限：乙方可获得的推广分成的时间期限，应自乙方每个推广用户注册后开始的_12个自然月内，乙方享有本协议第四条所规定的充值收入分成权利。在合同终止后，如乙方的推广用户注册时间未满12个自然月，甲方仍有义务将乙方推广用户的收入分成支付给乙方，直至12个自然月期满为止。
3.每月推广分成统计日期：每月1-5日统计上一个月度（1日-30或31日）所有有效用户发生的有效业绩。
4．支付方式：乙方需在每月6-20日在甲方网站（乙方专用入口）提出领款申请，甲方应在收到乙方提供等额合法有效的发票后的14个工作日内将分成收益汇到乙方指定专用账户。
5． 当月乙方推广用户中符合分成订单金额达不到双方商定的分成金额人民币1000元，甲方可以将分成金额累积到下一个分成月内支付给乙方。
6.乙方对分成收益提出异议甲方又不能给予满意答复的，乙方可委托双方认可的审计机构进行对乙方推广用户在甲方网站销售系统的消费记录的审计，甲方应予配合，分成净收益以审计结果为准。
7.收益查询：乙方登录甲方网站，在乙方专用查询页面查询分成明细。
8.乙方在甲方网站提出领款申请时，须详细真实填写汇款银行的相关资料。若因乙方资料填写错误，造成损失的由乙方自行承担。
9.乙方开户行及帐号
开户名：
开户行：
开户帐号：
五、延迟交付和滞纳金
自乙方网站正式进行推广宣传活动后，如果甲方未按本协议第四条的规定而延迟支付分成金额的，每逾期一日，甲方应按当期应付金额的千分之三向乙方支付滞纳金，直至付清为止；经乙方书面通知后15日内，甲方仍未履行相关支付义务的，乙方有权立即终止本协议，且甲方应负责赔偿乙方因此而遭受的一切经济损失。
六、声明、陈述与保证
1.甲方保证：
1.1 甲方保证拥有甲方游戏的所有权利。同时具有合法资格从事本协议约定的合作。
1.2 甲方务必保证运营产品的品质质量及服务器设备质量，维护用户合法权益，认真负责的做好各项客户服务。
1.3 甲方的违约责任仅限于直接经济损失，不包括任何间接损失、预期利益损失。
2.乙方保证：
2.1 乙方保证拥有乙方网站、媒体、渠道的所有权利，同时具有合法资格从事本协议约
定的合作，并具备足够的技术和宣传推广力量及人员配备；具有推广产品的丰富
经验。
2.2 乙方保证在合作期间，积极推广甲方的产品和网站。
2.3 乙方的违约责任仅限于直接经济损失，不包括任何间接损失、预期利益损失。
七、协议事项变更
本协议即使在协议期限内，也可通过甲方和乙方的相互协商，并签订书面协议对本协议内容进行变更，变更协议自双方盖章之日起生效。
八、保守秘密
1．任何一方均不得以非正当方式获取本协议项下与工作无关的保密信息。各方应以对待自己同等重要的保密文件一样的谨慎程度（不得低于正常合理的谨慎程度）对从另一方接收到的所有保密信息加以保密。
2．未经本协议明确许可或经另一方事先书面同意，任何一方不得向第三方（有关法律、法规、政府部门、证券交易所或其他监管机构要求和双方的法律、会计、商业及其他顾问、雇员除外）泄露本协议的条款的任何内容以及本协议的签订及履行情况，以及通过签订和履行本协议而获知的对方及对方关联公司的任何技术或经营信息，不得使用对方的保密信息，且不得允许（出借、赠与、出租、转让等处分对方商业秘密的行为皆属于“允许”范畴）或协助不承担保密义务的任何第三人使用对方的商业秘密。
3． 各方应采取合理措施，防止保密信息被泄露以及使用未经授权的保密信息。如发现商业秘密被泄露或者自己过失泄露商业秘密，应当采取有效措施防止泄密进一步扩大，并及时向对方报告。
九、协议履行
甲乙双方应当按照约定全面履行自己的义务，并应当遵循诚实信用原则,根据协议的性质、目的和交易习惯履行通知、协助、保密等义务。
十、协议期限及终止
1.本协议自协议首页载明的签署之日起生效，有效期一年。
2.本协议期满后，自动终止；任一方有续约之意思表示，需提前一个月与对方协商，协商一致后按约定延展期限。
3.任一方在发生下述情况时，另一方无需催促告知便可解除本协议，且不影响其请求赔偿
损失的权利：
3.1． 未遵守本协议的条款并自接到对方要求更正后的15个工作日内未能改正的；
3.2． 发生破产、整顿、重组或清算时；
3.3． 发生普遍停止支付债务时；
3.4． 其主要资产被宣告冻结、查封或拍卖时；
3.5． 受拖欠税款督促或其主要资产被保全冻结时；
3.6． 被吊销营业执照，或被主管部门勒令停止营业，或其营业范围有实质性的变更，使
其无法继续履行本协议的业务。
4.本协议任何形式的终止，任何一方都不得以任何形式散布、制造、谣传损毁另一方的言
论、文字等行为。
十一、不可抗力
1.出现不可抗力事件时，知情方应及时、充分地向对方以书面形式发通知，并告知对方该类事件对本协议可能产生的影响，并应当在不可抗力解除后30日内提供相关证明。
2.因不可抗力不能履行协议的，根据不可抗力的影响，部分或者全部免除责任，但法律另有规定的除外。当事人迟延履行后发生不可抗力的，不能免除责任。
3.本条所称的不可抗力包括但不限于以下内容：自然灾害（地震、暴雨、台风等）、战争、服务器所在地紧急停电、政府行为、临时命令被迫关闭服务器等。
十二、适用法律、争议解决
1.本协议的签订、履行和解释及争议解决均适用中华人民共和国法律。
2.因本协议引起的或与本协议有关的任何争议，双方应友好协商解决，协商不成的，任何一方均可将有关争议提交至上海仲裁委员会并按照其届时有效的仲裁规则仲裁。仲裁裁决是终局的，对双方均有约束力。
本协议双方由各自合法授权代表签署本协议，并加盖公章或合同章。本协议一式二份，甲乙双方各执一份，以昭信守！
[本行以下无正文]
甲方：上海聚力传媒技术有限公司乙方：（盖章）（盖章）
网页三剑客 轻松制网页 篇3
Flash MX 2004实战篇
水中倒影
今天我们用图、文、动画、音频结合的Flash教程向大家介绍Flash MX 2004实例剖析视频教程中的“水中倒影”，看看荡漾的水波效果是如何实现的。
http://mwb.cfan.com.cn/906
老鼠爱大米
用Flash来一步一步制作《老鼠爱大米》MTV，想看详细演示Flash MTV制作的要点、方法和技巧吗？这里就能帮你完成。
http://mwb.cfan.com.cn/907
网站留言系统
网站留言系统一般来说是用于网站的，Flash也能制作它你信吗？来看看是如何用Flash来制作网站留言系统的吧！
http://mwb.cfan.com.cn/908
实景雪花飘飞
实例剖析视频教程中的“实景雪花飘飞”特效，雪花飘飞就能这样轻松制作。
http://mwb.cfan.com.cn/909
碧海浪涌海鸥飞
用Flash绘制一幅好看的动画场景：碧海、蓝天、白云、一层一层的白色海浪涌过，洁白的海鸥展翅飞翔……
http://mwb.cfan.com.cn/910
Fireworks实战篇
可爱的Q版电视机图标
网络上经常会用到一系列图标，特别是可爱风格的Q版图标，大家都非常喜欢。现在我们就来一起用Fireworks绘制Q版的电视机图标。
http://mwb.cfan.com.cn/911
用陨石背景打造飞火流星动画
Fireworks不仅是优秀的网页图片处理软件，还是优秀的动画制作软件，现在我们就来打造一个陨石背景飞火流星的动画吧。
http://mwb.cfan.com.cn/912
可爱水粉卡通画
今天我把自己用Fireworks绘制的水粉卡通画过程写出来和大家一起分享，不够成熟，大家有什么意见和建议欢迎在下面留言。
http://mwb.cfan.com.cn/913
能输入名字的贺卡网页
假期来到了，今天我们来制作一个既简单又非常有趣的动态贺卡页面送给自己的朋友们吧！让朋友们收到你为他们送上的特殊祝福。
http://mwb.cfan.com.cn/914
Dreamweaver实战篇
网站设计实例视频教程：广告区制作
今天我们用图、文、动画、音频结合的Flash和Dreamweaver来制作“本店承诺”与主广告区制。
http://mwb.cfan.com.cn/915
添加网站链接
制作网站最多的也是最常用的就是为网页加链接，如何添加网站链接呢，那就跟我来吧！
http://mwb.cfan.com.cn/917
店铺介绍页面
今天我们结合Flash和Dreamweaver来制作一个店铺介绍页面。大家可以先看看我们准备完成的示例网站是什么样子。
http://mwb.cfan.com.cn/918
网上商店页面
很多朋友都想开设网上商店，如何制作一个属于自己的网上商店页面呢？现在就来看看吧。
多媒体网页 篇4
1 网页中主要使用的多媒体技术
1.1 图形图像处理技术
图形、图像是比较重要的多媒体信息, 也是网页中最经常使用的元素。通过以下五步:获取图像、处理图像、输出图像、图像数据压缩和图像存储介质最终可生成二维、三维图像。获取图像一般通过数码采集或图像扫描技术获取。处理图像有很多方法, 例如使用图像处理软件Photoshop, 根据需要可以对图形图像进行剪裁、亮度、对比度、柔化等处理, 最后选择合适的图像文件格式进行输出。常见的图像文件格式有:BMP、JPEG、GIF、TIFF等, 目前大多数浏览器支持JPEG和GIF文件格式。网页设计时使用丰富多彩的图像使网站图文并茂, 构建了视觉效果。
1.2 动画处理技术
多媒体动画是构成多媒体的重要内容之一, 也是网页设计时不可缺少的元素。动画是根据人眼视觉暂留的特性, 在不同的时间有不同的位置, 连贯起来, 就会形成我们所看到的动画。多媒体动画采用的是数字处理方式, 可以产生多种多样的输出形式。常见的格式有GIF格式、SWF格式、FLIC格式和Java格式等, 应用最广泛的多媒体动画类型是GIF格式动画和SWF格式动画, 由于Flash动画是矢量的, 既可保证动画显示的完美效果而又体积小, 因而能在互联网上得到广泛的应用。Java是一种编程语言。用它编写的applet小程序可以跨平台执行, 适合制作网上交互性强的游戏以及手机动画, 发展前景十分广阔。
1.3 数字音频处理技术
目前, 网上流行的音频文件主要有MI-DI、WAV、MP3等格式。数字音频技术在多媒体技术中属于运用较成熟的技术, 在网页设计中出现得也比较早。网页中使用的数学音频资源获取方法有很多, 可以购买数学音频光盘, 音频素材库, 还可以通过网络下载音频资源或者录制音频, 使用音频编辑软件编辑声音文件。数字音频技术具备了传统音频模拟方式所没有的特点, 在网页表现力上实现了较好的音响效果。声音是信息的重要载体, 将音频与视频配合好, 会提高整体效果。
1.4 视频处理技术
可以从VCD光盘、数字摄像机和对模拟视频采集获取视频。视频是流特性业务, 数据量很大。例如, 数字电视图像中的SIF格式、NTSC制式、彩色、4∶4∶4采样, 每帧的数据量为2028Kb, 每秒的数据流量可达60.8Mb;CCIR格式、PAL制式、4∶4∶4采样的彩色视频的数据流量可达148.8Mbps。未压缩的视频在Internet上传输的效果是无法容忍的, 而且会很容易地将Internet资源吞没, 造成网络拥塞甚至崩溃。因此, 网页设计中对视频处理的一个关键环节就是视频压缩。
2 多媒体技术在网页设计中的应用
2.1 动画、视频设计
对于很多网站而言, 经常会涉及到一些动画或者是视频之类的内容, 设计的合理, 那么视频或者是动画就能够很好的突出主题, 这样网页浏览者在视觉上和心理上都会有空间联系和层次丰富的感觉, 从而产生愉悦的感受。FLASH动画以其体积小、传输快、成本低和其强大的交互功能, 已成为网页设计中不可或缺的组成部分。Flash特别适用于创建通过Internet提供的内容, 因为它们是以数学公式而不是大型数据集来表示, 需要的内存和存储空间与位图图形相比小很多。Flash可以包含简单的动画、视频内容、复杂演示文稿、应用程序以及介于它们之间的任何内容。甚至, 通过FLASH进行网页设计并建站和FLASH电子画册的应用, 开创了多媒体效果的网页或整个多媒体网站的潮流。
2.2 图形、图像的版式设计
网页制作时图像数量的选择要少而精。在应用具体的图形、图像时需要周密、精心地筛选, 尽量保证网页中所有的图形、图像都有统一的图片处理效果, 然后在网页中选定最佳的位置选择合适、协调的色调。将图形文字化和文字图形化是两种特殊的视觉表现形式, 将文字以一种有意的图形处理, 排列在版式中时, 文字本身也就转化成一种特殊的图形。而图形文字化则是将文字用图形的形式处理, 以达到一种需要特殊强调的表现效果。将图文有机结合, 形式统一, 创意新颖的设计。
2.3 多媒体元素的选择要和网页的整体风格一致
设计网页时, 一定要围绕建设主题, 按照视觉心理规律将主题主动地传递给观赏者。设计是为主题服务的, 也就是说, 既要美观, 又要实现网站功能。完成网站功能是设计的最终目的。
2.4 准确把握多媒体技术与艺术设计的结合
随着多媒体技术的不断发展, 网络传输速度和硬件技术不断提高, 艺术在创作过程中受技术的限制程度不断降低。因此, 艺术与技术将会更好地结合, 实现理想的效果。多媒体技术的发展将推动网站建设提升到更高的层次, 而多媒体技术在网站上的应用也必将成为未来的发展方向, 有着广阔的发展前景。
2.5 避免网页中对多媒体元素的运用过
多网页中的图片与文字分布应该错落有致, 图片、文字等的颜色要与网页的主色调保持一致, 网页的重点内容要放在合适位置以保证醒目。
2.6 避免多媒体元素格式选择错误
网页中的动画内容则不宜使用太多, 要结合网页设计的实际需要。也不能选择不合适的格式导致多媒体元素文件太大难以载入。图片、音频、视频等元素的格式决定着浏览者的客户端打开网页的速度, 因此其选择在网页设计中十分重要。
结语
用户可以通过网站在任何时间、任何地点接发信息, 多媒体信息的传递从此不再受时间和空间的限制。在互联网上, 通过信息交互, 依靠多媒体的多种技术可以向全世界展示自己, 使自身的特点及优势得以多角度、更广泛的认知。网络媒体已逐渐形成独特的制作手法和风格, 如果注意优化图像和多媒体在网页中的设计, 就能更有效地提高客户浏览网页时的显示速度。多媒体技术迅速兴起、蓬勃发展, 其应用已遍及国民经济与社会生活的各个角落, 正在对人类的生产方式、工作方式乃至生活方式带来巨大的变革。
参考文献
[1]鼓波.多媒体技术教程[M].北京:机械工业出版社, 2010 (03) .
[2]徐国平.网页设计与制作教程[M].北京:高等教育出版社, 2008 (06) .
多媒体网页 篇5
在编排网页文本时，你可能会遇到这样的问题：只想让一行字符居中，但其它行的字符却会跟着也变成居中了。其实，这是因为在Dreamweaver MX中进行居中、居右操作时，默认的区域是P、H1－H6、Div等格式标识符，如果你的语句没有用标识符隔开，Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用
„„
隔开。让链接文字有提示信息
当鼠标停留在链接上时，在光标的右下方有时会出现一个提示信息框，对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。
在＜a href=“”＞中添加“Title”属性，“Title”后面添加提示内容即可。例如： 。
快速调用时间轴
使用Dreamweaver MX制作网页的朋友都知道，新安装的Dreamweaver MX在快速启动面板中没有时间轴，如果要急着用它的话该怎么办？这里有一个快速调用时间轴的方法，按下“Alt+F9”组合键，或是在软件主窗口中依次点击“窗口→其它→时间轴”。
自动刷新页面
无论是重复刷新还是自动跳转，在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分，然后点击“刷新”按钮，随即会跳出“刷新”对话框，然后输入框中键入刷新延迟的时间“300”（单位：秒），“操作”为刷新指定的目标URL。因为现在是刷新当前页面，直接选择“刷新此文档”选项即可。
定义网页关键字
当用户使用搜索引擎搜索内容合适的网页时，关键字起着不容忽视的作用。大多数搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并按关键字进行记录，以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分，点击“关键字”按钮，弹出定义窗口，录入需要逐个定义的关键字即可。注意每个关键字以“；”号隔开，数目没有限制。
制作“空链接”
“空链接”就是没有链接对象的链接，“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时，只要在属性面板的链接输入框中录入#标记后，它就是个空链接了。在很多情况下都要用到空链接，比如一些没有定期完成的页面，或是为了保持链接样式与普通文字样式的一致性。
让文字和图片内容共处
在Dreamweaver MX中，图片对象往往是独占一行，那么文字内容只能在与其平行的位置上，怎么样才可以让文字围绕图片显示呢？方法如下：选中图片，在属性面板的右上方找到“对齐”的属性选单，选择“左对齐”，这时你就会发现文字已经整齐地排列在图片的右边了。
以新窗口形式打开链接
要想在不覆盖当前窗口的前提下，打开一个新的浏览器窗口，你可以直接在链接代码＜a href=“"＞中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单，选择“_blank”即可实现。
制作随意拖动的对象
访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多。比如，一张广告图片挡住了你想浏览的内容，你可以用鼠标选中它把它扔到一边去！
制作这种效果是通过图层的“拖动层”行为实现的，单击行为面板中“+”号，选择“拖动层”，制作之前你应该保证目标图层处于选中状态，进行简单设置后就OK了。
调整表格高度
我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到松开鼠标时，表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢？
简单方法是：首先我们需要选定表格，将光标移动到表格内，然后按“Ctrl+A”组合键，选中光标所在位置的最小表格，然后在属性框中点击“清除行高”图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。
修改表单属性为弹出窗口
多媒体网页 篇6
1 对网页设计的认识
网页设计是在网络普及的基础上产生的一种新技术。互联网技术是21世纪进行信息传播, 收集的重要途径, 也是人们休闲娱乐的重要方式。互联网业设计质量直接关系着人们应用互联网技术的兴趣。在国外互联网网页受到人们的普遍广中。从大的方面上讲, 综合性服务平台的建设, 娱乐信息的交流和图形图像的上传及下载需要应用到网页设计的技术。从小的方面上讲, 家庭生活用品的甩卖, 个人网页博客的设计, 也需要应用到互联网网页设计技术, 网页设计技术在人们的生活工作中发挥的作用是显著的。
现代人使用互联网已经非常普遍, 当人们在进行网页浏览的过程中, 不仅需要找到自己对所需要的信息, 同时对网页本身的设计美感, 版面形式, 图形质量及色彩应用等网页设计问题也很关注。作为网页设计人员, 要能够通过自己的技术对网页进行合理的设计, 保障网页设计的质量, 以满足网民的各方面的需求。另外, 虽然网页只是信息化传播过程中的一种媒介, 不代表商品, 但质量好的网页设计, 能够引起网民对商品的关注度, 利用网络进行商品的浏览, 对于网站信息的有效传播具有促进作用。因此, 网页设计必需要具有加大的容量和较强的吸引力, 方便人们进行信息的查询下载, 同时能够吸引网民更多地关注网页的信息。如果网页设计质量不高, 所推广的内容针对性不强, 图像色彩安排不合理, 网页文字设计效果不理想, 就很难能够吸引网民的眼球, 很难激发网民收藏浏览网页的欲望。因此, 掌握网页设计技术, 对网页进行有效的设计是很重要的, 而网页的有效设计是离不开计算机多媒体技术的有效应用的。
2 多媒体技术在网页设计中的应用
2.1 即时通信的应用
网页是借助互联网实现其功能的, 只有通过互联网, 人们才能通过网页进行信息的浏览、传播, 因此, 在进行网页设计中要重视对其通信质量与速度的设计, 保障其通信质量与速度。如果网页内容非常多, 即时的存储需求量较大, 就会影响到网页打开的速度, 网页打开速度较慢, 甚至无法进行网页浏览。要从根本上解决这个问题, 就需要利用多媒体技术对即时通信的信息进行压缩, 对信息长度进行压缩, 或者是通过多数据流通道进行信息传播, 这个过程就需要应用到多媒体技术, 通过多媒体技术对信息进行压缩限制, 以保障网络浏览的正常速度, 保障网页信息的质量。
在网页设计中, 可能会涉及大量的文字, 对相关产品进行介绍, 或则是设计文字对网页进行介绍。网页设计中也会应用到一些图片, 进行产品展示, 或者是开展广告宣传, 以吸引网民的关注。网页设计也会根据需要使用大量的音频或者是使用一些夹杂着文本信息的图片, 因此网页的信息量就很大。而对文本信息和图形文件的长度进行控制, 对像素进行调节, 缩小网页容量, 是必须的。在这个过程中, 就需要应用到多媒体技术, 要能够应用多媒体技术根据压缩标准对图形文字进行压缩, 利用多媒体处理技术中对网页媒体数据进行设计, 以满足不同用户的需求, 应用多媒体技术对网页进行设计, 以保障网页的有效应用。
2.2 网络连接的应用
通过上述分析, 我们知道, 要保障网页正常工作, 必须利用多媒体技术对信息进行压缩, 以保障网络速度, 保障信息的通常, 这个过程需要应用多媒体技术对网页中多媒体数据进行压缩和解压缩操作。在网页用户对网页中的媒体进行实时数据传输之前, 需要进行数据的压缩, 在这种情况下, 如果将媒体数据进行直接的传送会增加宽带的压力, 尤其是网络应用高峰期时, 会导致信息的堵塞, 导致信息不能进行正常流通, 因此, 需要先进行压缩然后再传输, 这样就能避免长时间的占用网络, 可以有效实现信息的传播。而解压是发生在用户获取媒体资料之后, 要保障文件的正常解压, 也必须要使用网络系统, 而在这个过程中, 需要应用到多媒体技术, 通过多媒体技术实现网页用户之间的有效网络连接, 保持信息的通畅。
2.3 网页形象化设计中的应用
计算机多媒体技术在网页形象化设计中也有重要的应用价值。多媒体可以为网页设计提供各种素材, 通过多媒体的图像和视频方式能够使网页内容变得更为丰富, 生动。在进行网页浏览中, 网民都喜欢网页中的多媒体因素, 应用多媒体手段进行网页设计能够使网页产生一种生动形象感, 能够给网民以视觉上的冲击。在网页设计中, 应用多媒体技术的加载程序对其进行设计, 可以实现网络的快速浏览, 使网页更为绚丽夺目。
3 多媒体技术在网页设计运用中应注意的问题
3.1 多媒体技术的应用要有所选择
多媒体技术应用于网页设计中, 需要对多媒体元素格式进行合理的选择, 要避免网页打不开或者是文件难以载入的情况的发生, 要通过多媒体技术的合理选择, 进行网页设计, 保障网页设计的质量与效果。
3.2 重视多媒体技术与艺术设计的结合
网页设计不仅要能够将多媒体元素有效应用于网页中, 同时还需要考虑其艺术性。要通过多媒体的应用保障网页设计的审美品质。在网页设计中, 应用多媒体, 第一, 需要保障网页内容与形式的和谐统一。应用多媒体进行网页设计要考虑整体感, 注重细节的编排设计, 保障各种多媒体元素的选择能够与网页内容具有相关性。第二, 要突出主体要素, 每一个网页都有一个的主题, 其设计风格要能够与主题相一致, 在利用多媒体手段进行设计中, 要保障添加的图片, 文字, 动画等于网页主体一致。第三, 要重视色彩的搭配, 在利用多媒体进行网页设计中, 要遵循总体协调, 局部对比的原则, 能够根据网页的不同主题进行选用不同的色彩表现, 注重文字颜色与背景颜色的区别, 通过色彩的有效搭配, 使网页设计体现出一种美感。第四, 重视网页布局, 要根据网页信息量的具体情况, 对网页进行有效布局, 通过设计布局, 使尽可能多的信息集中到一个页面上, 同时保障信息的一目了然。
总之, 在多媒体技术不断发展的背景下, 网页设计者也需要积极利用多媒体手段进行网页设计, 通过多媒体技术的应用, 实现网页的完美呈现, 有效吸引网民的眼球, 提升网民对网页的关注度。
摘要：在网页设计中, 应用多媒体技术可以有效提升网页设计的质量, 吸引网民对网页的关注度。这里研究了网页设计中计算机多媒体技术的应用及多媒体应用需要注意的问题, 对于提升网页设计品质具有积极的意义。
关键词：网页设计,多媒体技术,应用
参考文献
[1]何立波, 周世波.网页设计中的艺术研究[J].考试周刊, 2011 (25) .
多媒体网页 篇7
根据模块化教学的特点:一是增强了内容的灵活性;二是便于实现不同层次教学阶段的内容衔接;三是采用综合模块, 促进知识之间、知识与技能之间的沟通;四是通过模块的合理组合, 便于形成一定职业岗位所需人才的合理的知识和能力结构。我决定把《网页设计》定为模块课程。在教学过程中我深刻体会到模块化教学模式很适宜运用在这门课上, 并借此机会与同行探讨。
一、全面掌握模块教学中的课程
运用模块化教学模式, 对《网页设计》模块进行了细致、具体的分析。该模块中包括Photoshop、Flash、Fireworks、Dreamweaver四门课, 这四门课的讲授要根据网站建设的规律来安排。由于在制作网站的初期需要制作画面来装饰页面, 所以应该提前讲授Photoshop、Flash, 让学生们制作一些精美的网站修饰图片和动画效果, 为完成整体网站的制作打下基础。然后完成Dreamweaver、Fireworks和ASP的讲授, 以使学生对网站进行整体布局。为使学生对制作网站有一个清晰的认识, 最后再讲解制作整体网站的全过程。
二、根据课程特点, 巧妙运用多媒体
《网页设计》课程采用了模块化教学模式之后, 每周的课时量大大增加, 难免会造成学生在学习过程中难以消化知识点, 注意力不集中、精神疲惫等情况。为了尽量避免这些问题, 在授课过程中应采取一些教学手段。1、目前网络上不乏优秀的《网页设计》视频教程, 可根据学生的特点和教学的需要, 选择合适的视频教程用于课堂教学。例如, 在讲授Flash动画制作的时候我找到了一个如何制作雨滴落地效果的视频教程, 在课堂上放给学生看, 学生对这个效果的制作都很感兴趣, 于是在看完视频教程之后都积极要求尝试制作, 学生的自学能力在潜移默化中得到了提高, 同时也达到了寓教于乐的教学效果。2、对比较抽象难懂的知识点进行实例讲解。例如在讲解Dreamweaver中的行为面板的时候, 刚开始学生觉得难以理解, 于是我引用了两个比较具体的例子:弹出菜单的制作和网页背景音乐的制作。我演示一次, 然后学生动手操作一次, 我从旁指导。通过这两个例子, 学生了解了行为面板的作用, 抽象问题变的简单, 收到了不错的教学效果。3、根据模块特点, 注意知识的连贯性。《网页设计》模块中包含多门课程, 学生难免在学习过程中出现遗忘的情况, 因此, 在讲解新知识的同时应该经常引导学生回顾旧知识点。在学习如何在网页中插入Flash动画这一操作时, 我让学生利用以前学过的Flash动画制作技巧先制作出一个小动画, 然后再学习如何把动画插入到网页中。在制作动画、插入动画的过程中学生不仅学习了新知识还回顾了旧知识, 达到了温故、知新的双重教学效果。
三、改变传统考试方式, 采用技能测试衡量教学效果
考试是模块化教学过程的一部分, 由于《网页设计》模块这门课程它以培养学生动手操作能力为主, 同时, 模块中包含多门课程, 因此, 更适合采用技能考试的形式考察学生的学习效果和教学效果。1、仔细斟酌考试内容。为了能全面地考察学生的学习效果, 必须慎重地确定考试内容。考试内容可定为制作小型网站, 网站主题可多种多样, 例如, 网上商店, 校园网等。2、细化评分标准。评分标准是评价学生考试作品的主要依据, 评分标准中应以多项指标评价学生的考试作品, 比如, 网站整体布局、色彩、文字内容, 网站子页数量和超级链接数量, 网站动画效果等。3、严格考场纪律, 保证学生考出真实水平。《网页设计》模块课程的考察方式特殊, 考试地点定在机房, 考试过程中中断网络服务, 学生必须在规定时间内完成网站制作任务。同时, 学校机房的监控系统也保证了考场纪律, 确保了考试能顺利进行。4、考试结果分析。通过察看学生们的考试作品, 我发现学生们所做网站各具风格, 内容也很丰富, 其中有几名学生的作品尤为突出。比如, 有一名学生在自己的网站上巧妙的加入音乐特效, 为网站增色不少;另外还有几名学生制作了颇具特色的小动画来装饰网站, 使整个网站看起来动感十足。
在教学中, 我们应该结合《网页设计》这门学科和学生的特点, 充分发挥多媒体的优势, 充分发挥学生的主动性, 优化课堂教学。而利用多媒体的模块化教学给《网页设计》教学注入了新的活力, 对提高学生的动手能力, 以及培养学生的自学能力起到了积极的作用。今后我们还要积极探讨计算机专业其他课程的模块化教学方法和教学规律, 开拓创新, 使教学更上一个台阶。
参考文献
[1]D.A.库伯, 体验学习, 华东师大出版社, 2008年2月。
[2]教育部师范教育司组织编写, 教师专业化的理论与实践, 人民教育出版社, 2004年。
[3] (美) 多尔著、王红宇译:《后现代课程观》, 教育科学出版社, 2000年。
多媒体网页 篇8
1教学内容的改革探索
(一) 网页设计
网页设计的主要内容包括网页布局设计、网页色彩设计、界面元素设计、网页导航设计和交互设计。其中, 网页布局设计主要是指学生能根据网页的信息量与网站主题、网站风格的不同设计出各种各样的布局, 学生应具备合理设计网站布局的能力;在网页色彩设计中, 学生需要根据流动的信息掌握网页用色;在任何网页上都需要文字、图片、声音、按钮、动画等各种媒体元素, 学生要在掌握多种元素处理软件的基础上, 实现元素的设计和制作;网页导航设计的重点是组织网站信息, 要求学生掌握信息的基本情况, 能确定哪些是重点信息以及哪些是辅助信息, 并且该如何利用色彩突出重点信息;交互设计是评价网站的重要指标, 学生在进行交互设计时要注意是否能让浏览者轻松使用网站的各个功能快速寻找所需资料。
(二) 网页制作
网页制作的内容主要包括四个方面:其一, 使用XHTML+CSS进行网页布局。在传统的网页制作中大多用表格嵌套的方式进行制作, 但是难以进行扩展和更新。XHTML+CSS具有较好的灵活性, 已经广泛应用于网页制作中, 能为学生提供全新的网页制作思路;其二, 利用模板快速生成网页。模板技术不仅能快速生成网页, 还十分有利于后期维护;其三, 使用框架构建网站;其四, 使用Flash辅助。Flash在制作导航、按钮、动画等方面优势较强, 能为网页增添较多的亮点。
2教学方法的改革探索
(一) 任务驱动教学法
任务驱动教学法是引导学生在一系列具有针对性且十分典型的任务驱动下完成学习内容, 结合网页设计实际情况, 掌握教学重点和难点设计学习任务。在这一过程中, 应注意以下两点内容:
(1) 教育工作者应循序渐进的引导学习, 根据学生不同的学习能力和现状, 挖掘各学生的兴趣, 由浅及深, 一步一步进行教学;
(2) 教育工作者应全面理解"授人以鱼不如授人以渔"的深刻含义, 旨在传授一种思想和解决办法, 培养学生举一反三的思维能力和创新能力。
以《应用Fireworks软件设计网站页面效果》这一项目为例, 可化成为以下5个部分的内容:构建互邦企业网站的框架、为互邦企业网站设计logo、为互邦企业网站设计banner、为该企业网站设计主页和子页、完成互邦企业网站的设计内容。
(二) 展示与评价
在网页设计与制作技术教学过程中, 应充分利用激励教学方法。针对成绩优异的学生应给与表扬和鼓励, 让专业学生感受到强烈的成就感, 促使其自信心和学习兴趣的建立。专业学生作品的展示和评价则可让学生充分展示自身才能的同时, 还丰富了课堂教学内容。教育工作者可展示设计中某一技巧, 并进行评价, 从而刺激学生的求知欲望和学习精神, 有助于培养专业学生自主学习能力。与此同时, 作品的评价可明确定位网页设计水平, 取长补短, 带动网站制作水平和进步与发展。
(三) 结合网络资源进行教学
教育工作者可以利用网络建立学习平台, 电子化课堂教学内容能使学习资源更加丰富, 不仅有利于学生自主学习, 还能调动学生课后自学的积极性, 提高学生的学习兴趣。并且, 在教学平台中, 还能链接其他高校的《网页设计与制作技术》课程网站, 能在网上浏览或下载所有的学习资料, 满足所有学生的学习需求。同时, 为了方便学生能将自己的作品进行保存或发布, 还能为学生提供大量的免费空间, 鼓励学生上传自己的作业或作品, 在任何有网络的地方, 学生都可以欣赏自己和同学的作品, 或将自己需修改的作品下载进行完善, 实现学生设计的连续性, 从而增强学生的学习积极性。
3结束语
综上所述, 笔者结合自身多年的实践经验, 对教学内容及方法的改革进行探讨, 望多媒体专业学生能在树立网页设计理念的同时, 全面掌握网页制作方法, 有助于提高多媒体专业学生的综合技能水平。笔者希望更多专业人士投身到该课题的研究中, 针对文中的不足之处, 提出指正建议, 为推动我国教育事业的发展提供理论依据。
摘要：本文详细阐述了多媒体专业《网页设计与制作技术》课程教学内容的改革探索, 并结合我国多媒体专业教学实情, 分析、总结了改革多媒体专业《网页设计与制作技术》课程教学方法的相应对策。
关键词：网页设计与制作技术,教学改革,多媒体专业
参考文献
[1]陆炜妮.探讨多媒体专业《网页设计与制作技术》课程的教学改革[J].科协论坛 (下半月) , 2010, 01:178-179.
[2]周小丽."网页设计与制作"课程教学改革实践探究[J].教育与职业, 2013, 08:127-128.
多媒体网页 篇9
传统的多媒体软件创作的工具主要有:第一, 以传统程序语言为基础的创作工具;第二, 以页式或者卡片为基础的多媒体著作软件;第三, 以时间为基础的创作工具;第四, 以图符为基础的多媒体著作工具。近几年, 随着科学技术的不断发展, 这就使得开发多媒体软件的周期在逐渐缩短, 并且在开发多媒体软件的过程中要不断结合现有的技术、恰当的多媒体加工以及合成工具, 从而使得多媒体软件的内容更加丰富, 最终能够方便用户使用多媒体软件。
Authorware主要是以图符为基础的多媒体著作工具。Authorware的4.0的版本中, 主要增加了可插入控件、并且将外部的对象放置在软件中。Authorware这一特嗲能够将Falsh动画以及作为外部控件的浏览器窗口出现在Authorware所设计的相关界面中, 最终能够使得网页制作技术与传统的多媒体创作工具融为一体。
2 多媒体化的网页制作的技术优势
通过采用多媒体化的网页制作技术来开发多媒体软件主要有以下几点优势:
2.1 软件界面的浏览器化
随着互联网技术的不断发展, 在计算机操作系统中, 浏览器成一个标准的配置。如果开发出来的多媒体软件能够在浏览器中使用, 那么人们就能够接受软件在界面上以及相关的操作方法。
2.2 HTML具有很强的可扩充性
由于HTML具有简单扩平台的特点, 所以使用HTML所编制的文档是SGML文档的特殊形式。用HTML所编制的文档具有特定的语法, 所以在各种领域中都比较适合用该文档。
由于HTML具有很强的可扩充性, 这就要求在HTML进行编制网页程序的时候, 要嵌入Java Script或者VBScript所编制的脚本代码, 并且要在此基础上结合Active X等控件, 从而能够使得多媒体展现更多丰富的信息。
2.3 网页制作工具的多样化以及便利化
随着多媒体软件信息量不断加大, 这就要求在开发多媒体软件的时候要安排更多的人员, 从而能够使得多媒体软件开发工作的顺利进行。目前, 由于网页制作工具是多种多样的, 这就使得人们能够制作出更具个性的网页。
3 在应用Authorware的时候嵌入多媒体网页
3.1 通过纯粹网页组成的多媒体软件中存在的缺点
目前, 所开发的多媒体软件是完全由网页组成的, 从而能够使得用户通过浏览器对界面进行浏览, 但是通过纯粹网页组成的多媒体软件中存在以下几个缺点:
3.1.1 界面缺乏个性化
由于浏览器的功能比较强大, 所以在界面上的菜单以及工具按钮是比较多的。在界面中如果能够将浏览器的工具窗口隐藏起来, 并且通过使用有特点的软件背景来替代它, 从而能够使得多媒体软件所要表达的内容能够凸显出来。
3.1.2 背景音乐缺乏整体控制
目前, 在某一个网页的音乐只能在该网页显示的时候才能够播放, 这就要求要在整个多媒体软件中不断增加自由控制的背景音乐, 从而能够使用Web的方式来制作相关的网页。通过使用Web方式来制作网页能够达到目的, 但是这会使得网页之间的关系变得更加复杂, 从而使得维护网页中出现了困难, 为了能够很好的解决这一问题, 这就要选择能提供全局控制的外部环境。
在开发多媒体软件的过程中, 要以表达多媒体软件内容的大量网页为基础, 并且要确定统一的界面, 从而杀跌导航系统以及控制的背景音乐得到增加。为了能够网页制作中的任务, 这就要求技术人员要使用传统的多媒体软件创作工具。
3.2 在Authorware中嵌入多媒体网页的相关方法
在Authorware中, 通过在流程线上增加浏览器的Active X的控件, 从而使得浏览器几面嵌入到多媒体软件中。在设置浏览器控件属性的时候, 通常使用初始化命令来进行相关的设置, 并且要不断调整空间在页面中的位置, 最终才能够使得制作好的页面内容根据软件制作者的具体要求展现在用户面前。然而在Authorware中嵌入多媒体网页的相关方法如下:
(1) 通过在流程线上放置背景图标, 并且可以对背景画面内容进行随意的设置。
(2) 在相关的背景图标之下, 要使用Tnsert-Control-Active X的相关命令, 并且在屏幕的上方会出现Select Active X Control的对话框, 然后从对话框的选择“Microsoft Web浏览器”的选项之后再单击确定按钮, 从而能够在流程线上看到相关的图标, 与此同时会在屏幕上出现“Active X Control Properties”的对话框。在这个“Active X Control Properties”的对话框中, 包括了含有IE的浏览器的各种属性参数, 并且没有必要去更改参数, 在单机确定按钮之后就完成了空间图标的放置任务。
(3) 在控件图标的下方放置计算图标, 并且要在其中增加一些语句。在调整背景的过程中, 如果需要调整IE浏览器的位置以及大小的时候, 首先要运行这一程序, 其次将该程序暂停, 最后要不断调整屏幕上的空间对应的控制点。
4 使用Authorware与网页制作技术相结合的方法开发多媒体软件的优势
使用Authorware与网页制作技术相结合的方法开发多媒体软件是一种静态的媒体软件, 并且主要是以图像、动画相结合的软件, 能够使得用户更加清楚的掌握相关的知识。通过使用Authorware与网页制作技术相结合的方法开发多媒体软件能够将声音、图像以及视频录像结合起来能够使得多媒体界面中出现的内容更加生动化以及形象化。除此之外, 使用Authorware与网页制作技术相结合的方法开发多媒体软件主要是结合了新的计算机技术, 能够使得多媒体软件适应市场的发展要求, 并且使得使用Authorware与网页制作技术相结合的方法开发多媒体软件更加具有时代性。
5 结束语
使用Authorware与网页制作技术相结合的方法开发多媒体软件的过程汇总, 要不断提高多媒体软件的运行速度, 并且要不断提高多媒体软件的使用率。近几年, 随着互联网技术的不断发展, 光盘媒体开始逐渐萎缩, 然而多媒体软件逐渐发展起来。通过使用Authorware与网页制作技术相结合的方法开发多媒体软件能够使得多媒体软件具有更加广阔的市场, 最终使得多媒体软件的应用领域越来越广阔, 并且能够满足越来越多的用户在不同层次上的需求。
参考文献
[1]丁宇翔, 高宇辉.Authorware 5 Attain多媒体程序开发应用指南[M].人民邮电出版社, 2011 (09) .
[2]张明敏.网络多媒体技术与应用[M].清华大学出版社, 2012 (05) .
多媒体网页 篇10
1 下拉式菜单的制作
现以DW CS6中Spry菜单栏组件为例说明水平式下拉式菜单的制作过程。
1.1 插入 Spry 菜单栏组件
利用DW的插入菜单或插入面板将Spry菜单栏组件插入到某个Div元素或某表格单元格中,从而固定菜单位置。当Div元素元素宽度为500px时,在DW的网页设计视图中得到如图1所示菜单,默认情况下有4个菜单项。用鼠标选中Spry菜单栏组件,可在窗口下方属性面板修改菜单项,如“项目1”等的名称,通过“+”、“-”按钮增加、删除菜单项,并设置各菜单项对应的链接URL和目标窗口或框架。
1.2 调制菜单项的宽度
如图1所示,默认情况下各菜单项不一定在同一行,这是因为各菜单项宽度和超过Div元素宽度,因此,要调整菜单项宽度。
进入DW的网页代码视图,可找到DW生成的与菜单有关的一段Html代码:
(1)设置整个菜单栏组件的宽度
DW为Spry菜单栏组件生成了一系列CSS规则, 观察上述 代码 , 可发现该 组件所占 宽度可用MenuBarHorizontal选择器对应的CSS规则控制,双击CSS面板中的该选择器,可在CSS规则定义对话框中调整有关属性,如图2所示,可调整“方框”宽度属性为auto或为外部Div元素元素的宽度500px。
(2)设置菜单项的宽度
用鼠标点击菜单项“项目2”的边框线选中该菜单项,然后可在窗口下面的属性面板设置其宽度,单位可为百分比(%)或像素(px),如图3所示,此处设为25%。调整后4个菜单项正好横排占满Div元素。另外,对照DW为Spry菜单栏组件自动生成的CSS规则,可发现菜单项由ul.MenuBarHorizontal li选择器对应的CSS规则控制,同样可用CSS规则定义对话框调整宽度。
子菜单项“项目1.1”等的宽度也可用窗口下面的属性面板设置。另外,也可采用ul.MenuBarHorizontal ul和ul.MenuBarHorizontal ul li同时设置。
1.3 设置菜单项文字的属性
超链接建立在菜单项文字之上,因此,菜单项文字的属性 (字体、背景颜色、对齐方式等) 可用ul. MenuBarHorizontal a选择器对应的CSS规则控制,进行相应设置即可。
经过上述设置后,菜单一般能满足要求。
2 树形目录的制作
树形目录非常适合展示具有层次关系的数据和超链接。Visual Studio 2010[6]、ExtJS等软件含有树形目录组件,但DW CS5、6没有树形目录组件。可以从网络上搜到一些制作树形目录的代码。下文介绍利用bassistance.de网站[7]提供代码压宿包(jquery.treeview. zip)制作含静态树网页的过程。
(1)下载压宿包并解压到自制网站的某个目录下。
(2)在解压生成的演示文件夹demo中含有多个html文件,它们中含有各种形式的树形目录,选择一个最合适的html文件作为模板再修改便可,现假定选中large.html进行编辑。
(3)在网页设计(或代码)视图中将树以外不需要的内容、网页元素删除,得如图4所示原始树目录。
(4)现假设要制作一本书的目录,希望该树目录在浏览器中展开后效果如图5所示。
将图4中原树目录中的条款改成各章、节、款的名称即可,如将“Home”改成“第一章网页设计基础”。不需要的条款可用退格(BackSpace)删除。若要在某条款下增加一条款,则将光标移至该条款后按回车(Enter) 即可。若要调整某条款的逻辑层次,则可选中该条款, 再用属性面板的凸出或缩进按钮调节;但反复调整时,有可能使树形目录在浏览器中不能正常显示,此时可以将所有条款调整为同一层次,即垂直对齐,然后再从上到下重新调整各条款层次;也可进入网页代码视图修改,图4所示树目录正确代码如下:
由此可见,整个树用项目列表元素 <ul>…</ul> 表示,条款x用列表项元素表示,即 <li> 条款x </li>,当条款x后含有子条款时,则子条款构成的树又用项目列表元素表示,且嵌套于列表项元素中,即 <li> 条款x <ul> 子树 </ul> </li>。若标签不符合这种排列组合规律可以手工修改。
(5)利用treeview li选择器对应的CSS规则调整各条款的字体大小等属性。
(6)设置超链接属性。
对超链接有无下划线、颜色等进行控制,可在网页文件代码视图的头元素中添加如下CSS规则表:
在DW设计视图中编辑出如图6所示格式的目录,此目录在浏览器中效果即如前文图5所示。
(7)含树形目录的网页一般与框架网页配合使用, 故此后要设置相应的框架网页。
(8)修改条款上原有的默认超链接或在条款上添加超链接,即设置URL、目标窗口或框架等。
3 结束语
下拉式菜单和树形目录常被用作导航界面组件, 利用它们组织超链接可使网页简洁明了。但是一般的网页制作教材对它们介绍不详细或没有介绍。鉴于这两种导航方式的实用性,在教学中可以超越一般的教材而作出较详细的制作过程介绍,这能被不具备JavaScript、ExtJS、jQuery编程知识的人员所接受。
在介绍网页设计与制作课程时,要鼓励学生充分利用网络上的学习资料和代码资源,决不能拘泥于教材的学习。
摘要：下拉式菜单和树形目录常是两种常用的网页导航界面元素,但一般的网页制作教材介绍不详细或没有介绍。为了满足教学需要,文章介绍了利用DreamWeaver CS 6中的Spry菜单栏组件制作下拉式菜单的过程和利用jquery.treeview插件制作树形目录的过程,该方法不要编写程序,学生易于接受。