關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
雄歌經典音樂廳
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
我唱我歌-詞曲創作專欄
片言片語-歌曲評論專欄
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
Automations 2 自動化與互動設計

微軟網站機器人與微軟表現方式
MS Webbots and Behaviors

數位出版設計:意涵/樣式篇Web Design: Automations - Epistemological/Digital Aesthetics - Formation Methodology

數位出版設計:意涵/樣式篇網站/網頁設計:自動化實作-知識美學/數位美學之建構方法


微軟提供一系列微軟網站設計元件(MS Web Components),均以〈webbot〉微軟網站機器人為標籤名稱。

另有一組「Behavior 微軟表現方式」命令,是微軟版的Java命令。

MS Web Components

微軟網站設計元件

Those components are defined by "webbot" in htm.

Common Contents 共用內容

共用內容是指在各網頁均可使用一致的物件,目的是只改共用物件,就可同時更改各頁面。

共用網頁:效果比 <iframe>好

在共用物件中,最常用的是「共用網頁」。唯 Expression Web 和 Sharepoint 使用方法不同。

Expression Web

Expression Web 在程式碼內,加入以下微軟機器人:

<!--webbot bot="Include" U-Include="Path 共用網頁路徑" TAG="BODY" -->

EW 會將「共用網頁」整合在網頁中上傳上傳前,EW 會將「共用網頁」整合在網頁中上傳,故無須另傳「共用網頁」與其專門目錄 !Related

網站實作範例實作範例

由於Html5 的內置框架尚未被所有瀏覽器支援,採用共用網頁為簡易又實用的方法。

共用導覽頁

共用導覽頁,如:

!Related/Navi_left.htm

!TxTemp/Navi_css.htm

同類主題設計

同類主題是放「虛擬導覽」第二層以下的子導覽,通常採用簡單視覺的共用網頁。

如果不作子導覽,也可以設計為共用同類主題頁,如:

!Related/Related.htm

子站著作權

子站著作權宣告,如:

!Related/copyrights.htm

使用者自訂區

右欄使用者自訂區規畫,如:

視結構(之空間)、涵意(之主題導覽需求)而規畫的預設網頁:

!TxTemp/TxComm-top_present.htm

!TxTemp/TxComm-top-navi.htm

或可根據個人化的需求與空間規畫,設計使用者自訂網頁,宜放在共用資料夾!TxTemp中。

Sharepoint

Sharepoint 可使用命令列:

>Insert

>Web Components
>Common Contents

>Common Pages

It is good for common pages such as "News", "Foot Note", or  "User Defined Areas.

warning 微軟機器人修改後的網頁必須重新上傳伺服器

微軟機器人是本機 (local) 程式,所有受到微軟機器人影響--如「共用網頁」修改後,--的網頁,必須全部由本機重新上傳伺服器。

最佳方案:將 *.dwt 重新儲存,按全部「立即更新」,不會漏失任何網頁。

Embedding External Pages 嵌入外部網頁

Chrome's LimitationChrome's Limitation 谷歌瀏覽器的特殊限制

讀入「外部或共用網頁」時,不以「外部或共用網頁」的頁內樣式設定呈現,而以主網頁的預設呈現。所以,必須在主網頁中另加設定:

<div class="設定">

「共用網頁」

</div>


iframe 內置框架

<iframe> 內置框架功能與共用網頁接近,用以組合網頁各區塊。

唯 html5 的<iframe> 變動巨大的一個標籤,舊功能不相容,當前採用共用網頁為簡易又實用的方法。

共用網頁和內置框架的不同:

共用網頁使用主網頁的CSS,而內置框架使用內置網頁自己的CSS。


Marquee 跑馬燈

Makes text scroll horizontally across the screen.

web automation  web automation

 


advanced Advanced: Navigation History導覽歷史管理

When the user navigates the user agent history to return to the previous page, the previous page should not redirect the user back to this page.

The correct Source Code is the following.
<input type="BUTTON" value="Go Back" alt="Go Back" onclick="history.go(-1)">


behaviors Supplementary: Using Behaviors 基本Java應用

warning Warning

The audience must deactivate all anti-script software such as Google, Yahoo, MSN, IE info bar (shield) ...to browse effects that were designed by 'Behavior'.

For important redirection, I suggest to use meta tag instead of Behaviors, however, I put an example down here for your further information.

behaviors You may skip all behaviors and go to the next topic.


web automation

Behaviors are scripting options that enable you to quickly add interactivity or increased functionality to text or other elements of your Web page. Use Behaviors to author client-side scripts in languages that comply with the European Computer Manufacturers Associations ECMAScript specification, such as JScript® development software and JavaScript. You dont have to learn these scripting languages to work with Behaviors, as FrontPage 2003 enables you to insert and configure Behaviors without writing a single line of code.

web automationWhile this is not an article on coding, here's an example of what FrontPage 2003 does behind the scenes when you add a Behavior. The following is the JavaScript for the Go To URL Behavior:

