Ⅰ 教你用Frontpage制作网上电影的发布
在线电影作为流媒体技术的一种应用，已经在各大网站上“露脸”，随着网络带宽的不断提高，相信在线电影将会吸引越来越多的眼球。为了能让自己的个人站点也具有在线电影功能，你是否想过自己动手来发布网上电影呢？无论是否，网上电影将成为未来网络的热点之一，学会发布电影也应该成为每一位网虫所必须掌握的本领之一。
从表面来看，发布网上电影似乎是一件很“玄乎”的事情，菜鸟网民几乎想都不敢想。其实发布电影就是在网页中直接将电影插入进去，然后在浏览器中播放就可以了，这个过程与插入图象的操作一样简单，大家直接在Frontpage中就能轻松实现，也可以在HTML源文件中通过添加控制语句来实现。
在网页中插入电影的方式有2种，一种是不带播放器界面，另外一种是带有播放器界面的，这两种方式的发布都不要复杂的程序代码，更不需要深奥的程序设计，按照下面的步骤你能在短短几分钟内学会发布网上电影：
一、不带播放器的电影发布
这种发布方式并不会在网页浏览器中出现播放器，而是使用快捷菜单命令来控制电影的播放和停止，具体的发步骤为：
1、运行FrontPage 2002程序，确保网页处于视图方式下，然后将鼠标移动到菜单栏上，依次执行“插入”/“图片”/“视频”命令，随后系统会自动打开一个文件选择对话框，在这个对话框中大家可以将自己需要发布的电影视频文件选中，并单击该对话框中的“确定”按钮，这样就能将目标电影插入到网页中了；
2、这时插入的电影文件在网页编辑模式下只显示为一个小图标，大家只有在预览状态下或使用浏览器打开这个网页时，才能欣赏到其正常的内容；
3、为了让电影按照合适的方式进行播放，大家还需要对插入的电影文件进行一些参数设置，以便指定在线电影的播放方式；设置时大家可以用鼠标右键单击视频文件图标，从随后打开的快捷菜单中执行“图片属性”命令；
4、在弹出的“图片属性”对话框中，大家首先打开“视频”标签页面，并在其中将“重复”选项选中，当然大家也可以设定电影只循环播放有限的次数，并在次数设置栏处输入合适的数字大小；
5、在这个标签页面中，大家倘若需要在电影播放完一遍后，来暂停一段时间重复播放下一遍时，将“循环延迟”选项选中，同时在这里输入需要暂停的具体时间数目为多少毫秒；
6、大家也可以对在线电影的开始播放方式进行一些设置，例如是否让电影在打开网页文件时自动执行播放功能，或者设置让鼠标在画面上悬停时开始播放电影等；完成上面的设置后，大家可以执行“预览”命令来检查一下电影是否能够正确播放以及播放的效果如何；要是播放效果不理想的话，大家可以取消预览，重新设置电影播放参数，直到调整合适为止；至此，大家就能完成简单的电影发布任务了。
7、要是大家手头没有FrontPage之类的专用工具时，大家也可以在网页源文件中直接插入电影播放代码来实现在线电影的发布：大家可以先在网页中插入任意一幅图片，再用记事本打开该网页的源代码文件，并在其中找到控制图片的“ img border="0" src="e:/*.*" ”语句；
8、将该语句中的“src”图像标记名称改为视频标记名称“dynsrc”，同时将该标记的属性值指向目标电影文件的相对路径和文件名就可以了；例如要将e盘中的aaa.avi电影发布在网上的话，大家可以在网页源代码中直接插入“ img border="0" dynsrc="e:/aaa.avi" ”语句；
9、完成代码插入后，大家将该网页重新保存成html文件，同时使用浏览器来观看，就能看到自己插入的电影了。 要是在浏览界面中发现插入的电影画面太小或不合比例时，可以重新打开网页源代码文件，并在中添加相应的电影播放控制代码，以便让电影画面和播放方式按自己需要来进行设置；
10、大家可以在img语句中使用控制电影大小的标记“width="xx" height="xx"”来设置电影播放的画面大小，要是取消这个标记属性的话，浏览器就会自动按照电影原始的播放尺寸来显示在浏览器上了；
11、在img语句中，大家还可以添加控制电影播放方式的标记“start="..."”，要是大家希望在网页被访问时电影能够自动播放的话，可以将其值设为“start="fileopen"”；要是希望电影在鼠标悬停于该电影画面上时开始播放的话，可以将其值设为“start="mouseover"”，这样鼠标一旦悬停在该电影画面上时电影就能自动播放；
12、此外大家还可以在img语句中，添加能控制重复播放次数的标记“
loop="..."”，来让在线电影按照需要循环播放电影；如果将其值设置为“loop="infinite"”的话，在线电影将会自动无限制地循环播放；不过大家要是只想将电影播放一遍的话，可以不使用“loop”标记；
13、使用“loopdelay="..."”标记可以设置电影在每次进行重复播放时的时间间隔，例如要是将其值设置为“loopdelay="2"”的话，就表示希望暂停的时间为2豪秒。
通过上面的设置，一段精彩的电影就能正常地在网页上播放了。当然，这种在线电影的播放效果可能并不十分理想，要想获得更高效果的电影发布，大家最好还必须学会带播放器的电影发布技巧。
二、带播放器的电影发布
为了能让浏览者按照自己的意愿来播放和欣赏电影，大家可以使用下面的方法来实现带播放器的电影发布：
1、运行FrontPage 2002程序，在菜单栏中依次执行“插入”/“Web组件”命令，随后FrontPage 2002就能打开一个标题为“Web组件”的对话框；
2、在这个对话框的“组件类型”选项中，大家用鼠标将“高级控件”选项选中，同时在“选择一个控件”选项中将“ActiveX控件”选中；
3、接下来在“插入ActiveX控件”对话框中，大家将“Windows Media Player”选项选中，这样一个播放控制器界面就被插入到网页中了，以后大家在浏览器中打开该页面时就能看到这个播放器了；
4、用鼠标右键单击刚刚插入的播放器，在随后弹出的快捷菜单中执行“ActiveX控件属性”命令，这样系统就能打开“选项”对话框。在该对话框中选中“播放”标签，并在该标签页面中进一步设置播放的各种属性参数，例如播放的循环次数、播放的画面尺寸及播放音量等内容，以保证各位浏览者能够在网页页面中轻松地控制在线电影；
5、设置好播放属性后，大家可以将FrontPage 2002程序界面切换到“HTML”视图方式，并在其中找到“ param name="SAMIFileName" value ”语句，并将该语句中的“value”属性值设置为“value ="*.*"”，其中“*.*”表示需要在线发布的电影文件名以及存放该文件的相对路径。此外，大家可以根据需要来修改该语句的其他几个标记的属性值；
6、当然大家要是非常熟悉HTML语法的话，也可以打开网页源代码文件，来手工设计电影播放控制器；首先大家只要在HTML源文件中加入以下字段：
p
object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
id="MediaPlayer1"
param name="Filename" value="*.*"
//Filename表示电影名称，*.*表示电影文件的位置
object
/p
然后重新保存网页文件，这样网页就能插入播放控制器和电影了；
7、当然上面只是最基本的代码，为了能更好地控制电影的播放，大家最好还需要在HTML源文件中添加下面用于播放控制的代码：
param name="PlayCount" value="a" //
a表示重复播放电影几次，如为0的话就让电影无限循环；
param name="AutoStart" value="a" //
a表示是否自动播放电影，为1表示自动播放，0是按键播放；
param name="ClickToPlay" value="a"
//a为1表示用鼠标点击控制播放或暂停状态，为0是禁用此功能；
param name="DisplaySize" value="a" //a为1表示按原始尺寸播放
param name="EnableFullScreen Controls" value="a"
//a为1表示允许切换为全屏，为0则禁止切换；
param name="ShowAudio Controls" value="a"
//a为1表示允许调节音量，为0禁止调节；
param name="EnableContext Menu" value="a"
//a为1表示允许使用右键菜单，为0表示禁用右键菜单；
8、正确输入上面的代码后，并再次保存网页文件，然后用浏览器打开网页，大家就能使用播放控制器在网页中自由播放在线电影了。
Ⅱ 网页上常见的字体是什么字体
字体在网站中扮演了相对重要的一个角色，所以在网站中，选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。
都知道，字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。
称线字和非称线字的区别可以看下图：
可以看到左边的中文和英文字属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。
称线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，非称线字则比较醒目。所以，在使用的过程中需要根据网站的定位而选择相应的字体。
下面简单给大家介绍网页中常用的几种字体：
1、微软雅黑
Vista之后新引入的字体，这个字体的使用率不用说了，可以说是web里面最安全的一个字体。字体方正、简洁，被广泛使用。
上海大众这个网站默认的首选字体就是微软雅黑，整体比较简洁。
2、黑体
黑体字和微软雅黑差不多，作为非称线字中的一种，一样具备方正、简洁、醒目的特点。这样的字体特别适合当标题。其实黑体在使用上没有微软雅黑来得清晰明亮，一般在微软雅黑和黑体的选择下，个人更倾向微软雅黑。
佳能的官网默认首选的字体就是黑体，字体简洁醒目。
3、华文细黑
华文细黑是Mac下的默认中文，这套字体跟前面的微软雅黑相比较，更显绢细、秀气。笔划细节比微软雅黑处理的多一些，所以整体给人比较精致的感觉。注意一下，华文细黑并不是所有电脑的自带字体，当网站文字用到这个字体的时候，是需要在自己电脑上下载这套字体的。除此，在写css代码的时候，font-family应该设置的选择性多一下，以保证界面打开的最佳效果。
这个字体就不给大家做展示效果了，因为这个不是系统的默认字体，电脑上没有安装这个字体的也看不到网页的原始效果。
4、中易宋体
前面介绍的三款字体都是非称线字，接着要介绍的是称线字体——中易宋体，简称宋体。宋体在我们的日常中使用范围也很广，这是电脑自带的其中一种字体。宋体是为适应印刷术而出现的一种汉字字体。笔划有粗细变化，常用于书籍、杂志、报纸印刷的正文排版，所以在大篇幅文章的设计时，可以采用宋体。这个字体是Windows系统下最常见的字体，小字体点阵，大字体TrueType。大标题显示时字体不是很好看，所以一般不建议用宋体来当标题。
上海汉路律师事务所的网站就是采用了宋体字，这种字体的选择一般出现在一些个性比较强的网站中，传统、专业、公正、官方、权威，宋体就表现了这种特点。
5、 Arial
说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。
可以看下禅道项目管理软件的英文网站，幻灯片采用的字体就是Arial，可以看下这套字体在幻灯片下粗细的组合形态。
6、Tahoma
Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常圆滑的字体。这个字体和中文混排显示时，不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此，细看这套字体，可以发现其实在一些笔划的处理上还是很精致的。
zui前端框架网站，英文字体的设置上也用到了这个字体，虽然不是第一优先选择，但是可以看出Tahoma这套字体的使用率也是很高的。
7、Helvetica
说到Helvetica这套字体，应该是设计师们的最爱了吧。这套字体属于 Realist风格，拥有简洁现代的线条，受到大部分设计师的追捧。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于扁平化设计，也适合搭配任何设计项目，包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体，但在Windows下由于Hinting的原因显示很糟糕。
这个字体主要体现在苹果官网上，可以看下美国的官网。
8、Georgia
说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精致，可用于电影海报、游戏、时尚类网页设计中。
林肯的官网，Georgia是官网的第二优先选择显示的字体。网站比较现代，在一些幻灯片当中结合了Georgia字体，称线字和非称线字的相结合，可以使得整个网站更生动。
在专业的网页设计里，除了Banner图、广告语等特殊情况可能会用到特殊字体，网页中使用的字体以不超过2种为准，并且最好采用标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有使用这些系统自带的字体，才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体，在设计font-family的时候，应该多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一般情况下建议使用系统自带的字体。
以上8种网站中常用的字体介绍和示例，希望可以对大家有所帮助。