s10026331: 2013

2013年12月30日星期一

Lab 38

從外觀跟功能上體驗不出差異

不過HTML5的語法相對簡短,html4要在flash支援的情況下才能進行,最明顯的例子就是IOS系統無法開啟,HTML5可以省去很多標記,不過有些標記跟屬性還不支援HTML5

HTML4需要特殊播放軟體

2013年12月23日星期一

2013年12月16日星期一

LAB 31

<?xml version="1.0"?><H1>Current conditions</H1><LI>Temperature 76°F</LI><LI>Wind 5mph</LI><HR />

2013年12月9日星期一

Lab 29 Making images accessible

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

1.提供能取代圖片的文字

2.在鏈結上加入標題

3.提供額外的導覽協助

4.建立有意義的網頁標題

5.使用真正的清單

2013年12月2日星期一

2013年11月11日星期一

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
var re = /$?\d{3}$?([-\/\.])\d{3}\1\d{4}/;
function check(){
var OK = re.exec(f.q.value);
if (!OK)
{window.alert(RegExp.input + " isn't a phone number with area code!");
f.q.value="";
document.f.q.focus();
return false; }
else
window.alert("Thanks, your phone number is " + OK[0]);

}
</script>
</head>
<body>
<p>Enter your phone number .
<br>The expected format is like ###-###-####.</p>
<form name="f" action="#" onsubmit="return check()" method="get">
check:<input type="text" name="q">
<input id="phone" type="submit" value="check">
</form>
</body>
</html>

2013年11月4日星期一

Lab 22 Google Maps II

<html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/" name="f" method="get" id="exampleForm" onsubmit="return check()">
search:<input type="text" id="examplePass" name="q" >
<input type="submit" value="submit">
<br>
</form>
</body>
<script>
function check(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(f.q.value)){
alert("!!!!!!");
f.q.value="";
return false;
}
}

/*
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
return false;
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "ERROR";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}

*/
</script>
</html>

Lab 21 Google Docs

https://docs.google.com/document/d/1fNloaGa7FizF7kCpg9VXuj1Dyiz_A1AEfIhgpBBaUBo/pub

Lab 20 共同編輯文件

Lab19

交作業聯結

<a href="http://yourblog/your-article.html">Your name and this homework</a>

Homework 10-28-2013

美麗的海洋

顏色豐富的藍天白雲

在煩悶的生活中也許就是需要這種寧靜感

單純的看看雲

聽聽海拍打岸邊的聲音

也許這就是人最好放鬆心情的地方!

2013年10月27日星期日

Homework 10-21-2013

<html>
<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])*$/;
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";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html

2013年10月21日星期一

Lab 15 Hand code a form

<html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/" name="q" method="get" id="exampleform">
search:<input type="text" name="q" id="examplePass">
<input type="submit" value="submit">
<br>
</form>
</body>

</html>

Lab 14 Lab Form and Action

1.<html>
<head> </head> <body> <form action="http://google.com.tw/search" name="q" method="get"> <input type="text" name="q" /> <input type="submit" /> </form> </body>

<html> <body> <form action="http://google.com/search" name="q" method="post"> Search:<input type="text" name="q" > <input type="submit" value="submit"> <br> </form> </body> </html>