学文网网页设计软件篇1
关键词:SVG;网页设计;软件设计与实现
SVG是指可缩放矢量***形，这是一种基于可扩展标记语言，是用来描述二维矢量***形的一种***像格式，这种***像格式由万维网制定，制定标准具有开放性。相较于位******像，SVG***像能够通过点和线对物体进行描述，得到的文件较小，画面更清晰，可以直接打印或输出，SVG得到的矢量***形格式，与GIF和JPEG光栅文件相比，有显而易见的优势：（1）任意缩放，使用者可以根据***像性质改变***像比例，而且不会对***像的清晰度和细节造成任何的破坏；（2）文本***，SVG***像的文字与***像***，能够在SVG***的***像上编辑搜寻文字，而且对字体不会造成任何的限制，用户即使没有安装同一字体系统，得到与原画相同的画面；（3）超强的显示效果，SVG***像在屏幕边缘上具有极高的清晰度，既适用于打印分辨率和屏幕分辨率。本文基于SVG设计了网页软件，对提出的SVG软件的采集器软件系统，数据转换器软件系统以及数据处理器软件系统进行设计，通过研究验证了所设计网页设计软件系统的实际可操作性，是未来的必然发展趋势。
1基于SVG的网页设计软件的设计
基于SVG对网页设计软件系统进行设计，首先对软件的采集器进行设计，给出的算法如下述公式所述：（1）公式（1）中，w为SVG网页中的输入函数，t为网络节点，a为网络的控制系数，xi表示***像的集合邻近区域，w受系统的t和a影响，但变化值一般维持在50~100之间，利用公式（1）数据采集器能够对***像网络信息进行正常采集。采集器的设计是整个软件运行的基础部分，一旦采集器出现故障，整个软件系统都将无法工作。数据转换器是SVG网页设计的核心部分，转换器内部的工作模式为A/D模式，利用公式（2）的算法完成转换工作：（2）上述公式中，t位转换后得到的数据，e为转换前的数据，A0为网络数据转换常数，转换过程必须要在A/D转换模式下才能完成工作。数据处理器主要负责处理转换器得到的数据，将处理后的数据传递给中心计算机系统，从而实现SVG网页的设计，基于SVG对网页设计软件系统设计框***，给出的网页软件设计系统分多次限定数据，从而达到***像的完美设计。
2基于SVG的网页设计软件的实现过程
为了测试基于SVG设计的网页软件系统工作的有效性和可操作性，研究了实现过程。过程设计的参数如下：电源系统持续输入220V以上电压，电流值在50A~100A之间。跟据上述设定的参量以及环境进行网页设计，并与传统网页设计软件系统进行对比。虽然传统的网页软件系统和本文设计的软件系统在设计网页时都能取得2以上的设计效果，但本文设定的软件系统设计效果始终高于传统软件系统，而且设计能力极强，在工作时具有很强的抗干扰能力。综上所述，本文基于SVG设计的网页设计软件的设计性能性更高，设计范围更广，抗干扰能力更强，极具稳定性，且在编辑***像时可以单独对***像和文字进行编辑，缩放过程不会影响整个画面的清晰度。
3结束语
通过本文的探讨分析可以了解到，SVG（可缩放矢量***形）作为一种新的***形设计技术，在清晰度和画面饱和度方面远远高于GIF和JPEG光栅文件。SVG设计的网页设计软件，分为采集器软件系统，数据转换器软件系统以及数据处理器软件系统三部分。通过实验证明所设计的软件设计性能性更高，设计范围更广，抗干扰能力更强，极具稳定性，是未来的必然发展趋势。
参考文献
[1]裴玉.基于SVG的自适应软件界面开发工具设计与实现[J].计算机科学,2008,35(01):271-273.
[2]王健,陈剑云,张冬波.基于SVG及Batik平台的监控绘***软件的设计与实现[J].河南城建学院学报,2006,15(05):14-17.
网页设计软件篇2
【关键词】 中职 网页 Dreamweaver Photoshop flash JavaScript
【中***分类号】 G712 【文献标识码】 A 【文章编号】 1992-7711（2014）03-114-01
网页的前台设计属于设计的范畴，因其所涉及的理论知识不深奥，市场前景广阔，且工资待遇也比一般的平面设计要高得多，因此在中职学校开设网页前台设计专业具有可行性和推广性。笔者从事中职网页前台设计专业教学已经有三年之久，一直在这个专业上辅导学生参加省市技能比赛，并且指导的学生也曾多次在比赛中赛出佳绩。下面我就谈谈网页前台设计专业的教学目标、教学方向、教学方法及相关学习资料。希望可以给广大热爱网页设计或从事网页教学的朋友们一些帮助。
一、明确教学目标
作为中职生，普遍存在文化基础相对薄弱的问题，所以在教学中一定要先抛开复杂的代码分析。从学生感兴趣、易理解、能就业方面入手，制定切实可行的教学目标。
能设计出美观大方、合乎逻辑、界面友好的页面设计草***。能借助PS软件对设计出的草***进行文件生成，生成跟设计草***一致的网页PSD效果***，并科学完成切***操作。能用flash软件制作出网页中常见的动画（尤其是banner动画）。能通过Dreamweaver 软件合理布局站点，并把相关媒体进行有效的整合，生成与PSD效果***一致的网站页面。在网页中加入常见的JavaScript代码，给HTML网页添加动态功能，从而实现响应用户的常见操作。
二、科学开设相关课程
网页前台设计要开设什么课程？每门课程有什么作用？这些课程如何整合？成为了学习者共同关心的问题，因为这关系到学习到的技能能否和市场接轨的问题。
（一）美术基础与网页赏析。任何美的东西均有其原理所在，学生通过对素描和色彩的学习，美感得到了增强，设计出的网页效果***有了理论依据，更符合大众的品味，加上欣赏过成千上万个优秀网站的界面，对自身设计网页PSD效果***奠定了理论基础。
（二）Photoshop软件生成网页PSD效果***。Phtoshop软件在***像合成与***像制作领域中功能强大，我们不但能使用该软件对网页中的***片进行处理，而且能对制作出的网页PSD效果***进行切***操作，切出的小***片文件可以保存为JPG或gif格式，对于网页中的较多背景***像，我们只需切成一个象素宽、一个象素高或宽高均为一象素的小***像即可，大大减少了网站占用的空间，提高了网页***浏览速度。
（三）flash软件制作出网页中常见的动画。Flash软件生成的二维动画，因其占用空间小等原因，在网上大为流行。对于学好网页中的flas，一是要熟练掌握好工具箱中工具的使用，达到利用工具绘制简单***形的能力；二是通过举一反三的方法，掌握好制作帧帧动画、形变动画、运动动画、引导层动画、遮罩层动画等原理与制作方法。可以多浏览网页中的flas，然后进行分析再制作。
（四）Dreamweaver软件整合网页元素生成网页文件。Dreamweaver软件可以把文字、声音、视频、动画等媒体整合在一个网页之中。学好此软件可以分成为以下几步：找一本较为基础的书或一部视频教程，进行Dreamweaver软件操作的学习，在学习中注重html、css代码与生成的网页元素的对应；利用Dreamweaver的代码视***手写代码并注重与设计视***中元素的对应关系，主要目的是为了深入学习html代码与css代码；学习DIV+CSS网页布局方法，为自己的网页设计生涯开启标准化的大门。
（五）JavaScript代码的套用。JavaScript代码对中职生来说较为复杂，但是很多JavaScript代码在网络上都可以免费***，学生仅需掌握其结构及其套用方法，从而使自己开发出的网页达到动态交互即可。
三、教学中的一些教学方法
（一）多鼓励学生。德国教育家第斯多惠说：“教学艺术的本质不在于传授的本领，而在于激励、唤醒、鼓舞。”教师想方设法让学生能喜欢上这门课程，可以多拿一些成功的人或事激励学生，对于一些不认真听课的学生，更要多多关心与谈心，做到在思想上感情上赢得学生。
（二）把自己的讲课思路记录或录制下来。讲课讲得慢，条理清楚，让大多数学生能跟上老师的思路，这已是老生常谈。但作为一门专业课，我建议，授课老师可以借助记事本软件把自己的讲课要点采用边讲边敲的方式记录下来，或是通过屏幕录像专家软件录制自己的讲课视频，然后发到每一位学生的电脑上，这样学生就可以在练习时跟上老师的思路，增强学习的信心。
（三）请教学科中的“专家”来帮忙。如今是一个网络时代，网络中的资源非常丰富，各类专家均或多或少在网上视频教程，各位朋友可以多去学习；另可以多参阅网页前台的网上论坛，取长补短、拓宽视野不断提升自身的技能水平。
[ 参 考 文 献 ]
[1]《2009年北风网李炎恢讲师Xhtml+css视频教程+项目视频》.
[2]站长好站（http：///shipin/photoshop/）中刘明轩讲师的《PS网页设计视频教程》.
网页设计软件篇3
众所周知，设计页面的最基本的语言是HTML语言。网页的设计需要借助一些编辑软件，基本上可以分为两大类：网页编辑软件和辅助设计软件。目前比较常用的网页编辑软件有Frontpage、Dreamweaver等。Frontpage、Dreamweaver等软件都是比较容易上手的网页编辑工具软件，功能强大，所见即所得，如果你不大了解HTML语言也能够利用它们设计出自己满意的网页。但为了更准确地表现网页内容，还是应该了解一些HTML语言的知识，因为有时候用代码修改页面内容要比视***模式下设计页面更加简便准确。如果直接编辑代码，那么在设计中只需要使用Editplus等类似的文本编辑软件就可以了。Editplus是一套功能强大，可取代记事本的文字编辑器，拥有无限制的撤销/重做、查找替代、同时编辑多文件等功能。另外它也是一个好用的HTML编辑器，除了可以颜色标记HTML标签(同时支持C/C++、Perl、Java)外，还内建完整的HTML和CSS指令功能，对于习惯用代码编辑网页的朋友，它可以帮你节省一半以上的网页制作时间，它还会结合浏览器于EditPlus窗口中，让你可以直接预览编辑好的网页。做好了网页内容的编排，我们还需要结合Flash、Photoshop、Fireworks等***片或动画设计软件修饰网页。Flash是一种针对网站的制作矢量***形和动画的软件，***书馆网页中许多动态教学课件、动态检索方式以及一些动态***片可以用Flash制作出来，插入网页中；Photoshop是Adobe公司推出的一种功能强大的***像处理软件，使用Photoshop可以对各种***像进行平面处理，产生各种各样的特殊效果。Fireworks是Macromedia公司的首选***形编辑程序，Fireworks同时支持矢量***和点阵***两种类型的***形编辑格式，支持*.png文件格式，与Photoshop相比，Fireworks更适合处理与***形并行放置的文本，并保证Web***形颜色的正确性，因此，越来越多的人开始使用它。各种软件结合使用，会使网页变得丰富多彩，充分发挥页面的表现能力。
2页面布局和整体风格的设计
页面布局要结合页面内容的结构框架进行。从内容上讲，我馆的主页情况大致如此：页面顶端为网站的logo***片，然后为导航栏，为了避免跟各个版块的内容重复，导航栏中我们只设计了“联合办公”、“本馆概况”、“网络导航”、“常见问题”、“参考咨询”、“建议留言”等栏目，并针对导航做了下拉菜单，链接各栏目的具体内容。主要内容的布局分为上下两层：上层是三列布局，左侧放置***书馆概况动态***片和相关链接，中部最新动态消息，右侧作为一个版块链接了我馆的各个电子资源，这样做的目的是为了把大家最常用和最关心的内容放在页面最引人注目的地方，方便读者利用；下层根据其他版块的内容设计成四列布局，分别是书目检索、读者服务、信息服务、教学园地，其下分别做了各个子项的链接。页面的最下方写明版权和***书馆联系方式。从技术上讲，随着网页标准的应用，页面布局正在从传统的表格布局往CSS布局过渡。CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF***片来控制各布局版块的间距；而现在则采用层(div)来定位，通过层的margin，padding，border等属性来控制版块的间距。网页设计者们不妨打破传统的设计思维，学习新的设计方法，慢慢体会新技术给大家带来的便捷和效率。
3页面及维护
网页设计软件篇4
关键词：网页 实训 立体化
技工院校的网页设计课程是以目前应用最为广泛的网页制作软件的使用方法为主线，采用任务和案例相结合的教学方式，以简明通俗的语言和生动真实的案例详细介绍Dreamweaver、Fireworks、Flash以及Photoshop这几个在网页制作中经常用到的软件，并重点讲解各软件在网页制作中的实际操作。通过网页设计课程的教学，可以使学生具备就业所需的网页设计能力，为未来的发展和自主创业奠定基础。因此，该课程越来越得到技工院校计算机专业教师与学生的重视。其中，由于实训教学是整个网页设计课程教学的关键核心所在，因此改进实训教学模式，引入新的教学方法、手段，对于提升网页设计课程的教学效果具有重要的意义。
一、立体化教学的内涵
传统的课堂教学模式过于强调教师在教学过程中的主导作用，导致学生在教学过程中被动地成为知识的存储器。实践证明，这种模式既无法体现职业教育能力本位的思想，又使学生无法适应当今社会的发展。因此，引入更加先进的教学模式对于技工院校来说尤为迫切。所谓的立体化教学，就是打破传统的以教为主的一维化模式和教、学并重的二维化模式，将教、学、练、做四维集成一体，使四者相互渗透、相互融合。从而使学生的学、练、在教师的引导下，真正实现无缝对接，从而实现人才培养方案确定的目标。
二、技工院校网页设计课程实训教学采用
立体化模式的必要性一方面，传统的技工院校计算机实训教学模式已迫切需要得到改进、提高。随着技工院校生源的不断下降，技校生生源素质的迅速下降已成为不争的事实。特别是对于计算机实训教学，既要面对实训内容与市场需要脱节的窘境，又要面对学生学习兴趣缺乏，学习积极性不高的实际学情。另一方面，企业的发展对技工院校的计算机专业人才提出了更高的要求。既懂理论又具备较强实际操作技能的学生，更受用人单位的欢迎，也有着更加广阔的发展空间与发展基础。
三、技工院校网页设计课程实训立体化教学的开展
1.确定合理的教学目的
技工院校网页设计课程实训教学的目的应体现应用型人才的培养，并充分考虑技校学生的学习基础、特点。在学生掌握计算机和网络应用基本知识的基础上，掌握HTML、CSS、javascript有关的知识。通过对Web页制作技术、工具的学习，使学生对于网页设计与制作中所涉及的相关知识有全面的了解，并使学生具有解决一般网页制作问题的能力。掌握运用DreamweaverCS6网页制作软件的方法、FireworksCS6***像处理软件进行网页中***形制作和运用flashCS6动画制作软件设计网页中动画的方法，进而将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。
2.科学设置实训内容与要求
网页设计软件篇5
【关键词】网页制作;教学;设计
早在20世纪初，我国就已经把“网页制作”作为高校基础课程的内容。“网页制作”不仅能提高学生对信息技术的应用能力，还能提升学生的动手能力和设计、规划能力，有利于促进学生的全面发展。在近年来的实践中，“网页制作”课程的开展已在高校取得了较好的效果，在培养学生团队合作、自主创新能力方面都取得了卓越的成效。
1.教学现状
网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。
在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。
网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。
2.教学目标
网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：
2.1 知识目标
在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术，动画、音频的处理技术，网页编辑、链接的技术，***形绘制晕染的技术等。
2.2 技能目标
技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的***片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景***片和音乐以丰富网页内容，增加网页的观赏性和完整度。
2.3 情感目标
情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。
3.网页制作课程的内容
网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页***像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif***片的制作;在网页***像处理和动画制作上则会应用到Photo Impact和Flas制作软件。
4.网页设计课程的设计思路
尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。
在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的难度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。
课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页***像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。
5.教材分析
我国大部分高校在进行网页制作教学时都采用了《Dreamweaver中文网页制作基础》这一教材。这本教材的最突出优点就是采用了设置任务的模式完成网页制作的教学。在每一章内容的介绍中，教材中都会设置相应的教学任务和实用案例。学生在完成任务的同时，对教材中涉及到的基础知识点和操作技巧都进行了应用，并在不断操作中强化了记忆，相较于传统的教学模式，更有利于学生对知识的掌握和应用。另一方面，这本教材的内容设置充分遵循了学生的学习规律，并把握好了重点。在教材的前半部分是对网页设计基础知识的简介，其中包含了对数据库软件、Office应用软件、Flash软件等软件的操作规范和说明，使学生在进行实际的上机操作前，对这些基础知识点有了较为全面的把握。教材的重点放在了网页的设计过程上。教材对网页设计的步骤进行了详细、具体的说明，并通过文字和***形结合的方式向学生展示了一些具体操作流程，学生能在较短时间内掌握设计方法，完成网页的自主设计。
6.结语
网页制作是一门综合性很强的学科，对学生的理解能力、设计能力、审美情趣及动手操作能力进行了综合的考查。同时，对于教师而言，网页设计课程的开展也考查了教师的授课能力和创新意识。在网络技术日新月异的今天，掌握好网页制作技术有利于开发学生的创新精神和合作精神，提高学生的综合素质。
参考文献
[1]王晓晴.浅谈“网页制作”之网页版面的教学设计[J].计算机光盘软件与应用，2014（2）：31-34
[2]薛巧梅.任务驱动教学法在网页制作教学设计中的应用[J].武汉船舶职业技术学院学报，2013（5）：69-71
网页设计软件篇6
一、明确课程知识点设计的层次
当前许多技工院校在学制层次上不仅有中专、中级技工，还开设了高级技工以及技师，不同层次的培养要求是不同的。中专以及中级技工的网页设计的教学要求通过理论、实践两方面的培养，使学生了解网页设计与制作的基础知识和规范要求，熟悉HTML和脚本语言相关知识，掌握站点创建、网站元素编辑、表格应用、层和框架布局、网页行为添加、样式与模板应用、表单元素使用等相关技能，能应用主流网页设计软件进行不同风格的简单网页设计以及简单网页代码和脚本编写。而对高级技工、技师则提出了更高的培养目标，包括基础网页制作，使用表格布局页面，使用框架布局页面，层的应用，浮动框架的应用，代码片段的应用，库项目的应用，模板的应用，***像的应用，多媒体元素的应用，使用Flash制作运动补间、形状补间、遮罩、引导层等动画，使用FlashActionScript控制动画，使用Firework处理网站***片，用Dreamweaver创建、加工、处理、、维护网站，综合运用Flash、Firework、Dreamweaver三个软件编辑、美化网页。
教师在教学过程中必须根据不同层次学生的知识现状以及将来的就业需要对教学内容有所侧重。对于中专与中级技工层次的学生，突出实用性，教学要求“短、平、快”；对于高级技工以及技师层次的学生则必须理论、实践同时并举，加大理论教学与实训项目的难度与深度。同时教师要注意好不同层次课程教学内容的衔接，为学生开展自学以及今后的发展打下坚实的基础。
二、技工院校计算机专业网页设计教学实践
随着Internet的日益普及，各种类型的网站层出不穷，网页制作已成为当今非常热门的职业，熟练掌握网页设计与制作技术不仅能够提高技校生的职业竞争力，还能够充分发挥他们的个性和创造力。因此，教师必须结合技校生的实际学情选择教学软件与教学模式。
1.教学软件的选择制作网页的软件很多，针对技校生基础素质薄弱这一客观学情，我们决定使用SharePointDesigner2007作为教学的主要内容。它不仅继承了Office系列软件界面友好、操作简单、功能强大等优点，而且可以高效、快捷地完成网站的建设，让学生感受全新的创作体验。
2.理实一体化的教学模式技工院校的计算机教学应根据本校实际教学状况，紧贴社会对高素质劳动者掌握计算机技术的要求，以学生为本。因此我们在网页设计课程教学中采用理实一体化模式。整个教学过程贯穿项目教学的思想，采用任务驱动的模式推动教学。为此，我们通过一个与实际生活相关的、有实际意义的综合完整网站案例，循序渐进、由浅入深地讲解网页设计与制作技术，并采用“做中学、做中教”，使学生学会和掌握相关的知识和技能。为克服课时少这一困难，我们在课后布置相关实训内容，让学生通过更多的实际操作来提高网页制作能力，巩固所学知识和技能。
网页设计软件篇7
1、传统教学方法问题分析
作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。
它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1]，重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心，以教师为中心，围绕着教材进行授课，这样往往忽视了学生的积极性、主动性，无法培养学生制作网页时所需的创造性和理解能力。通过分析，我们发现采用这种传统教学方法存在以下问题：
首先，高职类电子商务专业学生学习主动性不足，技术基础薄弱，同时缺少网页设计与制作所需要的抽象思维能力，这种传统教学方法会造成学生学习兴趣不高，学习效果较差，往往经过一个学期甚至更长的时间学习后还难以学会这项技术。
其次，在这种教学模式下，技能学习的过程与真实的网页设计开发项目流程差别较大，学生在较短时间里可能掌握部分软件操作技能，但无法从整体上快速把握网页设计与制作全过程。
同时，在教学过程中我也深刻的感受到电子商务专业的学生又对网页设计技术的学习充满期待和向往。因此，在这门课程中探索新的教学方法，帮助他们迅速掌握网页设计与制作技术，就变得非常必要和迫切。
2. 信息化项目式教学模式的设计
项目教学法是一种基于建构主义的、教师指导下的以学生自主探索为基础的教学方法，它源自于美国实用主义哲学家和教育家杜威，并由其学生不断丰富和发展。这种教学法是以一个完整的项目为实践教学对象，将知识点围绕着教师所下达的项目要求，在教师指引下，以个人或小组工作方式，完成相关项目模块，并最终将一个个项目模块“组装”成一个完整的项目[3]，并在项目实施过程中完成相应的教学任务，从而在教学过程中提升学生的知识、能力和素质水平。
为了解决传统教学方法在技能类课程中存在的问题，提高学生的学习兴趣和教学效果，在网页设计与制作课程中我们引入了项目式教学方法，同时在项目式教学过程中创造性的使用了我们自主研发的具有人机交互特性的实训教学软件，该实训教学软件按照真实网页开发流程，配合课程所用教材和教学进度，应用到课程实训教学中。信息化手段的应用受到学生的一致好评和积极响应，极大地提升了课程的教学效果。
信息化项目式教学设计的思路是按照企业网页设计与制作的基本流程和工作步骤，将网页设计与制作的整个业务流程划分成多个连续的子项目，并用信息化手段将每个子项目进行固化。学生在进行课程实训时，运用实训软件逐步完成任务，根据教学任务安排，就可以掌握网页设计与制作技术和操作方法和设计思路。信息化手段的引入完整展现商务网页设计与制作的基本原理及实现方法，使学生能够在总体上快速明确网页制作的过程步骤和基本方法。
3. 信息化项目式教学法在课程中的实施与应用
在课程实训教学中，通过合理设置教学任务、实施过程控制以及教学反馈三个教学环节依次展开，最大程度上帮助学生掌握网页设计与制作的基础知识，提高他们的技能操作水平，培养其自主学习、勤于思考、勇于克服困难的职业素养。
3.1 合理设置学习情景与教学任务，明确学习目标和重难点
在每次实训课程开始前，教师会结合实训教学软件，布置本次实训课程的实训项目，并
对该项目的实训目标、实训背景、实训环境和实训任务进行详细的说明和分析。通过任务布置和说明，教师合理设置了学习情景，安排了相应的教学任务，明确了此次实训课程学习的重点和难点，并要求学生在规定的时间内完成相应的学习任务。
如课程的第五章DIV+CSS网页布局这个子项目，要求学生在两个课时的实训课上使用实训教学软件，利用DIV+CSS网页布局技术，完成长沙市碧雅园花卉苗木基地公司网站首页的布局设计。
3.2实施项目式教学过程控制，保障教学质量
在项目式教学过程中，信息化教学手段的应用完美地解决了一般项目教学过程难以监控的问题。在学生运用实训教学软件练习的过程中，学生按照实训教学软件固化的业务流程，在规定的时间内逐步完成各个实训任务，同时教师在此过程中答疑解惑，从而实现了良好的过程控制。
以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务，如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务，才能完成本次实训课程布置的所有任务。教师通过观察学生实训软件的操作情况，就可以快速了解学生实训进度，对实训过程实现良好的监督和控制。
3.3实施教学反馈，量化实训效果
为了衡量项目式教学效果，量化学生实训质量，实训教学软件设置了多样化的任务和问题，学生在回答问题并完成某些任务后，系统会根据学生操作选项自动给予打分，判断学生是否完成了该实训任务。如果系统评分显示失败，则需要学生重新去完成任务，才能进入下一个实训步骤。通过这种评价量化机制，可以评价学生的实训效果。教师根据学生评价得分，可以进一步完善教学活动。
4. 信息化项目式教学方法的成效特色
通过比较项目式教学法应用前后的效果，可以发现，在网页设计与制作课程实训教学中应用信息化项目式教学方法后，学生的学习兴趣大幅提高，学习效果也得到显著改善，新的教学方法的应用具备以下几大特色：
4.1化繁为简，提高学习兴趣
实训教学软件根据真实的网页设计与制作流程，将复杂的网页设计与制作过程细分为几个子项目，每个子项目又细化为多个简单的步骤，将复杂的网页制作过程简化处理。同时为了提高学生的学习兴趣，针对实际的教学应用需要，实训软件设置了拖拽选择、填空、排序等许多形式多样的问题以及个性化的人机交互方式。在学生实训练习过程变得像打游戏一样需要步步过关，才能进行下一步任务，这样的情景模拟极大地提高了学生的学习兴趣。
4.2仿真模拟，化难为易
为了方便学生学习掌握网页设计与开发所必需的Dreamweaver软件的使用，我们在实训软件中运用仿真模拟的方法将Dreamweaver软件嵌入其中，学生在实训过程中，可以直接在实训教学软件中使用Dreamweaver软件进行操作，避免了另外打开软件的麻烦。
4.3项目式教学过程可控制，实训结果可量化
在信息化项目式教学方法和手段应用以后，学生实训过程完全可控，实训结果轻松量化，从根本上保障了实训教学的质量和效果。
4.4信息化实训教学软件的使用，提升了学生自主学习能力
在信息化实训软件应用到课程实训教学后，学生不仅可以在实训课堂上使用，还可以在课后进行反复练习，为学生的实训学习提供了极大的便利。同时，探索式的学习方法，趣味性的问答设置等多种特色，也极大的提高了学生的主动性和积极性，锻炼了学生的自主学习能力。
网页设计软件篇8
关键词：网站；设计分析；制作
随着科学技术发展和网络的运用，计算机网络为人们的生活打开了一片新的天地创新了人们的生活方式而网站为人们提供了丰富多彩的信息。一个网站不但要做到操作方便，引人入胜，趣味盎然，还要告诉浏览者它的用处，这些设计都是有讲究的。
1 网站建设的作用和意义
互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。
2 网站设计分析
文字、***形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。
3 网页制作
3.1 选择合适的网页设计软件
当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO～EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。
3.2 选择网页内容
前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从***书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、***片、影像。素材准备得越多越好，再从这些素材中粗中取细， 以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。
3.3 运用网页设计中的色彩
不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。
4 网页制作中的注意事项
⑴网页要一页一页制作，切不可***快，没考虑清楚就下手只会让后面的修改工作更辛苦，首先要制作主页，把主页上的页面的编排、色彩的搭配、链接的方式都设计好后，再以 它为基础，通过变更文字和***片等内容建立其它子页，可以利用模板批量创建子页，使用模板的好处是一一同一个模板创建下的网页，对它的更新和修改可以一次性完成。这样可以大大提高制作效率，使网站形成统一的风格。
⑵特效制作网页时，能尽量用javascript替代的就不要使用java，java会使网页速度减慢，在加入诸如声音、动态网页等小技巧时，最好也不要太多，这都会影响网页的运行速度。
⑶使用链接到每张***片的缩略***是提供有大量***片的***库时常见的一种策略。缩略***也就是***片的缩小版本，可以让浏览者看到众多的***片。但是，在展示缩略***时，切记不能将缩略***做得太小，因为缩略***做得太小网站的访客就无法从中获取有效的信息。
⑷合理采用JPg和gif格式也是至关重要的，色彩鲜艳高分辨率的用JPg，***片色彩单调的及在256色以内的最好把它处理成gif***像格式。***片大小尽量不要超过30k，小***片（1OOx40）一般可以控制在6k以内，较大的***片可以“分割”成小***片。
⑸为***片加注解。***片的***较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的***片，是否需要等待，是否可以点击。
5 结语
网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。
[参考文献]
[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010（1）.
网页设计软件篇9
【关键词】PHP技术;基因数据可;Web平台
引言
当前，对生物的研究已经从基因程序着手，逐渐开始对基因组成和排列进行分析研究。并且也已经建立了数量和种类繁多的基因数据库。据文献记载现存的基因数据已经超过了5000条，而记录的有1500万个左右，该数据目前正以日剧增。
如此多的数据库，其格式并非一致。有的数据库采用的是标准的文本格式、有的是记录基因的相关信息，有的基于表格的形式记录，也有的是以基因的排列进行记录，不同的数据库记录格式，给数据库的共享带来了极大地困难。其不仅不利于查询和检索，还使得基因数据库的功能没有充分的发挥出来。
针对此种状况，为便于用户的使用，需要建立一个快捷、方便的使用平台来发挥基因数据库的重要作用。正是基于此项考虑，PHP技术的基因数据库，为Web平台的构建提供了良好的操作平台。
1.生物基因数据库的概述
生物基因数据库是进行生物研究的过程中，所获取的研究结果或者记录的信息。学者们在进行生物基因技术研究的过程中，由于生物基因本身以及基因组成存在一定得复杂性。
因此，生物基因研究的数据库具有一定的复杂性。生物基因数据库能够记录和保存基因研究中的相关信息，数据库不仅包括了生物基因各个阶段测量数据，还包括了不段位基因排列的信息[1]。
通常情况下，在生物基因数据库中，记录的基因数据库的信息包含了20至60个的数据。因此，从生物基因数据库的存储的情况来看，生物基因数据库中存储的信息量不仅丰富，而且还能够利用在生物研究中的信息也是非常多的。在现代生物技术与生物研究不断发展的过程中，基因数据库的建立的具有重要的作用。基因数据库不仅有助于生物研究的发展，还有利于生物研究数据的共享。
2.PHP技术的相关信息
2.1 PHP技术的概述
PHP技术作为一种新的技术被应用于计算机网络中。PHP是进行计算机互联网中动态网页服务器端制作的使用脚本。在计算机动态网页制作的过程中，该技术已经开始作为一项常用的应用技术被应用于其中。计算机网页动态的设计，通过使用PHP和HTML编码语言，可以实现计算机动态网页界面的设计和制作。利用PHP技术设计制作计算机网页，在用户打开计算机互联网页面的过程中，互联网的服务器中断会自动根据PHP的指示执行命令，进行数据的传输。同时还能够将最终处理的数据结果通过服务器传送到用户计算机浏览页面上，进而建立用户与互联网沟通的平台，使得用户可以实现对对互联网数据库的访问。
2.2 PHP技术进行基因数据库Web平台构建的优势
PHP技术在计算机动态网页中作为一种应用的脚本语言，其应用范围不仅具有一定的广泛性，其还具备一定的优越性。其优越性主要体现在：
首先，在计算机动态网页制作的过程中，该技术平台的设计局语言更简便，程序的编写更容易。计算机动态网页的制作，PHP技术无需与其他程序进行声明变量。如其他计算机C语言或者Basic语言，在计算机网页平台构建中需要进行声明变量[2]。并且使用PHP技术可以加快阵列与散阵列的创建速度。由此可见，PHP脚本语言在进行Web平台设计与构建的过程中，通过组织和封装代码操作，可以使得该项操作更简便。
其次，在Web平台构建中，应用PHP技术可以实现跨平台与较快平台的设计。在计算机网页制作中，PHP技术可以实现不同Unix版本的Web平台构建，同时还能够进行Windows网页平台的设计。可见，PHp技术可以作为一种能够快速学习，跨平台，具备良好的交换能力的应用语言脚本。
最后，PHP具备较好的兼容性与与扩展性。在计算机Web平台构建中，该技术可以与Apache以及其他的扩展数据库紧密联系。
另外，在计算机动态网页制作的过程中，PHP技术的应用可以使得该平台的更具安全性。与其他程序灵活的应用，而且不会影响该程序的安全性，使得计算机Web平台的应用具备相应的安全保障。
3.基于PHP技术的基因数据库Web平台构建分析
基于PHP技术的基因数据库Web平台系统构建的示意***如***1所示。在应用PHP技术进行生物基因数据库Web平台构建的过程中，需要应用到的软件平台和开发软件的技术有很多种。其中包括了数据软件系统，如Oraclette、计算机PHP语言、计算机服务软件Apache、计算机PHP代码编辑器、计算机网络用户端软件系统以及计算机PHP软件[3]。这些计算机软件结构系统以及进行软件开发的系统，都是应用计算机PHP技术进行基因数据库构建平台所需要的计算机软件和工具。另外，在基因数据Web平台的构建中，使用PHp技术还需要使用到相应的计算机数据库转系统和查询的软件系统以及计算机操作控制应用的系统。如Windows XP等。应用这些软件系统和工具有助于生物基因数据库Web平台的构建。
***1 系统示意***
在利用PHP技术进行生物基因数据库Web平台构建的过程中，计算机软件设计应用到的语言程序软件和计算机服务软件以及相关的工具安装完成后，需要对相应的软件和工具进行编译，再进行相关的设置。也就是实现httpd.txt和httpd.ini两个文件设置后，再使用PHP技术进行基因数据库的转换和连接，实现生物基因数据库平台的构建和设计[4]。在平台构建和设计完成之后，关于基因数据库的转换和连接，需要在对基因数据库的记录格式统一之后才能进行此项操作。最后就可以实现基因数据库的转换和连接，还能够储存相应的数据。
4.结语
总之，应用PHp技术构建基因数据库Web平台，可以实现快速、高校、安全、灵活以及简便的操作。该平台具备良好的兼容性和扩展性，具备其他数据库所不具备的特点。PHP技术在基因数据库平台构建中，更具优越性。可以实现生物基因数据库平台的设计和构建，对生物基因数据的共享具有重要的意义，有助于推动生物基因的研究和生物技术的发展。
参考文献
[1]陈雪江，秦国良.基于Internet的风机网上选型系统的设计与实现[J].计算机工程与设计，2011，12（12）：29.
[2]王岩，田曙坚.Web平台上B/S模式的化学废液统计数据库系统[J].实验室研究与探索，2010，26（22）：36.
[3]徐扬.基于Web的C语言程序设计自主学习系统的设计与实现[J].现代计算机（专业版），2010，20（10）：23.
网页设计软件篇10
【关键词】VedioCapture技术;导学案例;Dreamweaver
【中***分类号】G420 【文献标识码】A 【论文编号】1009―8097(2009)08―0136―03
软件教学是一类实践性很强的课程,对教师而言,关键在于课堂上的演示操作,对学习者而言最关注的也正是教师的每一步操作细节。而vediocapture技术可以帮助学习者轻松捕获教师详细的讲解内容和在电脑屏幕上的操作过程。本文结合作者五年来从事Dreamweaver的教学实践,使用当前比较流行的一款vediocapture软件――屏幕录像专家7.5设计了Dreamweaver软件的导学案例,依此引发学习者的兴趣和动机,使其进行更深入的自主学习。
一 VedioCapture技术综述
VedioCapture技术是多媒体软件发展的新产物,该技术可轻松地将屏幕上的软件操作过程、网络教学课件、网络电视、网络电影、聊天视频等录制成FLASH动画、WMV动画、AVI动画或者自播放的EXE动画。目前基于VedioCapture技术开发的共享软件有Camtasia3.02、、CYY屏幕录像助手、QQ视频录像机、屏幕录像专家7.5等27种[1],其中屏幕录像专家7.5凭借其强大的长时录制功能和后期编辑功能深受广大用户好评,是一款使用率很高的视频捕捉软件。该软件在长时录像时还能保持声音的完全同步,使用简单,功能强大,是制作各种屏幕录像和软件教学动画的首选软件。屏幕录像专家的基本功能如下:[2]
1 支持长时间录像并且保证声音同步。在硬盘空间足够的情况下,可以进行不限时录象。录制时可以设置是否同时录制声音,支持后期配音和声音文件导入,还可以使录制过程和配音分离。
2 可定时录制,也可手动设置,录制目标可自由选取:可以是全屏、选定窗口或者选定范围。
3 录制生成EXE文件,可以在任何电脑中(操作系统为windows98/2000/2003/XP等)播放,不需附属文件。高度压缩,生成文件小。EXE录像播放的自动扩帧功能使播放画面更加平滑,即使是1帧/秒也有平滑的效果。
4 录制生成AVI动画,支持各种压缩方式。AVI扩帧功能,可以制作1-25帧/秒的AVI动画。还可以自动设置最佳帧数。
5 生成FLASH动画,文件小可以在网络上方便使用,同时可以支持附带声音并且保持声音同步。
6 后期编辑功能,支持EXE截取、EXE合成、EXE转成LX、LX截取、LX合成、AVI合成、AVI截取、AVI转换压缩格式,EXE转成AVI等功能。
7 可以用来录制软件操作教程、长时间录制网络课件、录制QQ/MSN等聊天视频、录制网络电视节目、录制电影片段等。也可用于制作教学软件DVD 或上传到视频网站的软件教程。
二 软件学习过程中学习者的认知特点
学习者在进行学习时总要依据学习内容选择有效的学习策略。在传统科目的课堂教学中,做笔记是学习者普遍采用的一种学习策略[3]。通过复习笔记来加强对课堂教学内容的理解和掌握。而软件教学是一种特殊的教学内容,学习者如若采用做笔记的学习策略来记录课堂上教师的每一步操作显然是行不通的。理由很简单:教师操作过快,学习者要听要看还要记笔记,显然跟不上教师的节奏。但作为学习者,他们又很希望自己能够记住教师的每一个讲解步骤,以便在上机时熟练操作。然而,就在这种特殊的教学内容和学习者认知特点的需求下,VedioCapture技术应运而生。教师可以借助电脑、话筒和视频捕获软件,将自己的讲解内容和软件操作过程录制下来,作为课堂的视频教学材料。这种教学策略恰恰符合了软件教学中学习者的认知特点。众所周知,一切认知学习行为都是由动机引起的,学习动机是认知学习中最重要的必备条件之一。[4]在软件学习过程中,及时跟踪教师的每一步操作是学习者持之以恒的寻求有关学习信息的关键因素。而VedioCapture技术给学习者提供了可行性条件,它能够把教师的演示过程声画并茂地呈示给学习者。学习者通过反复观看和上机练习,不但可以快速掌握软件的基本操作和教师的案例演示,有余力的同学还能够在此基础上进行创新,从而使其进入更深层次的自主学习。由执教者自己制作的视频教学课件不但贴近教学目标,而且符合学习者的认知特点,更是迎合了课件与学科教学整合的教改思想。
三 Dreamweaver软件导学案例的设计与实现
下面以《Dreamweaver软件导学案例》的设计为例,屏幕录像专家7.5为制作工具介绍VedioCapture技术的具体教学应用。
1 Dreamweaver的导学内容
Dreamweaver是Macromedia公司为Web开发者量身定做的一套专业可视化网页设计工具。不论你是网页设计的初学者或是网站开发人员,无论是网页设计的美工还是高级编程人员,Dreamweaver都提供了相适应的功能。[5]与同类软件相比,它最大的优势在于:能够快速创建站点,使用方便,扩展性强,所以受到广大网页制作者的青睐。对于Dreamweaver初学者来讲可从以下三方面入手循序渐进地进行学习:Dreamweaver简介、使用Dreamweaver制作网页的实战案例以及自主学习方法的引导。具体内容组织结构如下***:
2 Dreamweaver软件导学案例的设计方案
首先,依据以上Dreamweaver的导学内容,将整体学习设计思路制作成PPT,其中的“工作界面简介”和“案例博客网页制作”是Dreamweaver导学案例的重点内容,要使用屏幕录像专家7.5将其录制成视频文件,然后再对其画面和音质进行处理,最后将每段视频以屏幕录像专家7.5支持的格式(扩展名为.exe或.avi或.wmv)进行保存并链接到PPT中。具体实现步骤是:
(1) 首先使用办公软件office2003中的powerpoint组件将整体学习设计思路和文本式学习内容制作成PPT,然后使用屏幕录像专家7.5把PPT的展示过程结合教师的讲解制作成一个完整的后缀名为.exe的视频文件。
(2) Dreamweaver是一款具有可视化操作界面的网页制作软件,工作组件较多,因此 “工作界面简介”是Dreamweaver导学过程中的重点、难点内容,一定要直观形象,给学习者适当的感官刺激,从而激发其学习兴趣。 对“工作界面简介”的最好方法就是:运行Dreamweaver软件到初始工作界面,边操作边讲解各工作区的功能,同时使用屏幕录像专家7.5将整个过程和讲解内容录制成可自播放的exe视频动画。VedioCapture技术最大的优势在于:它能够轻松捕获Dreamweaver软件的运行过程和对其工作界面的每一步操作,下面是屏幕视频教学动画录制过程中捕获到的Dreamweaver运行画面和其工作界面:
在“Dreamweaver简介”的视频教学内容中,教师对软件的每一步操作清晰可见,学习者即看即会。与传统讲授方式相比,这种视频教学有其独特的生存优势和升值空间。总之,“Dreamweaver简介”的视频教学内容的制作充分体现了VedioCapture技术在软件导学案例制作领域中的应用价值。
本文为全文原貌 未安装PDF浏览器用户请先***安装 原版全文
(3) “完整网页制作过程”是Dreamweaver软件导学案例设计的关键部分,考虑到Dreamweaver软件的经典功能,下面以“开发个人博客”为主题,为学习者设计并制作了“如何使用Dreamweaver制作一个完整网页”的实战视频导学案例。其制作方法同上,使用屏幕录像专家7.5将整个网页的详细制作过程和教师的讲解合制成一个可直接运行的exe视频文件。
屏幕录像专家的长时录制功能的确不错,但要录制整个网页的制作过程,视频文件显得太长,学习者长时间观看易产生视觉疲劳,严重影响其学习效果。而屏幕录像专家还有一个优点,就是它强大的后期编辑功能,它支持EXE截取、EXE合成、EXE转成LX、LX截取、LX合成、AVI合成、AVI截取、AVI转换压缩格式,EXE转成AVI等功能。因此,我们可以利用屏幕录像专家的截取功能把录制好的视频文件根据博客网页的制作流程模块截取成五段视频。具体制作步骤如下:
(1) 创建站点。运行Dreamweaver软件,使用“站点”菜单的“创建站点”命令打开站点创建向导窗口,创建名为“blog”的本地站点,在文件工作面板中就会看到一个命名为“blog”的文件夹;
(2) 页面布局设计。在该文件夹中新建一个名为“index.html”的文件,作为站点“blog”的首页名称。双击该文件***标,在设计视***中使用Dreamweaver工具栏的布局表格和布局单元格设计网页整体布局,结构如***4所示:
(3) Logo 、Banner的制作。 依据博客内容风格选择添加合适的logo 、Banner***片。
(4) 导航链接的制作。依据导航栏目添加对应的链接。
(5) 添加页面内容。依据页面布局结构***添加对应的页面信息,例如插入背景***片、输入网页文本内容,设计页面css样式等,详细操作步骤都在案例视频文件中。
将以上五大步骤分别录制作成***的视频动画,以便学习者的自主式强化学习,使学习者在短时间内破解网页制作的神秘之门,从而体会到学习的成功和乐趣。
四 构建Dreamweaver软件导学案例时存在的问题及解决方案
在使用屏幕录像专家7.5录制Dreamweaver导学案例时可能会出现诸多问题,例如画面不流畅,讲解配音的噪声太大等等。下面是作者在录制Dreamweaver导学案例过程中积累的一点经验,仅供参考。
要录制好的视频教学内容,需要做好以下几项准备工作:
1 先要设置合适的屏幕分辨率。不管你的电脑配置如何,在录制视频时最好将电脑屏幕的显示分辨率设置为800x600,颜色质量设为16位。这样速度较快,录制时占用的系统资源也比较少,并且能够保证画面的流畅和正常显示。
2 屏幕录像专家7.5的属性设置。在基本设置选项中,除了另行指定生成文件的保存路径外,其它设置均保持默认属性。指定保存路径是为了给生成文件留有足够的空间,确保长时间录制的顺利进行。
3 声音设置。采样位数设为“16”,采样频率设为“11025”,如若音质不佳,也可设为“22050”;声音来源要选择“Microphone”或“话筒”;音量设置很关键,除了把屏幕录像专家7.5的音量设为最低外,还要把电脑的话筒和音箱的音量调到最低。这样可以最大限度地降低讲解配音的噪声。当然为了避免录音过程中外界声音的介入以及话筒的“噗噗”声,最好选择一个安静的空间,并且给话筒自制一个防尘罩。
4 文件保存格式。使用屏幕录像专家7.5录制的视频文件一般情况下都选择默认的保存格式,即“直接录制生成的exe格式”。该格式文件兼容性好,占用空间小。
以上只是对硬件的属性设置和客观录制环境的要求,当然要制作好的视频动画,对案例中人的要求也是很严格的。教师的讲解速度不能太快,语言要精练,更重要的是和自身对电脑的操作要保持良好的同步。
五 结束语
设计本案例只是给初学者及Dreamweaver爱好者起到一个引导入门的作用,当然学习者也可以依据案例中提供的学习方法进行更深入的自主学习。