教網部落格建置學校網站20130822

你不知道的部落格功能

發文

修改時間日期

Google文件

以WORD格式貼上

Google地圖

閱讀更多

系統

訪客發表設定(投稿系統)

檔案

文章

使用者設定

共同作者

文章列表

排序.

光碟匯出

文章分類不在首頁顯示

實作時間１

建立各處室與基本資料的網頁. 設定文章分類. Windows Live Writer發佈. 使用說明. 設定.

看見與不看見的區塊

制作圖案選單

班級選單

結構化網站的選單列表

實作時間 2

建立學校網站選單. 設定行事曆.

跑馬燈

跑馬燈. 跑馬燈. <embed src="http://blog.roodo.com/pink0427/7c6a2311.swf" width="700" height="25" FlashVars="txt=終極搞笑劇團參加宜蘭縣學生創意偶戲比賽獲得甲等及最佳劇本獎! 本班梓恆高票當選本校自治市長! 本班班級部落格獲得教育部落格大賽佳作.宜蘭縣教育部落格大賽第一名">. Marqyeen. <marquee behavior="side" direction="up" scrollamount="3"> 你的網頁區塊內容 </marquee>. 更多屬性.

Synology Nas 相簿幻燈片

<iframe frameborder="0" height="高度" width="寬度" marginheight="0" marginwidth="0" scrolling="no" src="http://misc.ilc.edu.tw/slideshow.aspx?width=寬度&amp;height=高度&amp;rssurl=找學校NAS Photo相簿的RSS" > </iframe>

Google行事曆

優點. 做法. 簡訊通知. 與部落格結合. 學校同事共用. 日曆設定. 提醒和通知. 嵌入此日曆. 共用此日曆. 設定以行動電話接收通知. 複製嵌入碼. 點選自訂顏色、大小與其他選項. 公開此日曆. 與指定人士共用（邀請同事）. 在網頁區塊中貼上.

CSS修改

工具. 教網的CSS在哪裡. 實例調整. 了解外觀佈景的佈局. HTML 與 CSS. 顏色代碼對照表. CSS語法教學. CSS3.0線上產生器. 分支主題. 舒適閱讀的內文. Blog標題變大. 網路字型. 區塊修改. 滑動式廣告. 導覽選單加底色. 分支主題. CSS. HTML. 分支主題. 分支主題. 分支主題. Justfont. 英文 Google. 分支主題. CSS. div#slidebox { position:relative; width:560px; height:300px; overflow:hidden; background:url(images/shadow.png) no-repeat bottom left; } div#box { position:absolute; left:0px; width:1680px; height:280px; margin:0; padding:0; } div#box div { float:left; display:inline; width:560px; height:280px; overflow:hidden; } div#tab { position:absolute; bottom:20px; margin:0; padding:0; width:560px; height:35px; line-height:35px; overflow:hidden; text-align:center; } div#tab a img { width:101px; height:27px; margin-top:8px; border:none; } div#tab a img:hover { width:129px; height:35px; margin-top:0; }. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題.

匯出 ePUB 2.0 電子書與封面

閱讀電子書. 電子書加封面（ Calibre ）. 各校電子書列表. 文章分類匯出. 瀏覽器外掛 Readium. 行動裝置 宜蘭i看書. 安裝程式 Calibre. 步驟２. 步驟３. 步驟１. 書城網路分享. 檔案下載. Android. iOS.

支援

線上使用說明. EIP的e客服. 增加部落格容量. 需要更多的部落格. 部落格轉移管理帳號.

區塊應用

建立手機版的部落格. 下拉式選單. <p> <link href="http://code.jquery.com/ui/1.8.20/themes/base/jquery.ui.all.css" media="all" rel="stylesheet" type="text/css" /> </p> <p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> // <![CDATA[ // ]]> </script> <script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" type="text/javascript"> // <![CDATA[ // ]]> </script> </p> <p> <link href="http://misc.ilc.edu.tw/styles/jbar.css" media="screen" rel="stylesheet" type="text/css" /> </p> <p> <script src="http://misc.ilc.edu.tw/js/jquery.jbar.js" type="text/javascript"> // <![CDATA[ // ]]> </script> <script type="text/javascript"> // <![CDATA[ navigatorLinks.innerHTML = '<ul class="jbar"> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/16678">主頁面</a>｜\ </li> \ \ <li><a href="http://blog.ilc.edu.tw/blog/blog/16678">檔案列表</a>｜\ </li> \ \ <li><a href="#">大會資訊</a>｜\ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/catid=53584">最新消息</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274180">大會會旗、會歌</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274181">大會識別標誌</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274182">組織系統</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274188">大會公報</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274190">業務聯絡</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274191">與我們聯絡</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274192">問題 Q&A</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53585/274181">大會識別標誌</a></li> \ </ul> \ </li> \ \ <li><a href="#">新聞中心</a>｜ \ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/catid=65940">新聞快報</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/catid=65938">活動新聞</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/catid=65941">場館花絮</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53586/274199">CF 廣告</a></li> \ </ul> \ </li> \ \ <li><a href="#">競賽資訊</a>｜ \ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274200">競賽規程</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274201">技術手冊</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274202">競賽日程表</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274237">報名登錄秩序冊</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274238">賽程公告</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274239">競賽場館</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274240">練習時間</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274241">運動禁藥管制</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/53587/274242">會內賽名單</a></li> \ </ul> \ </li> \ \ <li><a href="#">競賽成績</a>｜ \ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54083/274243">成績查詢</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54083/274244">破紀錄成績</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54083/274245">縣市獎牌榜</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54083/274247">競賽錦標榜</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54083/274248">競賽獎牌榜</a></li> \ </ul> \ </li> \ \ <li><a href="#">典禮活動</a>｜ \ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54085/274249">聖火傳遞</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54085/274251">開幕典禮</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54085/274252">閉幕典禮</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54085/274253">全中運之夜</a></li> \ </ul> \ </li> \ \ <li><a href="http://tourism.e-land.gov.tw/">觀光資訊</a>｜ \ </li>\ \ <li><a href="#">服務中心</a>｜ \ <ul> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54087/274255">代金發放</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54087/274257">住宿服務</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54087/274258">交通資訊</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54087/274260">醫療服務</a></li> \ <li><a href="http://blog.ilc.edu.tw/blog/blog/20436/post/54087/274261">志工服務</a></li> \ </ul> \ </li> \ <li><a href="#">報名系統</a>｜ \ <ul> \ <li><a href="http://140.111.66.143/sport102m/bauo.aspx" target="_blank">選手報名</a></li> \ <li><a href="http://140.111.66.143/sport102m/judge/jlogin.aspx" target="_blank">裁判登錄</a></li> \ <li><a href="http://140.111.66.143/sport102m/staff/ilogin.aspx" target="_blank">工作人員登錄</a></li> \ <li><a href="http://140.111.66.143/sport102m/vol/vlogin.aspx" target="_blank">志工登錄</a></li> \ </ul> \ </li>\ \ </ul>'; jQuery(function() { jQuery('.jbar').jbar(); }); // ]]> </script> </p>. 網站分析. 訂閱Email電子報. 活動廣告快速製作. 網站服務. 教學說明. FeedBurner 的 Email 訂閱功能詳解. 製作FeedBurner. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題.

