溫老師網頁設計練習

▼

網頁

▼

2018年12月24日 星期一

我的 Scratch 程式


https://scratch.mit.edu/projects/239559880/


於 沒有留言:

2018年11月7日 星期三

基礎程式設計期末作業:


標題:  基礎程式設計
學號:
姓名:
  Blogger 靜態 網頁  FreeAspHost 動態網頁
1. 1. 首頁、標題、姓名 1. 九九乘法表
2. 2. 基本網頁( 跑馬燈) 2. 五顆星星  http://jeromewen.freeasphost.net/MyASP/5-stars.aspx
3. 3. 多媒體網頁 3. 歡迎光臨
4. 4. 造訪鄉村 ( Trip to Villiage) http://jeromewen.blogspot.com/2018/05/a-trip-to-village.html 4. 總和
5.    
6.    
7.    
8.    
9.    
10.    
11.    
12.    
13.    
14.    
15.    
16.    

於 沒有留言:

2018年10月17日 星期三

1018-class-practice( online HTML editor (i2yes)

My name is Jerome Wen
Nice to see you here


My Table
1 2 3
a b c
於 沒有留言:

2018年10月9日 星期二

T est-1

Prof. Wen 您所要在瀏覽器顯示的內容 My teacher is a handsome professor.


溫教授是好人


於 沒有留言:

2018年10月8日 星期一

1022 webdesign

Welcome to my homepage

Welcome to my homepage

　

　 月落烏啼霜滿天， 　 　

　 　 江楓魚火對愁眠。 　 　
　 　 　 姑蘇城外寒山寺， 　
　 　 　 　 夜半鐘聲到客船。
　
　 　 　 　 　

溫老師的網頁

本網頁用IE瀏覽會有音樂 用chrome沒有音樂

                                                             下載本網頁程式 : https://www.dropbox.com/s/td9yyorlp1ep7fk/Myweb-0.rar?dl=0

標籤-1 |  標籤-2 | 標籤-3

　

　

　

　

　

     標籤-1      

     1234567890

　

　

　

　

　

　

　

　

                                       

　

　

　

　

　

　

    標籤-2  

   abcdefg 

　

　

　

　

　

　

　

　

　

　

　

標籤-3

this is the lable

　

　

於 沒有留言:

2018年8月3日 星期五

Blogger 下拉式選單(加入指令)

Blogger 下拉式選單 編輯 (加入指令)

https://app.box.com/s/q9kyc4n5gokq4s5d8dpzxhpw4do2z5dv

line number between  # 582~ 714  add in
在 581 以後加入 132 行



.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}

( 加入以下  132 行 Blogger 下拉試選單)
---------------------------------------------------------------------------------
/* ----- NAV MENU ----- */
#navMenu {
  width: 910px;
  height: 35px;
/* background:#deb8b8 repeat-x top; */
  color: #b56666;
  margin: 0 auto 0;
  padding: 0;
  font: bold 11px Century Gothic, Arial, Tahoma, Verdana;
  border-top: 1px solid #debeb8;
  border-bottom: 1px solid #FFFFFF;
}

#navMenuleft {
  width: 900px;
  float: left;
  margin: 0;
  padding: 0;
}

#nav {
  margin: 0;
  padding: 0;
}

#nav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li a, #nav li a:link, #nav li a:visited {
  color: #b56666;
  display: block;
  text-transform: capitalize;
  margin: 0;
  padding: 7px 8px;
  font: normal 15px Century Gothic, Times New Roman;
}

#nav li a:hover, #nav li a:active {
  background:#deb8b8;
  color: #b56666;
  margin: 0;
  padding: 7px 8px;
  text-decoration: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
  background:#deb8b8;
  width: 200px;
  color: #000;
  text-transform: lowercase;
  float: none;
  margin: 0;
  padding: 7px 8px;
  border-bottom: 1px solid #deb8b8;
  border-left: 1px solid #deb8b8;
  border-right: 1px solid #deb8b8;
  font: normal 15px Century Gothic, Times New Roman;
}

#nav li li a:hover, #nav li li a:active {
  background: #deb8b8;
  color: #b56666;
  padding: 7px 8px;
}

#nav li {
  float: left;
  padding: 0;
}

#nav li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 0;
  padding: 0;
}

#nav li ul a {
  width: 140px;
}

#nav li ul ul {
  margin: -32px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}

#nav li:hover, #nav li.sfhover {
  position: static;
}

/* 箭頭向下 */
.arrow-bottom {
    display: inline-block;
    margin-left: 5px;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;   
    border-left: 4px solid transparent;       
    width: 1px;
    height: 1px;
}

