2014年6月9日星期一

Lab 34 Syndication with RSS 2.0

Lab 31 Making images accessible

Current conditions

Temperature 76°F

Wind 5mph

Brazil versus Scotland

Played on 10-Jun-1998

Result: Brazil2, Scotland1

Morocco versus Norway

Played on 10-Jun-1998

Result: Morocco2, Norway2

Scotland versus Norway

Played on 16-Jun-1998

Result: Scotland1, Norway1

Brazil versus Morocco

Played on 16-Jun-1998

Result: Brazil3, Morocco0

Brazil versus Norway

Played on 23-Jun-1998

Result: Brazil1, Norway2

Scotland versus Morocco

Played on 23-Jun-1998

Result: Scotland0, Morocco3

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

Results of Group A

Team	Played	Won	Drawn	Lost	For	Against
Brazil	3	2	0	1	6	3
Scotland	3	0	1	2	2	6
Morocco	3	1	1	1	5	5
Norway	3	1	2	0	5	4

2014年5月19日星期一

Lab 30 視障者使用網頁的需求

(指定妳的語言)

(建立有意義的網頁標題)

(提供能取代圖片的文字)

(忽略卡位圖片)

(提供能取代影像地圖的文字)

2014年5月12日星期一

Lab 28 Design your business card

Lab 23 Google Docs

https://drive.google.com/file/d/0B-umCVjPP8F7ODVGbEJfeFBWaTA/edit?usp=sharing

Lab 22 共同編輯文件

https://docs.google.com/document/d/1QTToNdkGyPC9SOaxCp_Ze2QzvyZ4tEIcoFmNE6hlXVE/pub 志工時間登記表:https://docs.google.com/forms/d/1ljCXqn_EsfeOmbmvJAoAdy9-0-jN9Z9eoPNJpjBxmAI/viewform?usp=send_form

<html>
<body>

<form action="https://www.google.com/search" name="q" method="get">

search:<input type="text" name="q">

<input type ="submit" value="submit">

<br>

</form>

</body>
</html>

(method=get 的情況)

2014年5月5日星期一

Lab 18 change pictures

2014年4月28日星期一

Lab 17 JavaScript

picture1

picture2

picture3

Lab 16 Change an image by moving the mouse

lab16

2014年4月14日星期一

Lab 15 九九乘法表

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content type">
<title>lab15</title>

<script>

function buildTable()
{
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for(i =1; i<10;i++){
row = document.createElement("TR")
for( j=1;j<10;j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")

textVal= j + "*" + i + "=" + i*j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}

window.onload = buildTable

</script>
</head>
<body>
</body>
</html>

2014年4月9日星期三

Lab 14 Create Image using DOM

<html>
<head>

<form action="javascript:void(0);" id="exampleForm">
<button onclick="build()">Try it</button>
<br />
</form>
<script>
function build()
{
myImg=document.createElement("IMG")
myImg.setAttribute("id","imageOne")

myImg.setAttribute("src","http://callalily.emmm.tw/sys/club_ieb/pic/37548_08.jpg")

docBody = document.getElementsByTagName("body").item(0)
var body = document.getElementById("exampleForm");
body.appendChild(myImg)
}
</script>
</head>
<body>
<br />
</body>
</html>

Lab 13 Regular expression in action II

撰寫一個網頁能夠自動檢查輸入的字串是否為網址
id:0~255.0~255.0~255.0~255 為正確

其餘為錯誤

2014年4月7日星期一

Lab 12 Regular expression in action

請依照google的規格來搜尋位置,以數字,逗點,數字

為搜尋格式

Lab 11 Regular Expression II

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm2">
<input id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleForm2").onsubmit = function() {
var passwordRegex = /-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/; //此行應為正確

if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify === null) {
notify = document.createElement("p");
notify.textContent = "此輸入不符合'整數或小數，逗號，整數或小數'格式"
notify.id = "notify";

var body = document.getElementById("body");
body.appendChild(notify);
}
}

};
</script>
</html>

判斷此輸入是否符合此輸入不符合"整數或小數，逗號，整數或小數"格式

2014年3月17日星期一

lab 10 Regular expression I

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm1">
<input id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleForm1").onsubmit = function() {
var passwordRegex = /-?\d+(\.\d+)?$/; //此行判斷是否正確

if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify === null) {
notify = document.createElement("p");
notify.textContent = "此數非整數或小數,為錯誤輸入"
notify.id = "notify";

var body = document.getElementById("body");
body.appendChild(notify);
}
}

};
</script>
</html>

判斷輸入是否為整數或小數

Lab 8 Using browsers for programming II

要求：撰寫一個網頁能夠自動檢查輸入的密碼，長度必須至少六個字元，且必須至少包含一個數字以及一個非英文字母的字元。

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="password" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleForm").onsubmit = function() {
//R


var passwordRegex = /^(?=.*\d)(?=.*[\W_]).{6,}$/;



