网页设计必须会的软件 第1篇
一、明确课程知识点设计的层次
教师在教学过程中必须根据不同层次学生的知识现状以及将来的就业需要对教学内容有所侧重。对于中专与中级技工层次的学生，突出实用性，教学要求“短、平、快”；对于高级技工以及技师层次的学生则必须理论、实践同时并举，加大理论教学与实训项目的难度与深度。同时教师要注意好不同层次课程教学内容的衔接，为学生开展自学以及今后的发展打下坚实的基础。
二、技工院校计算机专业网页设计教学实践
随着Internet的日益普及，各种类型的网站层出不穷，网页制作已成为当今非常热门的职业，熟练掌握网页设计与制作技术不仅能够提高技校生的职业竞争力，还能够充分发挥他们的个性和创造力。因此，教师必须结合技校生的实际学情选择教学软件与教学模式。
1.教学软件的选择制作网页的软件很多，针对技校生基础素质薄弱这一客观学情，我们决定使用SharePointDesigner2007作为教学的主要内容。它不仅继承了Office系列软件界面友好、操作简单、功能强大等优点，而且可以高效、快捷地完成网站的建设，让学生感受全新的创作体验。
2.理实一体化的教学模式技工院校的计算机教学应根据本校实际教学状况，紧贴社会对高素质劳动者掌握计算机技术的要求，以学生为本。因此我们在网页设计课程教学中采用理实一体化模式。整个教学过程贯穿项目教学的思想，采用任务驱动的模式推动教学。为此，我们通过一个与实际生活相关的、有实际意义的综合完整网站案例，循序渐进、由浅入深地讲解网页设计与制作技术，并采用“做中学、做中教”，使学生学会和掌握相关的知识和技能。为克服课时少这一困难，我们在课后布置相关实训内容，让学生通过更多的实际操作来提高网页制作能力，巩固所学知识和技能。
网页设计必须会的软件 第2篇
2页面布局和整体风格的设计
页面布局要结合页面内容的结构框架进行。从内容上讲，我馆的主页情况大致如此：页面顶端为网站的logo图片，然后为导航栏，为了避免跟各个版块的内容重复，导航栏中我们只设计了“联合办公”、“本馆概况”、“网络导航”、“常见问题”、“参考咨询”、“建议留言”等栏目，并针对导航做了下拉菜单，链接各栏目的具体内容。主要内容的布局分为上下两层：上层是三列布局，左侧放置图书馆概况动态图片和相关链接，中部最新动态消息，右侧作为一个版块链接了我馆的各个电子资源，这样做的目的是为了把大家最常用和最关心的内容放在页面最引人注目的地方，方便读者利用；下层根据其他版块的内容设计成四列布局，分别是书目检索、读者服务、信息服务、教学园地，其下分别做了各个子项的链接。页面的最下方写明版权和图书馆联系方式。从技术上讲，随着网页标准的应用，页面布局正在从传统的表格布局往CSS布局过渡。CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制各布局版块的间距；而现在则采用层(div)来定位，通过层的margin，padding，border等属性来控制版块的间距。网页设计者们不妨打破传统的设计思维，学习新的设计方法，慢慢体会新技术给大家带来的便捷和效率。
3页面及维护
网页设计必须会的软件 第3篇
1、传统教学方法问题分析
作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。
它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1]，重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心，以教师为中心，围绕着教材进行授课，这样往往忽视了学生的积极性、主动性，无法培养学生制作网页时所需的创造性和理解能力。通过分析，我们发现采用这种传统教学方法存在以下问题：
首先，高职类电子商务专业学生学习主动性不足，技术基础薄弱，同时缺少网页设计与制作所需要的抽象思维能力，这种传统教学方法会造成学生学习兴趣不高，学习效果较差，往往经过一个学期甚至更长的时间学习后还难以学会这项技术。
其次，在这种教学模式下，技能学习的过程与真实的网页设计开发项目流程差别较大，学生在较短时间里可能掌握部分软件操作技能，但无法从整体上快速把握网页设计与制作全过程。
同时，在教学过程中我也深刻的感受到电子商务专业的学生又对网页设计技术的学习充满期待和向往。因此，在这门课程中探索新的教学方法，帮助他们迅速掌握网页设计与制作技术，就变得非常必要和迫切。
2. 信息化项目式教学模式的设计
项目教学法是一种基于建构主义的、教师指导下的以学生自主探索为基础的教学方法，它源自于美国实用主义哲学家和教育家杜威，并由其学生不断丰富和发展。这种教学法是以一个完整的项目为实践教学对象，将知识点围绕着教师所下达的项目要求，在教师指引下，以个人或小组工作方式，完成相关项目模块，并最终将一个个项目模块“组装”成一个完整的项目[3]，并在项目实施过程中完成相应的教学任务，从而在教学过程中提升学生的知识、能力和素质水平。
为了解决传统教学方法在技能类课程中存在的问题，提高学生的学习兴趣和教学效果，在网页设计与制作课程中我们引入了项目式教学方法，同时在项目式教学过程中创造性的使用了我们自主研发的具有人机交互特性的实训教学软件，该实训教学软件按照真实网页开发流程，配合课程所用教材和教学进度，应用到课程实训教学中。信息化手段的应用受到学生的一致好评和积极响应，极大地提升了课程的教学效果。
信息化项目式教学设计的思路是按照企业网页设计与制作的基本流程和工作步骤，将网页设计与制作的整个业务流程划分成多个连续的子项目，并用信息化手段将每个子项目进行固化。学生在进行课程实训时，运用实训软件逐步完成任务，根据教学任务安排，就可以掌握网页设计与制作技术和操作方法和设计思路。信息化手段的引入完整展现商务网页设计与制作的基本原理及实现方法，使学生能够在总体上快速明确网页制作的过程步骤和基本方法。
3. 信息化项目式教学法在课程中的实施与应用
在课程实训教学中，通过合理设置教学任务、实施过程控制以及教学反馈三个教学环节依次展开，最大程度上帮助学生掌握网页设计与制作的基础知识，提高他们的技能操作水平，培养其自主学习、勤于思考、勇于克服困难的职业素养。
合理设置学习情景与教学任务，明确学习目标和重难点
在每次实训课程开始前，教师会结合实训教学软件，布置本次实训课程的实训项目，并
对该项目的实训目标、实训背景、实训环境和实训任务进行详细的说明和分析。通过任务布置和说明，教师合理设置了学习情景，安排了相应的教学任务，明确了此次实训课程学习的重点和难点，并要求学生在规定的时间内完成相应的学习任务。
如课程的第五章DIV+CSS网页布局这个子项目，要求学生在两个课时的实训课上使用实训教学软件，利用DIV+CSS网页布局技术，完成长沙市碧雅园花卉苗木基地公司网站首页的布局设计。
实施项目式教学过程控制，保障教学质量
在项目式教学过程中，信息化教学手段的应用完美地解决了一般项目教学过程难以监控的问题。在学生运用实训教学软件练习的过程中，学生按照实训教学软件固化的业务流程，在规定的时间内逐步完成各个实训任务，同时教师在此过程中答疑解惑，从而实现了良好的过程控制。
以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务，如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务，才能完成本次实训课程布置的所有任务。教师通过观察学生实训软件的操作情况，就可以快速了解学生实训进度，对实训过程实现良好的监督和控制。
实施教学反馈，量化实训效果
为了衡量项目式教学效果，量化学生实训质量，实训教学软件设置了多样化的任务和问题，学生在回答问题并完成某些任务后，系统会根据学生操作选项自动给予打分，判断学生是否完成了该实训任务。如果系统评分显示失败，则需要学生重新去完成任务，才能进入下一个实训步骤。通过这种评价量化机制，可以评价学生的实训效果。教师根据学生评价得分，可以进一步完善教学活动。
4. 信息化项目式教学方法的成效特色
通过比较项目式教学法应用前后的效果，可以发现，在网页设计与制作课程实训教学中应用信息化项目式教学方法后，学生的学习兴趣大幅提高，学习效果也得到显著改善，新的教学方法的应用具备以下几大特色：
化繁为简，提高学习兴趣
实训教学软件根据真实的网页设计与制作流程，将复杂的网页设计与制作过程细分为几个子项目，每个子项目又细化为多个简单的步骤，将复杂的网页制作过程简化处理。同时为了提高学生的学习兴趣，针对实际的教学应用需要，实训软件设置了拖拽选择、填空、排序等许多形式多样的问题以及个性化的人机交互方式。在学生实训练习过程变得像打游戏一样需要步步过关，才能进行下一步任务，这样的情景模拟极大地提高了学生的学习兴趣。
仿真模拟，化难为易
为了方便学生学习掌握网页设计与开发所必需的Dreamweaver软件的使用，我们在实训软件中运用仿真模拟的方法将Dreamweaver软件嵌入其中，学生在实训过程中，可以直接在实训教学软件中使用Dreamweaver软件进行操作，避免了另外打开软件的麻烦。
项目式教学过程可控制，实训结果可量化
在信息化项目式教学方法和手段应用以后，学生实训过程完全可控，实训结果轻松量化，从根本上保障了实训教学的质量和效果。
信息化实训教学软件的使用，提升了学生自主学习能力
在信息化实训软件应用到课程实训教学后，学生不仅可以在实训课堂上使用，还可以在课后进行反复练习，为学生的实训学习提供了极大的便利。同时，探索式的学习方法，趣味性的问答设置等多种特色，也极大的提高了学生的主动性和积极性，锻炼了学生的自主学习能力。
网页设计必须会的软件 第4篇
【关键词】PHP技术;基因数据可;Web平台
引言
当前，对生物的研究已经从基因程序着手，逐渐开始对基因组成和排列进行分析研究。并且也已经建立了数量和种类繁多的基因数据库。据文献记载现存的基因数据已经超过了5000条，而记录的有1500万个左右，该数据目前正以日剧增。
如此多的数据库，其格式并非一致。有的数据库采用的是标准的文本格式、有的是记录基因的相关信息，有的基于表格的形式记录，也有的是以基因的排列进行记录，不同的数据库记录格式，给数据库的共享带来了极大地困难。其不仅不利于查询和检索，还使得基因数据库的功能没有充分的发挥出来。
针对此种状况，为便于用户的使用，需要建立一个快捷、方便的使用平台来发挥基因数据库的重要作用。正是基于此项考虑，PHP技术的基因数据库，为Web平台的构建提供了良好的操作平台。
1.生物基因数据库的概述
生物基因数据库是进行生物研究的过程中，所获取的研究结果或者记录的信息。学者们在进行生物基因技术研究的过程中，由于生物基因本身以及基因组成存在一定得复杂性。
因此，生物基因研究的数据库具有一定的复杂性。生物基因数据库能够记录和保存基因研究中的相关信息，数据库不仅包括了生物基因各个阶段测量数据，还包括了不段位基因排列的信息[1]。
通常情况下，在生物基因数据库中，记录的基因数据库的信息包含了20至60个的数据。因此，从生物基因数据库的存储的情况来看，生物基因数据库中存储的信息量不仅丰富，而且还能够利用在生物研究中的信息也是非常多的。在现代生物技术与生物研究不断发展的过程中，基因数据库的建立的具有重要的作用。基因数据库不仅有助于生物研究的发展，还有利于生物研究数据的共享。
技术的相关信息
PHP技术的概述
PHP技术作为一种新的技术被应用于计算机网络中。PHP是进行计算机互联网中动态网页服务器端制作的使用脚本。在计算机动态网页制作的过程中，该技术已经开始作为一项常用的应用技术被应用于其中。计算机网页动态的设计，通过使用PHP和HTML编码语言，可以实现计算机动态网页界面的设计和制作。利用PHP技术设计制作计算机网页，在用户打开计算机互联网页面的过程中，互联网的服务器中断会自动根据PHP的指示执行命令，进行数据的传输。同时还能够将最终处理的数据结果通过服务器传送到用户计算机浏览页面上，进而建立用户与互联网沟通的平台，使得用户可以实现对对互联网数据库的访问。
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平台构建分析
网页设计必须会的软件 第5篇
【关键词】VedioCapture技术;导学案例;Dreamweaver
【中图分类号】G420 【文献标识码】A 【论文编号】1009―8097(2009)08―0136―03
一 VedioCapture技术综述
1 支持长时间录像并且保证声音同步。在硬盘空间足够的情况下,可以进行不限时录象。录制时可以设置是否同时录制声音,支持后期配音和声音文件导入,还可以使录制过程和配音分离。
2 可定时录制,也可手动设置,录制目标可自由选取:可以是全屏、选定窗口或者选定范围。
3 录制生成EXE文件,可以在任何电脑中(操作系统为windows98/2000/2003/XP等)播放,不需附属文件。高度压缩,生成文件小。EXE录像播放的自动扩帧功能使播放画面更加平滑,即使是1帧/秒也有平滑的效果。
4 录制生成AVI动画,支持各种压缩方式。AVI扩帧功能,可以制作1-25帧/秒的AVI动画。还可以自动设置最佳帧数。
5 生成FLASH动画,文件小可以在网络上方便使用,同时可以支持附带声音并且保持声音同步。
7 可以用来录制软件操作教程、长时间录制网络课件、录制QQ/MSN等聊天视频、录制网络电视节目、录制电影片段等。也可用于制作教学软件DVD 或上传到视频网站的软件教程。
二 软件学习过程中学习者的认知特点
学习者在进行学习时总要依据学习内容选择有效的学习策略。在传统科目的课堂教学中,做笔记是学习者普遍采用的一种学习策略[3]。通过复习笔记来加强对课堂教学内容的理解和掌握。而软件教学是一种特殊的教学内容,学习者如若采用做笔记的学习策略来记录课堂上教师的每一步操作显然是行不通的。理由很简单:教师操作过快,学习者要听要看还要记笔记,显然跟不上教师的节奏。但作为学习者,他们又很希望自己能够记住教师的每一个讲解步骤,以便在上机时熟练操作。然而,就在这种特殊的教学内容和学习者认知特点的需求下,VedioCapture技术应运而生。教师可以借助电脑、话筒和视频捕获软件,将自己的讲解内容和软件操作过程录制下来,作为课堂的视频教学材料。这种教学策略恰恰符合了软件教学中学习者的认知特点。众所周知,一切认知学习行为都是由动机引起的,学习动机是认知学习中最重要的必备条件之一。[4]在软件学习过程中,及时跟踪教师的每一步操作是学习者持之以恒的寻求有关学习信息的关键因素。而VedioCapture技术给学习者提供了可行性条件,它能够把教师的演示过程声画并茂地呈示给学习者。学习者通过反复观看和上机练习,不但可以快速掌握软件的基本操作和教师的案例演示,有余力的同学还能够在此基础上进行创新,从而使其进入更深层次的自主学习。由执教者自己制作的视频教学课件不但贴近教学目标,而且符合学习者的认知特点,更是迎合了课件与学科教学整合的教改思想。
三 Dreamweaver软件导学案例的设计与实现
下面以《Dreamweaver软件导学案例》的设计为例,屏幕录像专家为制作工具介绍VedioCapture技术的具体教学应用。
1 Dreamweaver的导学内容
网页设计必须会的软件 第6篇
【关键词】网页制作;教学;设计
早在20世纪初，我国就已经把“网页制作”作为高校基础课程的内容。“网页制作”不仅能提高学生对信息技术的应用能力，还能提升学生的动手能力和设计、规划能力，有利于促进学生的全面发展。在近年来的实践中，“网页制作”课程的开展已在高校取得了较好的效果，在培养学生团队合作、自主创新能力方面都取得了卓越的成效。
1.教学现状
网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。
在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。
网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。
2.教学目标
网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：
知识目标
技能目标
技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景图片和音乐以丰富网页内容，增加网页的观赏性和完整度。
情感目标
情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。
3.网页制作课程的内容
网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flas制作软件。
4.网页设计课程的设计思路
尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。
在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的难度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。
课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。
5.教材分析
我国大部分高校在进行网页制作教学时都采用了《Dreamweaver中文网页制作基础》这一教材。这本教材的最突出优点就是采用了设置任务的模式完成网页制作的教学。在每一章内容的介绍中，教材中都会设置相应的教学任务和实用案例。学生在完成任务的同时，对教材中涉及到的基础知识点和操作技巧都进行了应用，并在不断操作中强化了记忆，相较于传统的教学模式，更有利于学生对知识的掌握和应用。另一方面，这本教材的内容设置充分遵循了学生的学习规律，并把握好了重点。在教材的前半部分是对网页设计基础知识的简介，其中包含了对数据库软件、Office应用软件、Flash软件等软件的操作规范和说明，使学生在进行实际的上机操作前，对这些基础知识点有了较为全面的把握。教材的重点放在了网页的设计过程上。教材对网页设计的步骤进行了详细、具体的说明，并通过文字和图形结合的方式向学生展示了一些具体操作流程，学生能在较短时间内掌握设计方法，完成网页的自主设计。
6.结语
网页制作是一门综合性很强的学科，对学生的理解能力、设计能力、审美情趣及动手操作能力进行了综合的考查。同时，对于教师而言，网页设计课程的开展也考查了教师的授课能力和创新意识。在网络技术日新月异的今天，掌握好网页制作技术有利于开发学生的创新精神和合作精神，提高学生的综合素质。
参考文献