/* 箭頭向右 */
.arrow-right {
    display: inline-block;
    margin-left: 12px;   
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #666;       
    width: 1px;
    height: 1px;
}

/* ----- NAV MENU ----- */

--------------------------------------------------------------------

( 加入以上  132 行 Blogger 下拉試選單)

]]></b:skin>




於 沒有留言:

2018年5月12日 星期六

My web -0 MOM's day

Welcome to my homepage

Welcome to my homepage

　

　 月落烏啼霜滿天， 　 　

　 　 江楓魚火對愁眠。 　 　
　 　 　 姑蘇城外寒山寺， 　
　 　 　 　 夜半鐘聲到客船。
　
　 　 　 　 　

溫老師的網頁

本網頁用IE瀏覽會有音樂 用chrome沒有音樂

                                                             下載本網頁相關程式壓縮檔(rar): https://app.box.com/s/2vueubygkpnaj1ntudewztdv5ie60ptg

下載本網頁 HTML(htm) : https://www.dropbox.com/s/ejiecibi1x8jkza/index-web.htm?dl=0

標籤-1 |  標籤-2 | 標籤-3

　

　

　

　

　

     標籤-1      

     1234567890

　

　

　

　

　

　

　

　

                                       

　

　

　

　

　

　

    標籤-2  

   abcdefg 

　

　

　

　

　

　

　

　

　

　

　

標籤-3

this is the lable

　

　

於 沒有留言:

2018年4月7日 星期六

練習 Myweb-0

溫嘉榮
Welcome to my homepage
　 月落烏啼霜滿天， 　 　
　 　 江楓魚火對愁眠。 　 　
　 　 　 姑蘇城外寒山寺， 　
　 　 　 　 夜半鐘聲到客船。
　
　 　 　 　 　
下面有鏈結可以下載 本網頁HTML的壓縮檔


　
　
　
　
　
　
     標籤-1      
     1234567890
　
　
　
　
                                       
　
　
　
　
    標籤-2  
   abcdefg 
　
　
　
　
　
　
　
　
標籤-3
this is the lable
　
　
於 1 則留言:

2018年3月26日 星期一

多媒體網頁作業練習

多媒體網頁作業練習

這一學期網路課程通通提出了相同的作業，練習數位教學技巧，主要是希望提升各位雲端資源運用的能力， 下面共有七題，我近日貼到各班作業:

第一題 圖片雲端網址
請各位將畫面這張圖擷取，然後放到雲端，記得這個圖片的網址，把這個雲端的網址貼上來!

圖片網址:
https://i.imgur.com/Ec0b3cg.jpg

做法示範請看影音:   https://youtu.be/SnM5t18iBqU



第二題 請安裝Google文件 ( google doc )
這一題是要各位在你的筆記型電腦上安裝Google文件 他的最大好處是你在編輯文件的時候可以用語音輸入 (一般來講在手機和平板由於介面已經在中文輸入法中 加入語音輸入 所以你在平板和 手機上面要輸入語音很簡單),筆電上的語音輸入必須要用Google DOC, 這一題要各位在桌面上唸出上面這一些字並且請任意唸一段英文 英文的輸入方法是在左邊麥克風的地方點一下再選擇英文 唸完後請將階段畫面擷取 存成檔案繳交

This homework  wants you to input  both  Chinese and English sentence using Google DOC. When done please cut the screen then save it as  a file and submit this graphic file.

做法示範請看影音:  https://youtu.be/xGVavhPvgC4


第三題 請錄製一段畫面教學影音 上傳YouTube
這一題的做法就像我在上面所作影音示範影片，各位可以利用各種方法錄製影片，最簡單的方法就是你拿開你的手機用手機拍這個螢幕，操作畫面的螢幕10秒鐘就可以。
當然這種方法當然不是很正確， 正確的方法是要使用雲端畫面錄影工具。我現在使用的是 Google的擴充功能它叫做Screencastify.

操作Screencstify時錄影 網址: https://youtu.be/IysFfdqVQjs

做法示範請看影音: https://youtu.be/3zTzXD_Nzr8


第四題 請建立一個個人的Google blogger
最近我進行了很多計劃每個計劃我都會建立 blogger和FB 這種做法有助於我和環境的溝通分享計畫內容 還有計畫團隊組內的互動 這一題要請各位建立自己的部落格 部落格網址 我會將我最近進行的計畫網址 貼在我個人網頁大部分都是不落格請看:
http://jeromewen0531.blogspot.tw/p/1.html

當個會做好部落格以後請繳交你的部落格連結網址:
練習部落格連結網址:https://wjr1205-test.blogspot.tw/

做法示範請看影音: https://youtu.be/ohdJpG8OtV4