if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify === null) {
notify = document.createElement("p");
notify.textContent = "密碼必須>=6 ,其中第一個字必須是數字,內部至少必須要有一個非英文的符號"
notify.id = "notify";

var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>

</html>

Lab 7 Using browsers for programming

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleform">
<input type="password" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleform").onsubmit=function() {
var passwordregex = /^[A-Za-z\d]{6,}$/;

if(!passwordregex.test(document.getElementById("examplePass").value)){
console.log("regex didn't match");
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent="Passwords need to be between 6 and 8 characters long and consist of uppercase characters, lowercase caracters, and digits only."
notify.id = "notify";
var body = document.getElementById("exampleform");
body.appendChild(notify);
}
}
};
</script>
</html>

Lab 6：Using Chrome

http://www.cycu.edu.tw/

最耗時的三個元件:

1.paper_photo2small.jsp?sn=20493

2. btn4_1.gif

3.btn10_1.gif

http://www.youtube.com/

最耗時的三個元件:

1.html5player-ima-zh_TW-vflbIC5qP.js

2.www-player-2x-webp-vflwPFWm_.css

3.www-player-2x-webp-vflwPFWm_.css

https://www.udacity.com/

最耗時的三個元件:

1.pxj?bidder=172&seg=802787&action=setuid(%27YzQ1Nzc5MjAxNGNlYzk0MTUzM2ZiMGIyNmY5YzY2NmE%27)

2.adsct?p_user_id=YzQ1Nzc5MjAxNGNlYzk0MTUzM2ZiMGIyNmY5YzY2NmE&p_id=823423

3.?label=g1sKCPi-ywYQgL6YvQM&script=0&ct_cookie_present=false&random=3309788199

2014年3月10日星期一

notepad++ code (lab7)

<html>
<head>
</head>
<body id="body">
<from action="javascript:void(0);" id="exampleform">
<input type="password" id="examplepassword" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit = function(){
var passwordregex = /^[A-Za-z\d]{6,}$/;

if(!passwordregex.test(document.getElementById("examplepass").value))
{
var notify = document.getElementById("notify");
if (notify==null){
notify = document.createElement("p");
notify.textcontent = "passwords,need to be least 6 characters long
and consist of uppercase characters , lowercase
characters , and digits only."
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};

</script>

</html>

test 2 :

<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="password" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleForm").onsubmit = function(){
var passwordregex = /^[A-Za-z\d]{6,}$/;

if(!passwordregex.test(document.getElementById("examplepass").value))
{

console.log("regex didn't match");
var notify = document.getElementById("notify");
if (notify === null){
notify = document.createElement("p");
notify.textContent="passwords,need to be least 6 characters long and consist of uppercase characters , lowercase characters , and digits only."

notify.id = "notify";
var body = document.getElementById("exampleform");
body.appendChild(notify);
}
}
};

</script>

correct :
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleform">
<input type="password" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>

document.getElementById("exampleform").onsubmit=function() {
var passwordregex = /^[A-Za-z\d]{6,}$/;

if(!passwordregex.test(document.getElementById("examplePass").value)){
console.log("regex didn't match");
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent="Passwords need to be between 6 and 8 characters long and consist of uppercase characters, lowercase caracters, and digits only."
notify.id = "notify";
var body = document.getElementById("exampleform");
body.appendChild(notify);
}
}
};
</script>
</html>

Lab 5：Using Labels

如右上
標籤

標籤名為Lab

Lab 9 使用Google Docs 下OX 棋

Lab 4：破解網路大學排名DIY

1.網頁數(Size)
中原 : Google約有 1,230,000 項結果 (cycu)
台大 : Google約有 903,000 項結果 (ntu)
中正 : Google約有 1,440,000 項結果(ccu)
元智 : Google約有 269,000 項結果 (yzu)

2.連結度(能見度 Visibility)
中原 : Google約有 2513 項結果
台大 : Google約有 19539 項結果
中正 : Google約有 2562 項結果
元智 : Google約有 5363 項結果

3.檔案數(Rich files)
中原 : Google約有 16,300項結果
台大 : Google約有 433,000 項結果
中正 : Google約有 23,900 項結果
元智 : Google約有 14,200 項結果

4.Google Scholar 論文索引
中原 : Google約有 11,400 項結果
台大 : Google約有 266,000 項結果
中正 : Google約有 9,520 項結果

元智 : Google約有 2,690 項結果

2014年2月24日星期一

lab3

lab1 lab2

the first lab

訂閱：文章 (Atom)

2014年6月9日 星期一

Current conditions

Results of Group A

Brazil versus Scotland

Morocco versus Norway

Scotland versus Norway

Brazil versus Morocco

Brazil versus Norway

Scotland versus Morocco

Results of Group A

2014年5月19日 星期一

2014年5月12日 星期一

2014年5月5日 星期一

2014年4月28日 星期一

2014年4月14日 星期一

2014年4月9日 星期三

2014年4月7日 星期一

2014年3月17日 星期一

2014年3月10日 星期一

2014年2月24日 星期一

2014年6月9日星期一

2014年5月19日星期一

2014年5月12日星期一

2014年5月5日星期一

2014年4月28日星期一

2014年4月14日星期一

2014年4月9日星期三

2014年4月7日星期一

2014年3月17日星期一

2014年3月10日星期一

2014年2月24日星期一