<script language="JavaScript">

<!--
function FP_goToURL(url) {//v1.0
window.location=url;
}
// -->
</script>
<body onload="FP_goToURL(/*href*/'http://www.mynewsite.com')">

Some scripts for Behaviors are far more elaborate than this one. Every Behavior is very simple to insert, however, following this simple pattern:

On the Format menu, click Behaviors.
In the Behaviors task pane, click Insert, and then select a Behavior.

There are two ways to redirect a browser to another URL. The first is to use a meta tag redirect in the header of the HTML. The second is to use JavaScript, which is how the Go To URL Behavior works.

The primary reason to use a scripted Behavior is flexibility; you can customize the script for specific needs. You can also bind multiple Behaviors to a single event.

To redirect a user to a new site:

web automationIn the Behaviors web automationtask pane, click the Insert button and choose Go To URL.
In the Go To URL dialog box, either type the URL in the Go To URL box, or use the Browse button to locate the URL.


Redirecting users to a new window 導向新視窗

If you want to open a new window for your audience and have some fun, you may do the following.

web automation

web automation

web automation


Messages in status bar狀態列訊息

note Point to the above title and the following graphic to see what happens in the status bar.

web automation      web automation

It is quite common for people to use the status bar to display messages. For example, when the user's cursor points to a name, there will be a response on the status bar. FrontPage 2003 has a Behavior for changing text in the status bar.

To display text in the status bar:

Mark an action area such as an author's name.

>Format

    >Behavior, the Behavior task pane shows.

In the Behaviors task pane, click Insert.
Click Set Text, and then click Set Text of Status Bar.
In the Message box, type your message, and then click OK.

The default event is 'onmouseover' that triggers the action when mouse move over the objects of the page.

web automation Clean the messages

Mask the same action area.

Insert another event of  'onmouseout', again.

Clean the Message box.

Make sure there are 2 existing events.

web automation Events of mouse

By definitions:

onmousemove : Move the mouse over the document.

onmouseover : Move the mouse pointer into an object.

However, for some versions of browsers (including IE), the two behaviors may act the same, or, even not work.


回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to next page
留言區因雲端系統重整,暫停開放。敬請以電子郵件留言。 同類別內相關主題

數位文創線上講義總目

數位文創目錄 數位美學‧數位文創導論目錄

Introduction to Digital Aesthetics and
Digital Contents/ Cultural Content Creation

數位文創目錄 數位文創製作管理目錄

Project Management in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位視覺設計‧影象處理目錄

Visual Design and Digital Imaging
Design and Production

數位文創目錄 數位出版(DTP)設計製作目錄

Digital Publishing/ Desktop Publishing
Design and Production

數位文創目錄 網路文創設計製作目錄

Web-based and Interactive Cultural Creation
Design and Production 

數位文創目錄 數位視訊設計製作目錄

Storyboard and Digital Video
Design and Production 

數位音樂特區 數位音樂特區目錄 TX Midi Zone

Listening Design and Digital Music
Design and Production 

數位文創目錄 數位文創設計製作習題

Exercises and Hand-on Works in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位文創庫存講義目錄

Achieved Readings and Deprecated Techniques

創用 CC 授權條款 此作品衍生自「統雄網路社群 TX Web Community」,由 吳統雄 Sean TX Wu 製作,以 創用CC 姓名標示-非商業性-相同方式分享 3.0 Unported 授權條款 釋出。此條款之授權同時適用於 https://seantxwu.pages.dev/ 下,與 http://tx.shu.edu.tw 下,除特別標明外之所有媒體形式著作物。
本網群為公益服務,瀏覽者須接受以下聲明方可瀏覽: 著作權聲明-Copyright © 吳統雄: 申請引用資訊- 免責聲明- 鳴謝:本網路社群之開發曾受國內外機構、包括臺灣大學補助。

Copyrights of TX Web Community This is a public service web community under a "Creative Commons" license. You must accept the following statements before entering: Copyright © Sean TX Wu, All Rights Reserved. Request for Citation, Disclaimer, and Acknowledgement.
內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍
統雄社群-相關主題

各種超連結與導覽

Link Between Webs,站間連結
Meta tag, Redirection,統合標注與重新導向
Target Frame,目標框架
Bookmark: Within Page,頁內書籤
Email Address 連結電子郵件
Icon: Visual Link,圖示連結
閱覽順序 Pagination
無限捲軸 Infinite Scroll
Link on a image 圖片連結格式
Link external pics,站外圖片連結
Link Management,連結管理

導覽列與按鈕設計

微軟網路機器人 Webbot 法
導覽列設計/互動式按鈕設計法
導覽列設計/自訂 Java 法
導覽列設計/Html5 CSS 法
導覽列設計/下拉選單與樹狀導覽法
導覽列設計/雙導覽列_多導覽列法
導覽列設計/固定位置導覽列法
Information Map,資訊地圖設計

