| 可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 上一主題 | 下一主題 |

     
13 X [ 查看 [Thank You!] 名單 ]
標題: [關閉主題] [教學] 跟我學《Microsoft Office FrontPage 2003》做帖子,
 
mqh101 (mqh101)
UID 312631
等級 090城市大佬
職業

總分 392
積分 324
金幣 13564
貼子 13413
支持 4590
狀態 離線

閱讀權限 90
註冊日期 2005-12-19
上次訪問 2016-10-04
最後發表 2016-09-29
查看資料 發短訊息 Blog 頂部
NO:1 2008-04-08 23:38 [ 放大字體 ] [ 總評: 積分 +10 ]

[教學] 跟我學《Microsoft Office FrontPage 2003》做帖子




需要软件:Microsoft Office FrontPage 2003
安装方式:最小化安装
软件来源:盗版Microsoft Office 2003办公软件光盘或者前往软件大站下载
软件大小:366 MB 压缩文件安装包
产品序列号是:WFDWY-XQXJF-RHRYG-BG7RQ-BBDHM

教学作品素材:

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細


http://myhome.naver.net/brown444/swish/s94-m.swf


http://myhome.naver.net/brown444/swish/s31-m.swf


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


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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



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


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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



五、鼠标右击灰色不透明的FLASH,会出现——FLASH影片属性,我们要修改动画的大小(比被覆盖的那个风景的动画稍小一些,以免拉伸过边);
主题勾选——透明选项,否则你的风景图片会出不来(见图)

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



六、在当前FLASH影片属性切换到——常规状态,这里我们要复制我给出的FLASH动画(飘落树叶)的网络连接地址
http://myhome.naver.net/brown444/swish/s94-m.swf
粘贴进——如图的位置内替换你原先桌面的连接——点确定(见图);

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

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



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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細



九、切换到预览状态,看到了很好的效果了吧,如果没有请仔细检查你的步骤,效果见图;

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細


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

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

在粘贴完代码后要将空余部分去除,避免出现强制换行符号;
可是这样还不能发布啊,因为加入了层,我们需要给整个作品进行定位,防止层的部分离开原位置。
因为没有定位代码控制层会默认论坛的整个页面的开始为开始确定位置,这样你的层的动画就不会和作品完美结合。
这里我们要在第一个表格代码开始后处加入定位代码:


style="LEFT: 50px; WIDTH: 650px; POSITION: relative; TOP: 0px"
这个意思就是左起50,作品宽度650,距离顶部0的位置。
全部代码如下,自己看排列方式和位置代码的控制:



<table style="LEFT: 50px; WIDTH: 650px; POSITION: relative; TOP: 0px" border="0" width="650" height="500" background="http://xz1.2000y.net/314311/uploadpic/2005080100202656432.jpg"><tr><td><div align="center"><table border="1" width="499" background="http://www.yideng.com/jc2004/lm59/200351415293885162.gif" height="367"><tr><td><div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 146px; top: 208px" id="layer1"><object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj3" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="301" height="188"><param name="movie" value="http://myhome.naver.net/brown444/swish/s31-m.swf"><param name="quality" value="High"><param name="wmode" value="transparent"><embed src="http://myhome.naver.net/brown444/swish/s31-m.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj3" width="301" height="188" quality="High" wmode="transparent"></object></div><p><object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="495" height="363"><param name="movie" value="http://myhome.naver.net/brown444/swish/s94-m.swf"><param name="quality" value="High"><param name="wmode" value="transparent"><embed src="http://myhome.naver.net/brown444/swish/s94-m.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="495" height="363" quality="High" wmode="transparent"></object></td></tr></table></div></td></tr></table>
最后我们要加入音乐播放的代码,这里为了美观设置为播放器不可见,就是播放器的宽度和长度都为0,下面是播放器和音乐的完整代码部分:


<EMBED src=http://61.156.7.31/upload/upload/50207.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" loop="true" autostart="true"></EMBED>
播放器设置和选择请参考教学:
[教學] HTML帖制作常用代碼與實例 ------ 音視頻


[ 本貼最後由 mqh101 於 2008-04-09 17:34 編輯 ]

mqh101 (mqh101)
UID 312631
等級 090城市大佬
職業

總分 392
積分 324
金幣 13564
貼子 13413
支持 4590
狀態 離線