範例網站

萬富國小. 金洋國小. 五結國小. 利澤國小.

公告欄與區塊的應用

頁籤式公告欄. 表格分隔. <table border="0" style="width: 750px;"> <tbody> <tr valign="top"> <td width=""248""> 左邊表格 </td> <td width=""248""> 中間表格 </td> <td width=""248""> 右邊表格 </td> </tr> </tbody> </table>. 單頁式公告欄. 頁籤式RSS公告欄. <p> <link href="http://code.jquery.com/ui/1.8.20/themes/base/jquery.ui.all.css" media="all" rel="stylesheet" type="text/css" /> </p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> // <![CDATA[ // ]]> </script> <script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" type="text/javascript"> // <![CDATA[ // ]]> </script> <script type="text/javascript"> // <![CDATA[ $(function() { var rssmap = [{ tab: "tab-1", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=2865&profile=rss20" }, { tab: "tab-2", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=3334&profile=rss20" }, { tab: "tab-3", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=17174&profile=rss20" }, { tab: "tab-4", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=1974&profile=rss20" }, { tab: "tab-5", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=17171&profile=rss20" }, { tab: "tab-6", url: "http://blog.ilc.edu.tw/blog/rss.php?blogId=21971&profile=rss20" }]; $("#tabs").tabs({ select: function(event, ui) { hash = ui.tab.toString().match(/#(.+?)$/)[1]; if ($(ui.panel).html() === "") { parseRss(hash, ui.panel); } }, show: function(event, ui) { hash = ui.tab.toString().match(/#(.+?)$/)[1]; if ($(ui.panel).html() === "") { parseRss(hash, ui.panel); } } }); function parseRss(tab, node) { jQuery.each(rssmap, function() { if (this.tab === tab) { rssurl = this.url; $.ajax({ url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(rssurl), dataType: 'json', success: function(data) { html = ''; entries = data.responseData.feed.entries; for (i = 0; i < entries.length && i < 5; i++) { html += '<li><a href="' + entries[i].link + '">' + entries[i].title + '</a></li>'; } $(node).html("<ul>" + html + "</ul>"); } }); return false; } return true; }); }; }); // ]]> </script> <div id="tabs"> <ul> <li> <a href="#tab-1">一年級</a> </li> <li> <a href="#tab-2">二年級</a> </li> <li> <a href="#tab-3">三年級</a> </li> <li> <a href="#tab-4">四年級</a> </li> <li> <a href="#tab-5">五年級</a> </li> <li> <a href="#tab-6">六年級</a> </li> </ul> <div id="tab-1"> </div> <div id="tab-2"> </div> <div id="tab-3"> </div> <div id="tab-4"> </div> <div id="tab-5"> </div> <div id="tab-6"> </div> </div> <!-- <p> <img src="http://blog.ilc.edu.tw/blog/gallery/11206/11206-1062498.png" alt="" /> </p> -->. 頁籤式公告欄. 粉絲團嵌入. 教育處公告. <iframe src="http://www.ilc.edu.tw/eduboard.aspx" width=620 height=250 Frameborder=0 align=middle scrolling=auto name="I1"></iframe>. 學校公告欄. <iframe src="http://eip.ilc.edu.tw/schboard/schpub.asp?qrydomin=tlps" width=650 height=450 Frameborder=0 align=middle scrolling=auto name="I1"></iframe>. 教網部落格 文章分類 的RSS. http://blog.ilc.edu.tw/blog/rss.php?blogId=4950&categoryId=23107. 彙整RSS使用 Yahoo Pipes. 教網部落格的RSS. http://blog.ilc.edu.tw/blog/rss.php?blogId=6002&profile=rss20 或 http://blog.ilc.edu.tw/blog/rss.php?blogId=25283. 分支主題. 分支主題. 分支主題. 分支主題. 分支主題.