微軟網站機器人與表現方式

Common Contents,共用內容
Marquee,跑馬燈
Common Contents,共用內容
Navigation History導覽歷史管理
Using Behaviors, 基本Java應用
Redirecting users to a new window 導向新視窗
Messages in status bar狀態列訊息

網路互動與雲端元件應用

Search,搜尋引擎設定
Pop-up Page,彈出網頁
Rotating Banners,動態橫幅
FB Apps,臉書外掛程式
Web Counter 網站計數器
npm: java Node 模組
Other Java Apps,其他Java程式
取用模式研究國際團隊 Adoption Modeling International Research Team 合作群組取用模式
國際研究群
吳統雄的研究、教學、與作品 Sean TX Wu's Research, Teaching and Art Works 內容網站第3類知識
互動群組研究方法
內容網站數學樂學
內容網站美語樂學
內容網站人文社會
互動群組產學合作
資訊管理/資訊科技/資訊系統 Information Management/ Information technology/ Information Systems 合作群組資管教育
互動群組資訊管理
內容網站電子商務
內容網站網路教育
數位文創 Digital Cultural Content Creation 內容網站數位文創
合作群組大學青年
合作群組數位電視
互動群組美學實驗
數位音樂 Digital Music 內容網站數位音樂
內容網站社會參與
內容網站文學創作
投票行為、選舉預測與其他行為研究 Election Prediction and Other Behavioral Research 內容網站選舉行為
互動群組其他專題
第3類知識 The 3rd Knowledge 合作群組接龍實驗
互動群組招親實驗
互動群組公投實驗
互動群組量尺實驗
互動群組舞者實驗
年度20大點播音樂

偶然
金蟠桃
水調歌頭
請你,天明再離開我
點燭
別離
挖呀挖
稚情(嫦娥)
天亮歌
願意
墟
思念
華靈廟
Panda
團團和圓圓

相逢
媽媽的愛心
從此
笑笑歌
幕落(必然)
上山打野狼

研究與講義目錄

研究方法講義目錄
統計多變項分析講義
資訊管理講義目錄
數位文創/數位內容講義目錄
數位音樂講義目錄
產學合作-就業進修講義目錄
人文素養-人與社會講義目錄
人類行為+資訊管理研究目錄
網路使用/電子商務研究目錄
網路教育研究目錄
數位音樂作品目錄

在「瀏覽時間」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)。粉底文章亦同屬年度20大瀏覽時間。

統雄-統計神掌 因素分析篇
性幻想行為簡說:格雷的五十道陰影
作業流程圖範例
UML
:統一塑模語言與流程圖

信度與效度分析
統雄-統計神掌 共變數分析篇
統雄-統計神掌 調節模型篇
統雄-統計神掌 多元迴歸篇
投考-甄試研究所之自傳秘笈
統雄-統計神掌簡單迴歸/相關分析
統雄-統計神掌 變異數分析篇
MIS:管理資訊系統
多氯聯苯大追兇
和聲與和弦進行設計
統雄-統計神掌SPSS篇
統雄-統計神掌中介模型分析篇
學術論文寫作法
統雄-統計神掌因素效度分析篇
研究所甄試之研究計畫秘笈
統雄-統計神掌多變項精華篇
問卷設計流程圖-範例
電子郵件亂碼的解決
統雄-統計神掌易筋經
定量方法對定性方法
統雄-統計神掌因徑/結構方程模型1
六藝:多元學習的詮釋與實踐
個案研究法/參與觀察法
文獻研究法
和聲與和弦分析
實驗法、準實驗法
歷史記錄

在「點閱數」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)、與已經出現在同屬「年度20大點閱數」之頁。

網路使用行為研究方法
視訊後製作程序
爸爸
大學青年‧網路雜誌
網頁3大基本語言與編輯軟體
科學知識產生的程序
打二房別亂了套 
1篇30年後引起迴響的文章
向老大哥WGA說不! 
知識美學與數位美學 
我,被禁唱的民歌手
金蟠桃 第一幕 樂園
偶然、或然、必然 音樂劇4
接龍實驗-結果討論
MIS專案進度管理甘梯圖
知律,破律,又合於律
真實美語/生活英語選
當代流行歌 又吵又欠缺變化
職業化快閃影片創作品析
驗證式SEM解析篇-計畫行為論
歷史記錄

這裡有我在30餘年教學經驗中的學習與分享。

教改‧我先走了三十年教改‧我先走了三十年
教學的理念、實踐與感受教學的理念、實踐與感受
其實,每個人都可以唸臺大其實,每個人都可以唸臺大
2012總統選舉預測 2012總統選舉預測
大任務‧小使者大任務‧小使者
Fulbright Project Fulbright Project
統雄老師領導的美國喬治亞理工
Adoption Model國際研究群
Westgate FraudWestgate Fraud
e世代公共服務新聞宣言e世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。