關於本報

網頁研習室【網頁製作系列報導】
報主:李文能
創刊日期:2002-06-25
發報頻率:月刊
訂閱人數:6,165
官網:
http://www.webpage.idv.tw/maillist/

近期電子報


訂閱便利貼


將貼紙語法置入您的網站或部落格當中, 訪客可以輸入mail取得認證信,並按下確認連結後, 快速訂閱您的報紙。
預覽圖
訂閱網頁研習室【網頁製作系列報導】報
網頁研習室【網頁製作系列報導】
-----------------------------------------------------------------------------------------------------
Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

網頁研習室【網頁製作系列報導】
發報時間: 2011-12-30 05:00:00 / 報主:李文能
[公益聯播]『愛分享實物銀行』─ 弱勢家庭物資轉贈計畫
本期目錄
壹、報導前言:
貳、認識 MooTools:
參、HTML 架構:
肆、CSS 樣式表單:
伍、MooTools 插件程式:
陸、模組範例:
柒、相關展示:
捌、會員網站:
玖、本站會員注意事項:
拾、結論與建議:
壹、報導前言:
slide 是指幻燈片,sliding 可翻譯為滑動,此處是指切換或移動頁面內容時,產生類似滑動的效果。
Window Tabs,可翻譯為工作視窗分頁標籤,也就是在同一頁(檔名)下,產生類似被分頁過的翻頁效果。
近年來得益於
Mootools 開發一些專業的高質量應用程式介面(API),大大地提升網站多樣化的特殊效果。
學習 Mootools 插件套用,除了必須具備 JavaScript 程式語言基礎外,你還是要懂得 HTML、CSS 等知識。
特別藉這個展示範例機會,發表一篇慶祝本報成立十周年,特別為會員們成立專屬會員下載網站之事
Go
本報導希望藉此帶領對此有興趣網友,認識及運用 Mootools 的相關應用程式介面(API),提升網站水準。
聲明:本報導引用部份技術或觀念,係取自網路分享資源,其版權與著作權均為當事者所有,特此感謝與聲明。

貳、認識 MooTools:
我幫大家蒐集幾個不錯的 MooTools 教學與相關網站,值得初學者參考看看。

前往瞭解:
GO

 

參、HTML 架構:
這是所有網頁都要有的基本架構,此處的標準驗證 DOCTYPE 宣告,必需使用 html 4.01 Strict DTD。
xml:lang 使用 "zh-TW"、lang 使用 "zh-TW",其他照一般規定即可。

詳細內容介紹:
GO

 

肆、CSS 樣式表單:
定義選項內的樣式、內寬度、內部連結等功能。

詳細內容介紹:
GO

 

伍、MooTools 插件程式:
這裡用到 mootools.v1.11.js 及 sliding-tabs.js,這兩個 JavasCript MooTools 插件程式。

詳細內容介紹: GO

 

陸、模組範例:
套用上述幾個製作要領,完成四款不同完整模組範例給你參考與套用。

套用上述製作要領完成實際範例:
GO
四款不同 Sliding Tabs 模組範例: GO

 

柒、相關展示:
這是我再網路上蒐集到有關 Sliding Tabs 相關範例網站,特別一併介紹給大家參考。

Sliding Tabs 相關範例展示:
GO

 

捌、會員網站:
為提供已加入本站教學或教材會員,不必終斷與等待後續報導學習,網頁研習室特別成立會員專屬下載網站。
網頁研習室自 2001.12.30 日成立第一期網頁製作系列報導電子報,迄今剛好滿十年,累計 300 餘篇深入報導。
本站前後實際參與教學或教材會員人數已有數百人,之前所有教材都採烙名燒錄片寄送,以致後續資訊新增不便。
為解決無法延續之不方便性,讓本站教學或教材會員,能即時同步更新各期報導資料,特成立會員專屬下載網站。
即日起凡本站教學或教材會員及贊助會員,均可在會員網站下載 100 年 01 月以後,第四期電子報各期報導資料。
即日起原可加價 100 元,於第四期電子報報導完畢後補送完整教材一片活動,因已無此需要,同時取銷本項服務。

會員專屬網站入口: GO
會員專屬下載網站: GO

玖、本站會員注意事項:
你學習上有困難嗎?您需要這份完整報導資料嗎?您想永久長期取得網頁研習室有關網頁製作教材嗎?
教材詳細內容包括:
HTML 語法教學第一期電子報第二期電子報第三期電子報網頁 5 kb 圖窟
如果您想取得以上所有教材資料,我們提供完整的燒錄光碟片給您,並可取得永久後續報導資料免費下載服務
Go
凡加入教學會員者,除可獲得完整報導資料光碟乙片外,並可取得半年期線上指導資格,適合初學者或需要指導學習者
Go
為讓您學習不終斷,即日起凡參加教材、教學會員或贊助本站會員者,均可享有永久後續報導資料免費下載服務
Go
如果你只是想取得部份完整範例檔案,建議採用以新台幣 100 元贊助本站方式,即可取得進入會員區資格
Go
特別聲明:本站教學使用軟體或檔案,著作權與版權均屬原創公司所有,屬完全免費性質,不含於教學(材)費用內。
拾、結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導完全免費,索取教材資料屬個人意願,除回饋給您一張教學片外,並可取得永久後續報導資料免費下載服務
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。
推薦訂閱
介紹一個免費資訊與網路新知網站@【網頁研習室【網頁製作系列報導】】
<數位之牆>國際化,是台灣網際網路產業的最後活路@【數位之牆】
轉寄『製作 sliding tabs 滑動頁籤功能』這期電子報

寄信人暱稱  寄信人email
收信人暱稱  收信人email

  • 社群留言
  • 留言報主