第五題 申請一個 pCloud 雲端空間
請各位到pcloud申請一個雲端空間:請按下面連結建立 帳號:
https://my.pcloud.com/#page=register&invite=r6EqZEaLODV

這個雲端空間室友微軟Microsoft所提供功能強大，他就像你的延伸硬碟，直接在你的電腦 "本機" 內加了一個硬碟，非常好用有關他的介紹各位可以連結:
https://free.com.tw/pcloud/
請剪下含有 pCloud 畫面的圖片繳交

做法示範請看影音:  https://youtu.be/3sQkqh2oIsE


第六題 請利用 YouTube 進行一次網路直播
網路直播( Google Hangouts) 已經越來越流行， 網路上有很多網紅都是靠網路直播紅起來，甚至有很多人經營網購購，其實我們都是用來作為網路教學直播由於這個影片是存在YouTube所以這個網址也可以變成教學影片。
把這個影片的網址貼上來

做法示範請看影音: https://youtu.be/sUPjFJ1_5lc


第七題 製作Google表單
 Google表單的製作已經變成老師們必須要會的技能因為我們可以透過表單來收集資料例如做測驗考題 或者當你進行研究要發放問卷的時候就可以使用Google表單來製作問卷。
下面是一個簡單的練習你只要利用Google表單做一個單選題、複選題、還有簡答題三題就可以了!
做好表單之後請把你表單的網址貼上來

【Google表單實用技巧】五分鐘完成超專業雲端問卷

http://gg.gg/cre-form

第八題 用 Google 試算表算成績 
過去我們在做文書處理都是用Windows的Office， 現在由於雲端運算暢行，有很多人漸漸改成使用 Google App，請計算: 總成績、名次、 總和 、平均，並加入 三張統計圖
下面有兩個檔案:
一個是已處理完成的Google試算表:
https://drive.google.com/open?id=1iRHkZdGAFtgDylYAC666bzBYqIbOdk96q_3umDG7mIk

這一個是 xlsx 的格式 原始檔案
https://drive.google.com/open?id=1IBOxVrP1-rIGMvDWqTNVDwzQ0S95keX6

解本題 可用 Excel 或 Google 試算表， 可先下載， 再解題

做法示範請看影音:
https://youtu.be/BSr6q6QWUvo









於 沒有留言:

2018年3月21日 星期三

mms 指令

mms 指令 目前在 IE 和 Chrome 無法執行

( 在 XP 還可以執行)

mms://140.127.45.191/mms/sunset.asf    ( chrome 卡住， IE 沒有畫面)

 http://140.127.45.191/asfroot/sunset.asf      ( 可以下載 )
手機可以 可以用手機執行溫老師網頁 ( Chrome 也可以)




於 沒有留言:

文字 HTML 編輯


標題文字1

--------------------------------------------------------------------
Good morning
Good morning
Good morning
--------------------------------------------------------------------
Good morning

 上面一在 編寫 HTML,如果< font> 指令不接受時 可改用 <span> 指令 ;
size 1. red Good evening
size 2. green Good evening
size 3. blue Good evening
size 4. yellow Good evening
size 5.burlywood Good evening
size 6. coral Good evening
size 7. cyan Good evening
size 1. violet Good evening

 嵌入 mp3 http://mirlab.org/jang/books/html/example/multimedia/Charlene%20-%20I've%20Never%20Been%20To%20Me.mp3
參考網址: http://mirlab.org/jang/books/html/embed.asp?title=2-5%20%A4%BA%B4O%AD%B5%B0T/%B5%F8%B0T 
Pre 格式會跟你打的一樣唷 ( 但會處理 HTML標籤 )
size 3. blue Good evening
Good morning
xmp標籤 格式會跟你打的一樣唷 ( 不會處理 HTML標籤 ) <span style="color: blue; font-size: small;">size 3. blue Good evening</span><br /> 看到了嗎 會一模一樣唷&#65281;&nbsp;&gt;<br /> &nbsp;;*** <br /> 下行 標籤標示文字中 不能有空白 <span style="color: #cc33ff; font-family: &quot;arial&quot;;">Good morning</span>

HTML 測試https://www.ifreesite.com/runcode.htm

(溫教授) HTML 教學 :
http://140.127.45.191/www/sub-html/HTML教學.htm
於 沒有留言:

2018年3月19日 星期一

插圖 跑馬燈 文字

跑馬燈

標題文字1

標題文字2

標題文字3

標題文字4

標題文字5
標題文字6
溫嘉榮's網站
  • 物件清單1
  • 物件清單2
  • 物件清單3
儲存格1 儲存格2
儲存格3 儲存格4

要安裝 Cloud MIDI Player 　Click here to play MID music

於 沒有留言: