1. 如果你想考慮就讀本系，這個網站吸引你嗎？
Ans:可以，相較於先前的舊系網，新系網設計上更活潑，而且簡單明瞭，所有要找的東西都可以找到!我認為有很大的吸引力。
2. 如果你要找指導教授，這個網站給你足夠資訊嗎？
Ans:唯一美中不足之處在於，如果能效仿之前就系網可以列出教師的課表(實體化課表)，有時候可以到課堂上找老師比較方便。
3. 如果你想為子女選擇志願，這個網站給你足夠的畢業校友社會地位與成就資訊嗎？
Ans:可以，只是希望系網在這部份能在友持續更新會比較令人欽佩。
4. 如果你是系友，想瞭解系上最新的成就與現況，這個網站有提供你要的資訊嗎？
Ans:可以，希望能持續更新資訊會更棒
5.整體來說，新系網比較有活力、吸引力，指示之前就系網有些部分會有沒有更新的情形，因此如能在訊息上有持續更新，對所有使用者來說會有更好的使用者經驗。
2014年6月16日 星期一
2014年6月9日 星期一
2014年5月26日 星期一
2014年5月25日 星期日
2014年5月19日 星期一
Lab 30 視障者使用網頁的需求
1.提供能取代圖片的文字: http://s10026324.blogspot.tw/2014/04/lab18-change-pictures.html
HTML程式片段:alt="This is a picture, it will change itself when you point it by your mouse."
2.不要開出新視窗: https://www.google.com.tw
HTML程式片段: 不用 <a href="https://www.blogger.com/null" target="_blank">
3.在鏈結上加入標題
4.指定妳的語言
5.跳過導覽列的鏈結
HTML程式片段:alt="This is a picture, it will change itself when you point it by your mouse."
2.不要開出新視窗: https://www.google.com.tw
HTML程式片段: 不用 <a href="https://www.blogger.com/null" target="_blank">
3.在鏈結上加入標題
2014年5月12日 星期一
Lab 27 More on HTML
| Firstname | Lastname | Points |
|---|---|---|
| Huan-Rui | Chang | 93 |
| Zhong-You | Huang | 85 |
A Definition List:
- CEO
- - Chief Executive Officer
- B.S. degree
- - bachelor degree
- CYCU
- - Chung Yuan Christian University
Lab 28 Design your business card
Chung Yuan Christian University
Department of electronic engineering
Huan-Rui Chang
2014年5月5日 星期一
Lab24 Google Maps II
<html>
<title>Lab20 </title>
<body>
<form action="http://maps.google.com/maps" method="GET" name="f" onsubmit="return check()">
Search Position: <input name="q" type="text" />
<input type="submit" value="提交資料" />
</form>
<script>
function check(){
var floatReg =/^\d+(\.\d+)?,[+-]\d+(\.\d+)?$/;
if(!floatReg.test(f.q.value)){
alert("It's not a correct format");
f.q.value="";
document.f.q.focus();
return false;
}
}
</script>
</body>
</html>
<title>Lab20 </title>
<body>
<form action="http://maps.google.com/maps" method="GET" name="f" onsubmit="return check()">
Search Position: <input name="q" type="text" />
<input type="submit" value="提交資料" />
</form>
<script>
function check(){
var floatReg =/^\d+(\.\d+)?,[+-]\d+(\.\d+)?$/;
if(!floatReg.test(f.q.value)){
alert("It's not a correct format");
f.q.value="";
document.f.q.focus();
return false;
}
}
</script>
</body>
</html>
2014年4月28日 星期一
Lab20 Hand code a form
<html>
<title>Lab20 </title>
<body>
<form action="http://maps.google.com/maps" method="GET" name="f" onsubmit="return check()">
Search Position: <input name="q" type="text" />
<input type="submit" value="提交資料" />
</form>
<script>
function check(){
var floatReg =/^\d+(\.\d+)?,[+-]\d+(\.\d+)?$/;
if(!floatReg.test(f.q.value)){
alert("It's not a correct format");
f.q.value="";
document.f.q.focus();
return false;
}
}
</script>
</body>
</html>
<title>Lab20 </title>
<body>
<form action="http://maps.google.com/maps" method="GET" name="f" onsubmit="return check()">
Search Position: <input name="q" type="text" />
<input type="submit" value="提交資料" />
</form>
<script>
function check(){
var floatReg =/^\d+(\.\d+)?,[+-]\d+(\.\d+)?$/;
if(!floatReg.test(f.q.value)){
alert("It's not a correct format");
f.q.value="";
document.f.q.focus();
return false;
}
}
</script>
</body>
</html>
Lab19 Lab Form and Action
<html>
<body>
<FORM METHOD="GET" ACTION="http://google.com/search" NAME="f" >
Search Page: <INPUT TYPE="text" NAME="q" >
<INPUT TYPE="submit" VALUE="提交資料">
</FORM>
</body>
</html>
<body>
<FORM METHOD="GET" ACTION="http://google.com/search" NAME="f" >
Search Page: <INPUT TYPE="text" NAME="q" >
<INPUT TYPE="submit" VALUE="提交資料">
</FORM>
</body>
</html>
Lab18 change pictures
<img border="0" src="http://cycling.tbnet.org.tw/wp-content/uploads/2012/09/3485826991_cdf2bc6944_o.jpg" height="228" onmouseout="src='http://cycling.tbnet.org.tw/wp-content/uploads/2012/09/3485826991_cdf2bc6944_o.jpg'" onmouseover="src='http://www.hlpb.gov.tw/userfiles/20130724184001692031452.jpg'" width="304" alt="This is a picture, it will change itself when you point it by your mouse." />
2014年4月14日 星期一
Lab 16 Change an image by moving the mouse
<img alt="Pulpit rock" border="0" src="http://cycling.tbnet.org.tw/wp-content/uploads/2012/09/3485826991_cdf2bc6944_o.jpg" height="228" onmouseout="src='http://cycling.tbnet.org.tw/wp-content/uploads/2012/09/3485826991_cdf2bc6944_o.jpg'" onmouseover="src='http://www.hlpb.gov.tw/userfiles/20130724184001692031452.jpg'" width="304" />
Lab 15 九九乘法表
<html>
<head>
<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 <= 9; i++){
row = document.createElement("TR")
for (j = 1; j <= 9; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal = i+"*"+j+"="+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月7日 星期一
Lab 14 Create Image using DOM
<html>
<head>
<title>lab26</title>
<script>
function build()
{
myImg=document.createElement("IMG")
myImg.setAttribute("id","imageOne")
<!--myImg.setAttribute("src","http://airsnarf.schmoo.com/airsnarf.jpg")-->
myImg.setAttribute("src","http://roxy.com.tw/wp/BonJovi.jpg")
docBody=document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
window.onclick=build
<!--<button><img src= "http://airsnarf.schmoo.com/airsnarf.jpg"></button>-->
<!--<button><img src= "http://roxy.com.tw/wp/BonJovi.jpg"></button>-->
</script>
<input onclick="http://roxy.com.tw/wp/BonJovi.jpg'" type="button" value="open_pic" />
</head>
<body>
<br />
</body>
</html>
lab26
<head>
<title>lab26</title>
<script>
function build()
{
myImg=document.createElement("IMG")
myImg.setAttribute("id","imageOne")
<!--myImg.setAttribute("src","http://airsnarf.schmoo.com/airsnarf.jpg")-->
myImg.setAttribute("src","http://roxy.com.tw/wp/BonJovi.jpg")
docBody=document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
window.onclick=build
<!--<button><img src= "http://airsnarf.schmoo.com/airsnarf.jpg"></button>-->
<!--<button><img src= "http://roxy.com.tw/wp/BonJovi.jpg"></button>-->
</script>
<input onclick="http://roxy.com.tw/wp/BonJovi.jpg'" type="button" value="open_pic" />
</head>
<body>
<br />
</body>
</html>
2014年3月24日 星期一
LAB13 Regular expression in action II
自動檢查輸入的字串是否為網址
第一種:1~255.0~255.0~255.1~255
第二種:www的輸入方式
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit =function() {
var passwordRegex = /^(((([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([1-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([0-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([0-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|[1-9]))|(www\.[\w]+\.((edu)|(com)|(gov)|(org)|(idv)|(cc))(\.\w+)?))$/;
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 = "Error. Please try a new one"
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>
第一種:1~255.0~255.0~255.1~255
第二種:www的輸入方式
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit =function() {
var passwordRegex = /^(((([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([1-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([0-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|([0-9]))\.(([1][\d][\d])|([2][0-4][0-9])|([2][5][0-5])|([1-9][0-9])|[1-9]))|(www\.[\w]+\.((edu)|(com)|(gov)|(org)|(idv)|(cc))(\.\w+)?))$/;
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 = "Error. Please try a new one"
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>
2014年3月17日 星期一
Lab 11 Regular Expression 2
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").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>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").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>
Lab 10 Regular expression I
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").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>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").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>
Homework 3/10/2014: 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() {
var passwordRegex = /(?=.*[\W])(?=.*[\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 much than 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>
<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 = /(?=.*[\W])(?=.*[\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 much than 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>
2014年3月10日 星期一
Lab7
<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 much than 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>
Homework 3/3/2014
Amy Cuddy: Your body language shapes who you are
Ted影片關後評論:
人與人相處之間、互動，除了經由語言的傳達可以表達我們當下的感受及態度之外，其實肢體語言(也就是非語言的傳達)也會表示我們當下的態度，更明確的說應該是肢體語言不僅會讓別人感受到我們的態度是積極或是消極之外，最重要的是他同時會影響你自己的心理狀態。當我們面對挑戰時，一開始就採取肯定自我能力的積極態度，這時我們的睪固酮(支配性荷爾蒙)會上升、腎上腺皮質醇(壓力荷爾蒙)會下降，讓我們可以完全的呈現真實的自我，而甚麼叫做真實的自我呢?就是完全表現我們所想的，當然我指的是正面的。
這則影片其實很明顯的可以應用到生活中許多地方，我當下第一個反應就是學生的上課態度，我們在大學裡求學，想要求得更多知識的同學在上課時就會表現積極的態度，他們上課時除了會坐在最前面的位置外同時會專心聽課、適當做筆記，因為這樣可以在有問題或意見時可以直接和老師討論，同時也可以避免前面的同學聊天而干擾其上課的品質。進大學時，大家懂得東西其實都差不多，但是有積極的學習態度，會使人在學習上有明顯的效果。而這也正是這則影片說的，肢體語言會傳達給別人你目前的態度外，更重要的是肢體語言會不斷的影響你自己的態度，越是積極的態度會使自己更有自信更勇於面對挑戰進而提升自我能力，提升自我能力後會使自己更有信心，這將是一個良性循環。期望大家能一同積極進取，一同提升自我能力。
Ted影片關後評論:
人與人相處之間、互動，除了經由語言的傳達可以表達我們當下的感受及態度之外，其實肢體語言(也就是非語言的傳達)也會表示我們當下的態度，更明確的說應該是肢體語言不僅會讓別人感受到我們的態度是積極或是消極之外，最重要的是他同時會影響你自己的心理狀態。當我們面對挑戰時，一開始就採取肯定自我能力的積極態度，這時我們的睪固酮(支配性荷爾蒙)會上升、腎上腺皮質醇(壓力荷爾蒙)會下降，讓我們可以完全的呈現真實的自我，而甚麼叫做真實的自我呢?就是完全表現我們所想的，當然我指的是正面的。
這則影片其實很明顯的可以應用到生活中許多地方，我當下第一個反應就是學生的上課態度，我們在大學裡求學，想要求得更多知識的同學在上課時就會表現積極的態度，他們上課時除了會坐在最前面的位置外同時會專心聽課、適當做筆記，因為這樣可以在有問題或意見時可以直接和老師討論，同時也可以避免前面的同學聊天而干擾其上課的品質。進大學時，大家懂得東西其實都差不多，但是有積極的學習態度，會使人在學習上有明顯的效果。而這也正是這則影片說的，肢體語言會傳達給別人你目前的態度外，更重要的是肢體語言會不斷的影響你自己的態度，越是積極的態度會使自己更有自信更勇於面對挑戰進而提升自我能力，提升自我能力後會使自己更有信心，這將是一個良性循環。期望大家能一同積極進取，一同提升自我能力。
2014年3月3日 星期一
LAB6
www.cycu.edu.tw延遲時間最久的三個元件
1.www.cycu.edu.tw
2.generate_204
3.cse.js?cx=006671915706355032179:lepk4kd-ype
www.youtube.com延遲時間最久的三個元件
1.csi?v=3&s=oz&action=notificationswidget&it=wtsrt_.272,tbsd_.165,tbnd_.0,redirectTime.0,dnsTime.0,tcpTime.0,requestStart.3,req
2.www.youtube.com
3.frame?origin=https%3A%2F%2Fwww.youtube.com&source=yt&hl=zh-TW&jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2F
www.udacity.com延遲時間最久的三個元件
1.udacity.min.js?4353f3facd4c92187fd07d419bddaca6
2.libs.min.js?4353f3facd4c92187fd07d419bddaca6
3.partner-nvidia.png
1.www.cycu.edu.tw
2.generate_204
3.cse.js?cx=006671915706355032179:lepk4kd-ype
www.youtube.com延遲時間最久的三個元件
1.csi?v=3&s=oz&action=notificationswidget&it=wtsrt_.272,tbsd_.165,tbnd_.0,redirectTime.0,dnsTime.0,tcpTime.0,requestStart.3,req
2.www.youtube.com
3.frame?origin=https%3A%2F%2Fwww.youtube.com&source=yt&hl=zh-TW&jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2F
www.udacity.com延遲時間最久的三個元件
1.udacity.min.js?4353f3facd4c92187fd07d419bddaca6
2.libs.min.js?4353f3facd4c92187fd07d419bddaca6
3.partner-nvidia.png
訂閱：
文章 (Atom)