景美女中部落格教室
http://www.tiec.tp.edu.tw/lifetype/1111
上課筆記 補充
-
Brightcove 影片上傳
<p>一家國外沒有廣告而且視訊壓縮品質不錯的空間－</p><p><br /><font style="BACKGROUND-COLOR: #ffff99" color="#ff0000">Brightcove</font><br />帳號申請：<a href="http://www.brightcove.tv/registration.jsp"><font color="#333333">http://www.brightcove.tv/registration.jsp</font></a></p><br/><embed src='http://www.brightcove.tv/playerswf' bgcolor='#FFFFFF' flashvars='initVideoId=1343574297&servicesURL=http://www.brightcove.tv&viewerSecureGatewayURL=https://www.brightcove.tv&cdnURL=http://admin.brightcove.com&autoStart=false' base='http://admin.brightcove.com' name='bcPlayer' width='486' height='412' allowfullscreen='true' allowscriptaccess='always' seamlesstabbing='false' type='application/x-shockwave-flash' swliveconnect='true' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'></embed>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18753
Mon, 17 Dec 2007 16:17:42 +0800
-
阿杰老師的 YouTube 視訊
<p>記得要多使用部落格哦！</p><p>保證你會成為電腦高手！可不要讓你的部落格「長草」哦！</p><p /><p><embed src="http://www.youtube.com/v/xkrR6ryMXFk" width="425" height="350" type="application/x-shockwave-flash" /> </embed /></p><br/>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18735
Mon, 17 Dec 2007 16:08:49 +0800
-
YouTube 免費的視訊空間網站
<p><img class="res_image" style="MARGIN: 5px" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=996&resource=youtube.jpg" />免費的視訊空間網站 </p><p><font size="+0">You Tube Video</font> <a href="http://tw.youtube.com/"><font color="#003330">http://tw.youtube.com/</font></a></p><br/><p></p><p /><p><a href="http://tw.youtube.com/"><font color="#003330"></font></a></p><p></p><hr /><p /><p /><p /><p>取得 <a href="http://www.youtube.com/"><font color="#333333">YouTube</font></a> 影片的FLV檔案連結</p><p><a href="http://kej.tw/flvretriever/"><font color="#333333">http://kej.tw/flvretriever/</font></a> </p><p /><hr /><p /><p>YouTube 介紹 ：</p><p><br /><a target="_blank"><span style="FONT-SIZE: 12pt"><font face="新細明體" color="#000000"><u>YouTube</u></font></span></a><span style="FONT-SIZE: 12pt"><font face="新細明體" color="#000000"> 是美國知名影片分享網站，</font><font face="新細明體">其網站標語「傳播自己（Broadcast Yourself）」更是影音部落格的最好註解</font><font face="新細明體" color="#000000">，主要的功用是讓有部落格的使用者都可以透過引用的方式，來引用影片，</font><font face="新細明體">將其自拍或是其他有趣的、日常生活的、無厘頭的、流行文化的相關影片放入網站中，</font><font face="新細明體" color="#000000">讓自己的部落增添影片風采 ，網站自去年12月成立到現在的歷史大約才半年左右 ，不過在搜尋網站的排行榜上卻已遠遠超越成立幾年的相簿網站「</font></span><a href="http://www.flickr.com/" target="_blank"><font face="新細明體" color="#000000"><span style="FONT-SIZE: 12pt">Flickr</span></font></a><span style="FONT-SIZE: 12pt"><font face="新細明體" color="#000000">」，這也證明了部落格上放影片是現在的王道。</font></span> </p><p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 150%" /><p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 150%"><font color="#ff0000"><span style="FONT-SIZE: 12pt"><font face="新細明體">YouTube </font><font face="新細明體">每次上傳的檔案大小限制為</font></span><font face="新細明體"><span style="FONT-SIZE: 12pt">100MB（或10分鐘長度）</span></font></font><span style="FONT-SIZE: 12pt"><font face="新細明體">，每個帳號都可無</font><font face="新細明體" color="#000000">限制上傳，</font><font face="新細明體">沒有總量限制。YouTube以Flash作為播放影片的界面，播放影片要使用網站上的介面，而介面右下角會有廣告LOGO。但為了可以讓他們的後台將影片轉成Flash，YouTube也限制了上載檔案的格式為<font color="#ff0000">AVI、MPG及MOV</font>，上傳後自動轉為Flash格式，並且有一個自己的 video home page。</font></span></p><p /><p>請使用<img style="WIDTH: 18px; HEIGHT: 18px" height="18" src="http://www.tiec.tp.edu.tw/lifetype/js/htmlarea/images/ed_html.gif" width="18" /> 程式段的內容。</p><p>在部落格中請進入 <img style="18px: " height="18" hspace="0" src="http://www.tiec.tp.edu.tw/lifetype/js/htmlarea/images/ed_html.gif" width="18" align="absMiddle" border="0" /> HTML 原始檔模式貼上程式碼</p><p>請調整寬高為如下 width="425" height="350" </p><p>程式碼會像是 </p><p /><blockquote><p /><p><font color="#ff0000"><embed src="http://www.youtube.com/v/wWnEiiXbMzM&rel=1" width="425" height="355" type="application/x-shockwave-flash" wmode="transparent" /></embed /></font> </p></blockquote>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18718
Mon, 17 Dec 2007 15:53:22 +0800
-
照片秀範例
<div><embed style="WIDTH: 426px; HEIGHT: 320px" name="flashticker" src="http://widget-26.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" flashvars="cy=b1&il=1&channel=1008806316541875494&site=widget-26.slide.com" wmode="transparent" salign="l" scale="noscale" quality="high" /></div><br/><div><embed style="WIDTH: 600px; HEIGHT: 500px" name="flashticker" src="http://widget-28.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=b1&il=1&channel=216172782128198184&site=widget-28.slide.com" /><div style="WIDTH: 600px; TEXT-ALIGN: left"><a href="http://www.slide.com/pivot?cy=b1&ad=0&id=216172782128198184&map=1" target="_blank"><img ismap="true" src="http://widget-28.slide.com/p1/216172782128198184/b1_t000_v000_a000_f00/images/xslide1.gif" border="0" /></a> <a href="http://www.slide.com/pivot?cy=b1&ad=0&id=216172782128198184&map=2" target="_blank"><img ismap="true" src="http://widget-28.slide.com/p2/216172782128198184/b1_t000_v000_a000_f00/images/xslide2.gif" border="0" /></a></div></div>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18686
Mon, 17 Dec 2007 15:20:11 +0800
-
照片秀的前置處理- 光影魔術手 批次處理
<p id="drop-case"><img src="http://www.tiec.tp.edu.tw/downloads/imgs/icon02/em22.gif" />請先建一個新的資料夾，例如 myphoto 。</p><p>挑選十張照片，拷貝進去。</p><p><hr /></p><p>由於 Slide 最大的寬度是 800像素。</p><p>(BubbleShare 最大的秀圖尺寸是 580 x 435)</p><p>所以上傳太大的圖檔是沒有義意的。</p><p>建議先使用光影魔術手去進行「批次處理」</p><p /><hr /><br/><p /><p>[檔案 > 批次處理]</p><p>只要處理</p><p><font style="BACKGROUND-COLOR: #ffff00">縮放尺寸 （較長的寬長為 580)</font></p><p><font style="BACKGROUND-COLOR: #ffff00">銳化</font></p><p>這兩項就可以啦！ </p><p>建議 「使用指定輸出資料夾」</p><p>內文有教學哦！</p><br /><p id="drop-case" /><p></p><p><img class="res_image" alt="光影魔術手-批次處理" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=100&resource=neo03.jpg" /></p><p /><hr /><p /><p><img class="res_image" alt="光影魔術手-批次處理" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=100&resource=neo04.jpg" /></p>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18684
Mon, 17 Dec 2007 14:29:26 +0800
-
Slide 照片秀
<p id="drop-case"><img style="WIDTH: 108px; MARGIN-RIGHT: 5px; HEIGHT: 40px" alt="Slide.com" src="http://www.slide.com/version/20070520180007/images/slide_logo_sm.gif" /> <a href="http://www.slide.com/arrange" target="_blank"><font color="#333333">http://www.slide.com/arrange</font></a></p><p>中文化介面，快速上手的照片秀相簿。</p><p>範例：<a title="小璇子姑姑為秉瑞做的部落格！" href="http://www.tiec.tp.edu.tw/lifetype/2" target="_blank"><font color="#333333">秉瑞的部落格樂園</font></a></p><p>(若看不到以下影片，請到 <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW" target="_blank"><img alt="取得 Adobe Flash Player" hspace="0" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" align="absMiddle" border="0" /></a> 安裝新版本的 Flash Player )</p><p><embed name="flashticker" src="http://widget-f2.slide.com/widgets/slideticker.swf" width="426" height="320" type="application/x-shockwave-flash" flashvars="cy=xa&il=1&channel=360287970194175474&site=widget-f2.slide.com" wmode="transparent" salign="l" scale="noscale" quality="high" /></p><br/>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18683
Mon, 17 Dec 2007 14:26:14 +0800
-
[外掛]迴響驗証
<p>可以避免廣告迴響 </p><p /><p><img src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&resource=plog-0012.jpg" /></p><p /><p><img src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&resource=plog-0013.jpg" /></p><p /><br/>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18680
Mon, 17 Dec 2007 14:17:27 +0800
-
愛的連線
<p><img src="http://www.tiec.tp.edu.tw/downloads/imgs/icon02/em28.gif" />請參加部落格研習的老師。</p><p>按一下底下的「迴響」！</p><p>填上 </p><p /><hr /><p /><p>暱稱: (<font color="#ff0000">必要</font>) <br />電子郵件: <br />個人網頁: （<font color="#ff0000">就是你的部落格網址</font>) <br />標題: <br />迴響驗證: (<font color="#ff0000">必要，請照著打</font>) <br />內容: </p><br/>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18674
Mon, 17 Dec 2007 13:57:34 +0800
-
上課資料分享
<p>左下角 <font color="#ff0000">開始＞執行 打入</font></p><p>＼＼192.168.1.87</p><p>＼＼192.168.1.88</p><p>＼＼192.168.1.89</p><p>以上任一都可(內容都相同)</p><p>在 D 磁碟機建一個資料夾。右鍵選單＞貼上</p><br/>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18666
Mon, 17 Dec 2007 13:48:15 +0800
-
[外掛] 置頂文章 (stickyposts)
<p id="drop-case">如果想讓某些文章一直出現在部落格文章的最上方。可以使用外掛 「置頂文章 - stickyposts」。</p><p>加在主文章之上的 置頂文章(如下圖)</p><p><img class="res_image" style="MARGIN: 5px" alt="文章置頂" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&resource=7692-STICKPOST03.jpg" /></p><br/><p id="drop-case" /><p /><p>加在側選單上的公告文章(如下圖)</p><p><img class="res_image" style="MARGIN: 5px" alt="文章置頂" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&resource=7691-STICKPOST02.jpg" /></p><p /><br /><p id="drop-case" /><p><a href="http://sourceforge.net/project/showfiles.php?group_id=83964&package_id=100434"><font color="#ff6600"></font></a></p><p><font color="#ff6600"></font></p><p><font color="#ff6600"></font></p><font color="#ff6600"></font><p /><p /><p>臺北市教師研習中心部落格已經加入了置頂文章的功能！</p><p>請由管理面板 > 個人網誌設定 去啟動「置頂及公告文章設定」這項功能</p><p><img class="res_image" style="MARGIN: 5px" alt="文章置頂" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&resource=7694-STICKPOST05.jpg" /></p><p /><p>接著可以新增或指定兩個文章分類做為置頂文章分類！</p><p><img class="res_image" style="MARGIN: 5px" alt="文章置頂" src="http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&resource=7693-STICKPOST04.jpg" /></p>
http://www.tiec.tp.edu.tw/lifetype/post/1111/18663
Mon, 17 Dec 2007 13:43:23 +0800