X

HTML教程-用《Microsoft Office FrontPage 2003》做帖子

发表于: 2008-08-26 14:38 24355人阅读 2人回复 只看楼主 | 第1页 | 最后一页

    老北海

    精华6










    27CDB6E-AE6D-11CF-96B8-444553540000>


    27CDB6E-AE6D-11CF-96B8-444553540000>


            许多人对html代码感到头痛,它们繁琐复杂,容易出错。用《Microsoft Office FrontPage 2003》做帖子,却是一件简单而愉快的事情。下面就跟我一起学习这件简单而又愉快的事情吧。


    一、准备工作


    1、需要软件:Microsoft Office FrontPage 2003


    2、相关图片:     http://eun9696.new21.net/hyugesil/simsim/wall_paper/01/10.gif


                                  http://eun9696.new21.net/hyugesil/simsim/wall_paper/04/12.gif


     



    http://bfq2.7878758.com/flash/40.swf


     



    http://www.blog286.com/upfile/flash/071107/21.swf


     


    为了大家能迅速掌握,我们从简易的帖子开始:     


            这个帖子看似简单,却包括了所有的基本技巧——插入表格——表格内再插入表格——表格背景——加入层——层内加入透明FLASH——加入播放器并设置不可见。上作品,如果你熟练运用这个软件,素材齐全不用半小时就能完成,我是15分钟制做成的。这个作品使用了以上素材,大家按照我的步骤来一步一步制作吧,注意细节。


    二、启动Microsoft Office FrontPage 2003,进入设计模式——注意软件左下角的几个状态进行切换到设计模式;
    点击状态栏中的表格选项——插入——表格(见图)


    Capture1.jpg


     


    三、设置表格属性——行数为1、列数为1,因为我们这个是一个单表格结构;
    指定宽度(像素值)为650、高度(像素值)为450;粗细为0意思是没有边距;
    勾选——使用背景图片——复制上面提供的兰色背景图的连接地址——确定(见图)


    Capture2.jpg


     


    四、继续重复上述步骤插入表格,注意:这里表格的宽度和高度要和图片的宽度和高度等同,否则会变形拉伸图片;勾选——使用背景图片——复制上面提供的风景的GIF图的连接地址——确定。注意:这个表格是居中在大表格之内的,所以选择“”对齐方式是居中;依旧是一行一列,宽度和高度都是像素值(见图)


    Capture3.jpg


     


    Capture4.jpg

    全部评论: 最赞|最新

    老北海

    精华6

    五、加入第一个动画(女孩),步骤:先将动画另存到你电脑的桌面(鼠标右击该动画的连接在弹出的选项里选择“”目标另存为);在设计界面,点击状态栏中的插入选项——图片——FLASH影片;
    在选择文件位置里回到桌面位置,选择你刚另存的动画——插入(见图)


    Capture5.jpg


     


    Capture6.jpg


     


    六、鼠标右击灰色不透明的FLASH,会出现——FLASH影片属性,我们要修改动画的大小(比被覆盖的那个风景的动画稍小一些,以免拉伸过边);主题勾选——透明选项,否则你的风景图片会出不来。可以用工具栏里的功能调整FLASH的相对位置,用鼠标拖动调节大小。(见图)


    Capture7.jpg


     


    Capture8.jpg


     


    七、在当前FLASH影片属性切换到——常规状态,这里我们要复制我给出的FLASH动画(女孩)的网络连接地址粘贴进——如图的位置内替换你原先桌面的连接——点确定(见图);


    Capture9.jpg


             好了,我们可以先软件左下角的——预览模式看我们现在的效果,应该能显示的,否则检查你的操作步骤。


     


    七、看到效果了吧,记得要切换回到——设计模式,继续下一步,就是加入(飘动的心)的动画,这里要是涉及到层的运用,稍复杂些,但是这也是最重要的。
            在制作作品时如果不能熟练的加入层和运用层的技术,你的帖子会逊色很多,因为这是在原先的背景或者动画上再次叠加一个动画,注意看我操作:
    点击这个灰色不透明的动画(是为了让软件在当前所点的位置加入层),点击状态栏中的表格选项——插入——层(见图);


    Capture10.jpg


     


    九、鼠标点层的中心后,在状态栏的选项里选择——插入——图片——FLASH影片,在选择文件位置里回到桌面位置,选择你刚另存的动画(飘动的心)——插入;
    鼠标右击灰色不透明的FLASH,会出现——FLASH影片属性,勾选——透明选项,
    用这个FLASH地址在——常规选项里替换原始动画的连接,
    这里我们要修改动画的大小,否则人物太大了;
    鼠标点灰色的这层动画激活调整大小状态或者直接在——FLASH影片属性里调整动画大小,切换到预览状态观察人物动画的位置,然后回到设计模式用鼠标拖动这个层到适合的位置(见图);


    Capture11.jpg


     


    Capture12.jpg


     


    十、切换到预览状态,看到了很好的效果了吧,如果没有请仔细检查你的步骤。切换到代码状态,要将空余部分去除,避免出现强制换行符号;步骤如下:选择工具——优化HTML——勾选删除空白中的两个选项——确定。(见图)


    Capture13.jpg


     


    Capture14.jpg


     


    十一、现在我们要将完成的作品的代码复制到论坛音画版的新贴发布栏里,注意选择的位置的起始位置;(见图)


    Capture15.jpg


     


            最后我们要加入音乐播放的代码,这里为了美观设置为播放器不可见,就是播放器的宽度和长度都为0,下面是播放器和音乐的完整代码部分:<EMBED src=http://www.xyjzedu.com/xyjzhome/htdocs/upinstrimg/20056111058715.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" loop="true" autostart="true"></EMBED>


            因为加入了层,在某些论坛里我们需要给整个作品进行定位,防止层的部分离开原位置。因如果没有定位代码控制层会默认论坛的整个页面的开始为开始确定位置,这样你的层的动画就不会和作品完美结合。关于定位,参见其它相关文章。


     


     




     




     

    复制本楼地址 | 举报 | 只看该作者 
    楼主 沙发 2008-08-26 14:40
    引用回复

    刚到北海

    看不到图片了
    描述
    快速回复

      [完成后可按 Ctrl+Enter 发布]恢复刚才写的帖子
      你需要登录后才可以回贴 | 点这里注册
      商情广告
      牵手人生婚介

      牵手人生婚介-->告别虚假婚托,走进真正完美&健康的美好姻缘。

      18777968058 苏老师
      好儿郎潜能早教私塾学堂

      潜能早教训练记忆高效学习。 学用经典一对一教多语种学。 德智体美琴棋书画游学自然。QQ:40173649

      13977928888
      德创物流

      高端管理系统,专业规范流程

      电话:18077952077
      『1886私人摄影』

      『1886私人摄影』限量版外景婚纱专属定制强势来袭!让你一生一次的婚纱拍摄过程成为您爱的旅途!电话:15278914886;QQ:1213203842

      15278914886
      博瑞生活代理服务公司

      专业帮忙办事--大事小事偷懒事,难事丑事棘手事。您花钱,我们帮你办。

      0779-3033215
      北海市菜园里辅导学校

      学校荟萃了部分从事教学多年、经验丰富的优秀老师。 面授教学与远程教学为一体的教育培训基地。

      电话:0779-3033720
      北海市少年儿童故事大赛

      北海市少年儿童故事大赛开始报名啦! 电话:13977956775 0779-2652985

      0779-2652985
      北海市中心血站

      无偿献血,免费用血!血费报销咨询电话:3909616   北海市中心血站网址: bhzxxz.com

      电话:3909616
      玉林师范学院

      2013年成人高等教育招生,学习时间短,学费低,国家承认学历,可办教师资格证等。

      13607792093  曾老师
      中国藏茶藏金阁

      主营藏茶系列产品,冬虫夏草、青稞酒、青稞饼等。藏茶具有降血脂、血压功效,乃送礼佳品。

      0779-3831366

      4kl楼主

      老北海

      主贴精华 6

      了解北海365

      本站内容为用户上传,相应法律责任由用户自行承担;本站仅提供存储服务;如存在侵权问题,请权利人与本网站联系删除!