閱讀權限 90
註冊日期 2005-12-19
上次訪問 2016-10-04
最後發表 2016-09-29
查看資料 發短訊息 Blog 頂部
NO:2 2008-04-09 00:12 [ 放大字體 ]




<TABLE style="LEFT: 50px; WIDTH: 650px; POSITION: relative; TOP: 0px" height=500 cellSpacing=1 width=650 bgColor=#006600 border=0><TBODY><TR><TD><DIV align=center><TABLE height=405 width=550 background=http://xz1.2000y.net/314311/uploadpic/2005080100202656432.jpg border=0><TBODY><TR><TD><DIV align=center><TABLE height=397 width=540 bgColor=#006600 border=0><TBODY><TR><TD><DIV align=center><DIV id=layer2 style="Z-INDEX: 2; LEFT: 76px; WIDTH: 494px; POSITION: absolute; TOP: 70px; HEIGHT: 362px"><OBJECT id=obj3 codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0 height=361 width=494 border=0 classid=clsid:D27CDB6E-AE6D-11CF-96B8-444553540000><PARAM NAME="_cx" VALUE="13070"><PARAM NAME="_cy" VALUE="9551"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://myhome.naver.net/brown444/swish/s94-m.swf"><PARAM NAME="Src" VALUE="http://myhome.naver.net/brown444/swish/s94-m.swf"><PARAM NAME="WMode" VALUE="Transparent"><PARAM NAME="Play" VALUE="-1"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE=""><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="false"><embed src="http://myhome.naver.net/brown444/swish/s94-m.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj3" width="494" height="361" quality="High" wmode="transparent"></OBJECT></DIV><TABLE height=367 width=499 background=http://www.yideng.com/jc2004/lm59/200351415293885162.gif border=1><TBODY><TR><TD><DIV id=layer1 style="Z-INDEX: 1; LEFT: 90px; WIDTH: 100px; POSITION: absolute; TOP: 212px; HEIGHT: 100px"><OBJECT id=obj2 codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0 height=188 width=301 border=0 classid=clsid:D27CDB6E-AE6D-11CF-96B8-444553540000><PARAM NAME="_cx" VALUE="7964"><PARAM NAME="_cy" VALUE="4974"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://myhome.naver.net/brown444/swish/s31-m.swf"><PARAM NAME="Src" VALUE="http://myhome.naver.net/brown444/swish/s31-m.swf"><PARAM NAME="WMode" VALUE="Transparent"><PARAM NAME="Play" VALUE="-1"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE=""><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="false"><embed src="http://myhome.naver.net/brown444/swish/s31-m.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="301" height="188" quality="High" wmode="transparent"></OBJECT></DIV><P></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><CENTER><EMBED src=http://61.156.7.31/upload/upload/50207.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" loop="true" autostart="true"></EMBED>
[ 本貼最後由 mqh101 於 2008-04-09 00:27 編輯 ]

mqh101 (mqh101)
UID 312631
等級 090城市大佬
職業

總分 392
積分 324
金幣 13564
貼子 13413
支持 4590
狀態 離線

閱讀權限 90
註冊日期 2005-12-19
上次訪問 2016-10-04
最後發表 2016-09-29
查看資料 發短訊息 Blog 頂部
NO:3 2008-04-09 00:23 [ 放大字體 ]

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

祈禱 UID 1019005

音畫時尚

等級 000社區罪人
職業

總分 -1
積分 -2
金幣 285
貼子 193
支持 105
狀態 離線

閱讀權限 0
註冊日期 2008-04-02
上次訪問 2012-09-02
最後發表 2009-05-05
查看資料 發短訊息 頂部
NO:4 2008-04-16 15:13 [ 放大字體 ] [ 總評: 積分 +1 ]

我帮你补充用Microsoft Office FrontPage 2003去除代码之间的空白
比自己手动要舒服多了
不然代码多 的话 一个一个之间的删除 很浪费时间


按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細


按這裡可在新視窗開啟 或 按 CTRL+Mouse捲動 可進行放大/縮細

     



Powered by UNetBoard 4.9.12 RTM © 2000-2006. Design & Mend by AndyGod. (Kernel by Discuz!)
處理需時 0.016677 秒, 查詢 7 次 , Gzip 壓縮 ( Cookies 錯誤解決方法 )
所有時間為 GMT+8, 現在時間是 2019-09-21 13:21 繁體中文 - 清除 Cookies - 聯繫我們 - 18P2P-Forum - 純文字版