第一篇：网页教案2
注意：做为一个优秀的网站工作者及维护者应该有很强的逻辑思维能力（即所有的文件都放在什么位置自己心里要有谱，管理维护起来能够得心应手），不能让打开你网站的用户感到“乱的一塌糊涂”。
第一章：站点的管理及文本的应用
（15节，含上机操作课）
一、站点的操作
1、新建站点（a）：
新建一个网站，所有资源手动放置在站点所对应的文件夹（或者子文件夹）下面。
2、新建站点（b）：
网站已事先做好，新建一个站点是为了维护网站的方便，即修改网页内容的方便。
3、删除站点：站点所对应的主文件夹及里面的资源依然存在。
4、编辑站点：若改变站点所对应的路径，则文件夹里面的资源将丢失。
二、为什么要引入“站点”的概念
1、管理维护的方便
2、解决文件调用时绝对路径（站点根目录）和相对路径（文档）的问题
3、一般情况下，站点与网站的主文件夹是一一对应的，不能出现冗余的情况。
三、建立站点时应注意
1、站点名称、网站对应的主文件夹及主文件夹下所对应的所有资源的名称一律不能用汉字命名
2、本地根文件夹书写时避免发生以下错误： 1）D;toyato2)D:/toyato3)D://toyato 4)D: oyato(不要留有空格)5）D： toyato
3、能够正确区分站点名称与本地根文件夹（网站所对应的主文件夹）的异同
4、切忌将所有的资源全部放在根文件夹下，合理利用子文件夹
5、文件夹的层次不要太深，一般合理就行
四、文本字体的输入及属性的设置
1、文本的输入
2、空格的输入
3、标点符号的输入
4、如何将文本类型设置为特殊字体（操作系统中默认没有的字体）
五、将文本设置为动态文本
1、将文本放置在之间
2、
3、
Alternate：左右或者上下交替滚动 Scroll：循环滚动
Slide：滚动一次到达边界后静止
2）bgcolor：滚动区域的背景颜色3）height、width：滚动区域高度及宽度 4）direction：文本的滚动方向
up ：向上滚动 down：向下滚动 left：向左滚动 right：向右滚动）onClick(单击)、onDblClick（双击）、onMouseOut（鼠标移开）、onMouseOver（鼠标经过）时文本的运动状态
例如：onMouseOut=“this.stop()” onMouseOver=“this.start()” 说明：
this.stop()：当前的对象停止运动 this.start()：当前的对象开始运动
6）scrollamount：设定活动字幕的滚动速度，单位为像素 7）scrolldelay：设定活动字幕两次之间的延迟时间，单位为毫秒，值大了会有一步一停的效果。
8）loop：循环滚动的次数 若值为-1，无限循环
注意：N(n>=o)，循环n次后停止滚动，若n为小数，则自动取整，为去掉小数点后的整数
上 机 实 验
一、实验题目：
1、熟悉站点的常规操作
2、文本的输入及属性设置
二、实验要求：
1、建立一个站点，并将所有文件放在站点对应的文件夹下
2、建立一个网页，向其中输入文本
3、对文本的属性进行设置
4、将文本设置为滚动文本，当鼠标经过文本时停止滚动，鼠标移开文本时开始滚动。
三、实验步骤（请写出在对文本进行相关设置后，“代码视图”中关于文字修饰的相应代码）
第二篇：网页实验报告2
课程:计算机网页制作实验报告
班级: 08教育技术（2）
姓名:朱蓓
学号:080502246
一、实验名称：使用模板制作网页
二、实验目的：通过对模板的学习，可创建大量的风格一致的网页，给人带
来便捷。
三、实验过程：
1、创建新模板：“文件”——“新建”——“空模板”——“html模板”；
2、在新模板中进行制作网页；
3、保存模板（.dwt）；
4、利用模板创建网页：“文件”——“新建”——“模板中的页”——选
站点——“创建“；
5、模板对象：“插入记录”——“模板对象”——“可编辑区域”——“确
定”；
6、在模板创建的网页中的可编辑区域中输入相关信息，完成网页制作。
四、实验过程中出现的问题及解决方法：
问题：
1、在利用模板创建网页后，没进行“可编辑区域”的划分，最后导致
在网页中无法编辑。
2、在模板中进行修改后，没进行“应用模板到页”的处理，最后导致
在网页中没有显示模板中更新的信息。
解决方法：
1、选择“插入记录”——“模板对象”——“可编辑区域”
2、选择“修改”——“模板”——“应用模板到页”
五、实验心得：通过对模板的学习与应用，在制作网页中，可大量的生成相
似的页面，让我在制作网页中简便不少。
第三篇：下载网页教案
下载网页教案
一、学习目标：
(1)学会下载网页的方法。
(2)学会移动文件（文件夹）的方法。
(3)以教师演示讲授、引导启发和学生讨论尝试、自主学习相结合的方式，学会在因特网上下载有用的网页。
(4)通过导入展示的精美网页激发学生学习下载网页的兴趣，并进一步提高学生使用信息技术的能力。
(5)在保存图片的自主探究中，培养学生发现问题并自我解决问题的能力，提升学生的自学能力。
二、教学重点、难点：
1、学会下载网页和移动文件（文件夹）的方法。
2、保存网页后应该有两个文件，复制操作和移动操作的区别。
三、教学过程：
（一）导入
师：同学们，我们先一起来欣赏一些网页吧！这些网页好看吗？同学们一定非常想保留下来吧？好！今天我们就来学习下载网页！（出示课题）
（二）新授
1、下载网页
师：如果我们作为小小老师，向别人介绍中国儿童资源网的时候，能把完整的网页也呈现给大家，那同学们就更容易理解了。回忆一下我们前面学习的下载图片和下载文字的方法，那么能不能把网页完整的下载下来，即使在断开网络时也能看到完整的网页呢？
师停顿，生沉思片刻
生回答上台演示
一生：首先全部选定
一生准备按住鼠标左键全部拖动 有学生插嘴：按Ctrl+A 一生用自己方法选定后，又尝试了Ctrl+A，非常成功，然后复制，打开Word文档，粘贴。
师：非常棒！XX学生用了我们前面下载文字的方法复制了网页中所有的内容，真会学以致用但是，我们小朋友仔细观察一下，用这种方法，有没有把网页中所有内容完整保存下来。
生讨论回答，找出不同之处。师：那么怎么办呢？ 二生：把它添加到收藏夹
师：我们一起回忆一下，在哪儿用过“添加到收藏夹”
生回答
师小结：添加到收藏夹是帮助我们快速访问网站的方法，不是把网页下载到我们计算机里。
三生：文件——另存为
师强调保存类型
师让学生掌声鼓励操作正确的三生。
我们来看看保存好的网页，和前面下载文字的文件有什么不同吗？出现了两个文件，一个是网页文件，一个是同名文件夹。这个文件夹里有些什么文件？（学生可以点击文件夹浏览）
如果这个文件夹不见了，或者网页文件放到了其他文件夹里，又会怎样？（如果有学生发生这样的问题也可以由学生提出）自己尝试一下，然后和小组同学交流或者翻看书本，把你的交流结果告诉大家。
讨论保存网页的要领。
好，下面同学们自己来试一试，查找我们江阴一个景点的网页，然后把网页保存到“我的文档”里。
师生解决操作中遇到的问题。
2、移动文件和文件夹。（打开网页文件夹，用缩略图方式显示图片）这是刚才下载的网页中的图片，很漂亮，老师很喜欢，想把它放入自己的文件夹里，可以怎么办呢？（复制文件）（前面有复制文件（文件夹）的基础）
师让学生独立完成移动文件（文件夹）的操作 四人一小组讨论移动的方法 组内汇报演示
学生的汇报实在精彩，方法多种多样
1、按右键剪切——粘贴
粘贴的方法（1）直接在文件夹上按右键粘贴
（2）打开文件夹后粘贴
2、直接拖动
3、在菜单栏上选择“移动到文件夹”
两人合作探究选定多个文件的方法，教师提示两个功能键Ctrl，Shift 学生汇报
1、不连续的选定Ctrl
2、连续的选定Shift
3、用鼠标框住 误操作带来的意外发现
生：按住Ctrl健选定多个文件，不小心进行了“拖动”操作，复制了多个文件。
师总结： shift：按住shift键，把鼠标指针指向最后一个要选定的文件，然后单击，就可以选定首尾两个文件之间的所有文件。被选中的文件都是以蓝底白字显示。（广播演示）ctrl：选定不连续的文件
学会这几种选定文件的方法，有再多的文件要选定我们都不怕了。下面请同学们将下载的网页文件夹里的图片移动到你的文件夹里。
小结：我们可以用复制或移动的方法把文件放入其他的文件夹里，也可以同样的操作把文件夹复制或移动到其他的文件夹里。
3、比较。
刚才我们用了两种方法把文件放进自己的文件夹里，那到底复制文件和移动文件两种操作有什么不同呢？（学生归纳总结）
三、总结。
通过今天的学习，你有了哪些收获呢？希望同学们在以后的操作中，灵活运用我们今天学到的知识！
第四篇：网页教案
三、DW安装应用
在学网页创建中，有一款非常重要的软件叫ＤＷ软件，它件全称：Ｄreamweaver，被称为网页三剑客之一． ＤＷ软件学习内容： １.ＤＷ软件下载安装
２.创建ＨＴＭＬ文档和ＣＳＳ样式表并将二者关联起来 ３.ＤＷ软件的应用 Ａ.ＨＴＭＬ文档的创建 １.打开ＤＷ软件
２.如果想创建一个ＨＴＭＬ文档，只要点击“新建”下面的ＨＴＭＬ，这个就完成了一个ＨＴＭＬ文档的创建。
３.在当前页面点击“代码”，就可以看到我们新建一个ＨＴＭＬ文档的时候，包括“声明”、“标签”、“根元素”还有
标签及里面的第五篇：网页课程设计报告2
网页课程设计报告2 浅谈V&A T(video and audio technology，即视频音频处理技术)
计算机是科学于艺术的完美结合。我具有一定的音乐艺术基础，并且对音频视频的艺术设计有着浓厚的兴趣，所以我在暑假期间，自学了《Cool Edit pro2.1》，《Adobe Premiere pro2.0》，《After Effects》的一些相关知识以及一些其他的相关软件,下面我来谈一谈我个人的一些见解
首先我来简单的谈一谈我对音频处理技术的个人见解。我在中学时期考取了二胡八级证书，同时我对音频的创作以及后期处理比较感兴趣。下面我来简单的介绍一下《Cool Edit pro2.1》。
Cool Edit 2000是一个功能强大的音乐编辑软件，可以运行与Windows 95/NT下，能高质量地完成录音、编辑、合成等多种任务，只要拥有它和一台配备了声卡的电脑，也就等于同时拥有了一台多轨数码录音机、一台音乐编辑机和一台专业合成器。
Cool Edit 2000能记录的音源包括CD、卡座、话筒等多种，并可以对它们进行降噪、扩音、剪接等处理，还可以给它们添加立体环绕、淡入淡出、3D回响等奇妙音效，制成的音频文件，除了可以保存为常见的.wav、.snd和.voc等格式外，也可以直接压缩为MP3或Cool Edit 2000（.rm）文件，放到互联网上或email给朋友，大家共同欣赏，当然，如果需要，你还可以烧录到CD上。甚至，借助于Cool Edit 2000对采样频率为96kHz、分辨率为24位录音的支持，你还以制作更高品质的DVD音频文件。
用Cool Edit 2000编辑声音，与在字处理器中编辑文本相似，一方面，都包括复制、剪切和粘贴等操作。另一方面，都须事先选择编辑对象或范围，这些操作才有意义，对于声音文件而言，就是在波形图中，选择某一片断或整个波形图。一般的选择方法有，在波形上按下鼠标左键向右或向左滑动，如果要往一侧扩大选择范围，可以在那一侧右击鼠标，要选整个波形，双击鼠标即可。此外，Cool Edit 2000还提供了一些选择特殊范围的菜单，它们集中在Edit菜单下，如Zero Crossings（零交叉），可以将事先选择波段的起点和终点移到最近的零交叉点（波形曲线与水平中线的交点）；Find Beats（查出节拍），可以以节拍为单位选择编辑范围。对于立体声文件，你还可以单独选出左声道或右声道，进行编辑。添加音效，是Cool Edit 2000最激动人心的功能。在Cool Edit 2000的菜单Transform（变换）下，有20个子菜单，通过它们，用户可以方便地制作出各种专业、迷人的声音效果。如Reverb（余音），可以产生音乐大厅的环境效果；Dynamics Processing（动态处理），可以根据录音电平动态调整输出电平；Filters（过滤器），可以产生加重低音、突出高音等效果；Noise Reduction（降噪），可以降低甚至清除文件中的各种噪音；Time/Pitch（时间/音调），能够在不影响声音质量的情况下，改变乐曲音调或节拍等等，最神奇的是Brainwave Synchronizer（脑波同步器），可以通过立体声耳机，产生有助于入睡、放松，甚至思考的音乐。
显然，在描述这些奇妙的音效方面，语言未免显得有些苍白无力，最好的学习方法，就是反复试用、反复体会它们。你可以录制或打开一个现成的声音文件，然后，点击菜单
Transform，选择一种音效，调整音效的各项设置，或直接选用一种预置效果，按下OK按钮，听听看，不满意用Undo还原重来。
以下是我总结的音频后期处理的几个基本的步骤。一，降噪。二，高音激励。三，压线。这三个是最基本也是必不可少的三个步骤。具体的操作方法在这里不一一介绍。后面的处理步骤并不唯一，要根据演唱者或乐器音色的特征，在加上你丰富的工作经验。学好《Cool Edit pro2.1》理论知识是一方面，多动手，勤动脑，重思考，积累丰富的工作经验更为重要。只有通过平时的日积月累，我们才能创造出最完美的音轨。
下面我再来谈一谈我对视频处理的个人见解。首先进行视频处理，最基本，最常用，最专业的软件就是《Adobe Premiere pro2.0》。同时还要用到一些其他的相关软件，比如《After Effects》，《Adobe Photo Shop》，《3D Max》等。下面我着重介绍一下《Adobe Premiere pro2.0》。
《Adobe Premiere pro2.0》是一款功能强大，专业的视频处理软件。它不仅适用于专业的影视后期制作人士，而且适用于业余的影视制作爱好者。它的应用范围也相当广泛，包括：广告设计，影视制作，网页设计，等领域。主要功能包括：视频的剪辑，排版，片段编辑，字幕编辑，音频处理，视频特效，运动特效，节目渲染，影片输出。同时Premiere 6.0中，首次加入关键帧的概念，用户可以在轨道中添加、移动、删除和编辑关键帧，对于控制高级的二维动画游刃有余。Premiere6.0提供了兼容于QuickTime系统和其他系统的第三方插件，使用这些插件可以实现视频(滤镜)效果和过渡效果。由于提供了光盘刻录插件，可以轻松的制作出适合光驱播放的影片。
同时《Adobe Premiere pro2.0》支持的格式相当丰富，常用的视频格式有：AVI,WMV等。音频格式有：MP3,WMA,WAV等。图片格式有：JPG,JPE,JPEG,GIF,PSD。值得一提的是当导入PSD格式图片时，Premiere可以保留图片中的图层信息，并且可以对图层信息进行相关的特效处理，这是Premiere 的一大亮点
下面我来以我暑假的工作经验，介绍一下制作一个完整的MV的过程。首先，我们要明确MV制作大体分几个步骤。一，素材搜集与整理。二，素材剪辑与排版。三，片头，片尾以及字幕编辑。四，渲染与输出。五，压缩。
首先搜集素材的方法有很多，可以用DV甚至手机进行拍摄。可以用屏幕录像软件直接在计算机上录制一些动漫，游戏的片段。由于设备的限制，我主要是使用《Game Recorder》（游戏录像机）来录制一些游戏中的镜头。
素材录制好后，可以做一下简单的整理，比如说重命名或者分类管理。然后导入到Premiere 中，进行剪辑与排版，此时要发挥充分想象力与无限的创意，发散思维，不要局限于一点。
接下来的步骤是添加字幕，Premiere有着强大的字幕编辑功能，文字的特效，滚动，都可以轻松的实现。再接下来就要为你的MV制作精彩的开头与结尾。此时要用到的相关软件有《After Effects》，《Adobe Photo Shop》，《3D Max》。这里就不做具体的介绍了。
确认调试好后就可以进行渲染了，渲染也称作预演，为输出服务。最后在计算机上选择一个较大的磁盘空间，将制作好的MV输出。但你会发现，输出的文件相当大，不便于传播。此时就要进行最后的步骤——压缩。将输出的AVI格式的影片压缩为常用的RM格式影片，文件的体积便小了很多。
还有一些专场特效的设置，视频音频特效的添加以及关键帧的灵活运用的相关技巧，是在书本上学不到的，这些技巧都是我在平时的工作中自己发现的。学好《Adobe Premiere pro2.0》基础知识很重要，但是动手能力的培养，勤于思考的习惯起到了不可忽视的作用。
以上就是我在暑假积累的学习与工作经验，在今后的学习中，我会进一步强化我的专业知识，培养动手能力，注重积累丰富的工作经验，我相信，我会在我的领域取得成功！
电子信息学院07级计算机网络技术2班
陈然
点击咨询 