2010年10月25日

上課內容 10/25

ch04 - 10.html

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<form method="post" action="ch04 - 11.php">

 名稱:<input type="text" name="username"/>
 <input type="submit" value="送出"/>
</form>
</html>

ch04 - 11.php

<?php
header('content-type:text/html;charset=utf-8');
// 若 $_POST['username'] 不是空值, 表示
//使用者在 username 欄位中所輸入資料
if ($_POST['username'])
 echo $_POST['username'] . ',你好';
else
 echo '您忘了輸入姓名!';
?>


ch04 - 14.htm

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
 <title>陽春登入網頁</title>
</head>
<body style="text-align:center">
 <form method="post" action="ch04 - 15.php">

  會員名稱:<input type="text" name="uname"/><br/>
  密碼:<input type="password" name="upass"/><br/>
 
  <input type="submit" value="登入"/>
 </form>
</body>
</html>

ch04 - 15.php

<html>
<head>
 <meta http-equiv="content-type" content="text/html;charset=UTF-8/>
 <title>歡迎網頁</title>
 <style>

 </style>
</head>
<body>
</body>
</html>

2010年10月22日

第四章 習題(1) 10/18

1. PHP程式中,可用什麼符號括住字串?
(1)”字串
(2)『字串』
(3)「字串」
(4)<<<heredoc字串>>> 
2. 使用什麼方式表示字串時,PHP不會解釋字串中的變數?
(1)雙引號
(2)單引號
(3)heredoc
(4)使用上列方法,PHP均會解釋字串中的變數 
5. 若『$a = ’0’$b = 0;』則『$a == $b』的比較結果為  True  。      比較"值"。 
6. 若『$a = ’0’$b = 0;』則『$a === $b』的比較結果為  False  。  比較"資料型態"。 
8. 要建立一個含123三個元素值的陣列,以下列方式何者正確
(1)$arr = array(1,2,3)
(2) $arr = array([1],[2],[3])
(3) $arr = array([]=1,[]=2,[]=3)
(4) $arr = array(1=>2=>3); 
9. 要將兩個字串串接在一起時,可使用麼運算子
(1).
(2)+
(3)*
(4)&
10. 要定義常數ABC,且其值為10,應使用下列何種方式?
(1)ABC = 10
(2)constABC = 10
(3)define(‘ ABC‘,10)
(4)$ABC = 10

程式練習

3.請設計一PHP程式,其中定義常數log2的值,並用此常數算出log8log64log512的值。 (提示:log2 = 0.301029996)

define ('log2',0.301029996);

echo 'log8値為';
echo 3*log2;
echo 'log64値為';
echo 6*log2;
echo 'log512値為';
echo 9*log2;

2010年10月17日

第三章 習題

1.      下列何者不是合法的PHP標籤?
(1)<?php…?>
(2)<?...?>
(3)<#...#>
(4)<@...@>        這應該是表情符號吧?
2.PHP程式中,可使用什麼符號括住字串?
(1)單引號’xxx’
(2)全型雙引號『xxx
(3)全型單引號「xxx
(4)大於小於符號<xxx>
3.每一個PHP指令的結尾都必須加上甚麼符號?
(1).
(2)
(3) =
(4)
4.要將字串內容輸入成為網頁文字的一部分,可使用什麼指令?
(1) show
(2)output
(3)echo
(4)type
5.網頁以UTF-編碼存檔,除可用<meta>標籤設定網頁的編碼資訊,亦可使用什麼函式設定?
(1)unicode()
(2)header()
(3)content-type()
(4)meta()
6.因為少打一個分號,造成程式無法執行的錯誤,稱為?
(1)語法錯誤    因為是在解析語言時所發生的錯誤
(2)PHP錯誤
(3)執行時期錯誤
(4)系統錯誤
7.存取資料庫時無法連線伺服器,此種錯誤稱為?
(1)語法錯誤
(2)PHP錯誤
(3)執行時期錯誤     因為是直到執行時才發現的錯誤
(4)系統錯誤
8.哪一個符號可以抑制執行時期錯誤的訊息?
(1)!
(2)@
(3)$
(4)%
9.PHP在網頁上的輸出如果要換行,必須自行輸出哪一個HTML標籤:
(1)<em>
(2)<body>
(3)<br/>
(4)<img/>
10.如果要讓網頁顯示”Hello World!,可再下面第2行撰寫什麼指令?
01 <?php
02   echo 'Hello World!';  
03 ?>

上課內容 10/11

ch03 - 01.php

<?php
phpinfo();
?>

ch03 - 02.php

<?php
    echo 'Hello, </br>'; //single-line comment
    /*
    multi-line
    comment
    */
    # single-line comment
    echo 'this is a test.';
?>


ch03 - 03.php
<html>
<head>
    <title>我的第一個PHP網頁</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
    <p>這一行是HTML</p>
    <p><?php echo '這是一行PHP';?></p>

</body>
</html>

ch03 - 04.php
<html>
<head>
    <title>我的第一個PHP網頁</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
    <?php
    echo '<p>這一行是HTML</p>';
    echo '<p>這是一行PHP</p>';
    ?>
</body>
</html>

2010年10月10日

ch02 -10

<html>
<head>
    <meta http-equiv="Content-Type"content="text/html;charset=utf-8:/>
    <title>阿標的攝影手札</title>
   <style type="text/css">
  
    /*  將 <p> 設為粗體字 */
    p    {font-weight:bold}
   
    /*  將 <img> 設為 float:left, 所以表單內會環繞在圖案右邊及下方 */
    img {float:left;margin:10px}
   
   </style>
</head>
<body>

   <img src="flower.jpg"/>
    <p>評價這張照片</p>
   
   <form>
  
      <fieldset>
        您的 E-Mail:<input name="mail" type="text"><br /><br />
        性別:<input name="gander" type="radio" value="male">男
        <input name="gander" type="radio" value="female">女
      </fieldset>
     
     
      你給這張照片的評價:
    <select name="eval">
      <option nalue="bad">不好看</option>
      <option nalue="average">普通</option>
      <option nalue="good">不錯</option>
      <option nalue="bravo">太棒了</option>
    </select><br /><br />
   
   
    <fieldset>
        <legend>您喜歡什麼類型的照片</legend>
      <input name="favor" type="checkbox" value="nature">風景&nbsp;&nbsp;
      <input name="favor" type="checkbox" value="human">人像&nbsp;&nbsp;
      <input name="favor" type="checkbox" value="building">建築&nbsp;&nbsp;
      <input name="favor" type="checkbox" value="night">夜景&nbsp;&nbsp;
     </fieldset><br />
   
   
    <fieldset>
        <legend>你對這張照片的評語是</legend>
      <textarea name="extra" rows="2" cols="40"></textarea>
    </fieldset>
   
   
    <input type="submit" value="送出" />
    <input type="reset" value="清除" />

</form>
</body>
</html>

上課內容 10/4

10/4

ch02 - 06.css

.B{
    color: blue;
    font-size: 16pt;
    text-align: center;
}


.R{
    color: red;
    font-size: 16pt;
}

.G{
    color:green;
    front-size: 16pt;
}

ch02 - 06.html

<html>


<head>


    <link rel="StyleSheet" type="text/css" href="ch02 - 06.css"/>


</head>

<body>

<p class = "B center">
PHP HOW HOW ONE !!
</p>
</br>
<a  class ="G" href = "http://www.cyut.edu.tw/new/">CYUT</a>
</br>
<p class = "R">
I LOVE CYUT
</p>
</body>

</html>

ch02 - 06 - 03.css

 .B{
    color: blue;
    font-size: 16pt;
    text-align: center;
}


.R{
    color: red;
    font-size: 16pt;
}

.G{
    color:green;
    front-size: 16pt;
}

pre.center{
    font-size: 100pt;
    text-align: center;
}

ch02 - 06 - 03.html

<html>


<head>


    <link rel="StyleSheet" type="text/css" href="ch02 - 06 - 03.css"/>


</head>

<body>

<p class="G center">
PHP HOW HOW ONE !!
</p>
</br>
<a  class="G center" href ="http://www.cyut.edu.tw/new/">CYUT</a>
</br>
<pre class="G center">
I LOVE CYUT
</pre>
</body>

</html>

ch02 - 06 - 04.css

#bigsize{/*使用ID選擇器設定字型大小為48點*/
    font-size:48pt;
}

#normalsize{
    font-size:16pt;
}

ch02 - 06 - 04.html

<html>


<head>


    <link rel="StyleSheet" type="text/css" href="ch02 - 06 - 04.css"/>


</head>

<body>

<p id="normalsize">
PHP HOW HOW ONE !!
</p>
</br>
<p id="bigsize">
I LOVE CYUT!
</p></br>

<p id="bigsize">
I LOVE PHP
</p>

</body>

</html>

ch02 - 06 - 05.html

<html>


<head>

</head>

<body>

<p style="font-size:48pt;">
PHP HOW HOW ONE !!
</p>
</br>
<p style="font-size:100pt;">
I LOVE CYUT
</p></br>
<p>

</p>
</body>

</html>

ch02 - 06 - 06.html

<html>


<head>
<style>
#bigsize{/*使用ID選擇器設定字型大小為48點*/
    font-size:48pt;
}

#normalsize{
    font-size:16pt;
}
</style>
</head>

<body>
<p id="normalsize">
PHP HOW HOW ONE !!
</p>
</br>
<p id="bigsize">
I LOVE CYUT!
</p></br>

<p id="bigsize">
I LOVE PHP
</p>
</body>

</html>

ch02 - 06 - 07.html

<body>

<div style="float:left">
<img src="logo.gif"/>
</div>

<div style="width:100px;hright:200px">
<p>
一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩 一首詩
</p>
</div>

<div style="clear:left;text-alifn:right">
<p>
by Mr.X
</p>
</div>

</body>

2010年9月29日

第二章 習題

1.在<a>標籤中要使用什麼屬性指定連結的位子?

    (1)location
    (2)source
    (3)href
    (4)src

2.用以建立表單的標籤是?
    (1)<table>...</table>
    (2)<form>...</form>
    (3)<input>...</input>
    (4)<list>...</list>

3.以下有關HTML文件的描述,何者正確?
    (1)在原始碼中按Enter鍵換行,瀏覽時該處也會換行
    (2)HTML文件只能以Unicode存檔
    (3)在原始碼中空三格,瀏覽時該處也會空三格
    (4)換行和定位字元都會被視為空白字元

4.在HTML中,用來整合瀏覽器視窗標題文字的是   <title>  標籤。


5.在HTML中,用來代表換行的標籤是?
    (1)<newline/>
    (2)<nl/>
    (3)<linebreak/>
    (4)<br/>

6. 標籤中有加上斜線(/),而可單獨出現的標籤為:
    (1)單一標籤
    (2)特殊標籤
    (3)空標籤
    (4)單標籤


7.如果要設定文字的水平對齊方式,可設定CSS的  http-equiv  屬性

8.在樣式表中設定".p{color:red}"的樣式規則,則下列描述何者正確?
    (1)所有<p>標籤都會套用此樣式
    (2)所有class屬性值為"<p"的標籤都會套用此樣式
    (3)只有id屬性為<p>的標籤都會套用此樣式
    (4)此規則的選擇器語法錯誤

9.要讓表單資料附於URL後面送出,需將<form>標籤的method屬性值設為?
    (1)"send"
    (2)"post"
    (3)"url"
    (4)"get"


 程式練習


1.請建立一個HTML網頁,內容指向PHP官方網站(http://www.php.net)的超連結。

<a href="http://www.php.net" target="_blank">點我進入PHP首頁</a>



4.請試設計一個會員註冊表單,表單中至少要有會員名稱、電子郵件、密碼、確認密碼等4個欄位。
<form method="get">
請輸入大名 :
<input type="text"name="username"/></br>
電子郵件 :
<input type="text"name="E-Mail"/></br>
請輸入密碼 :
<input type="password"name="passwd_1"/></br>
確認密碼:
<input type="password"name="passwd_2"/></br>

<input type="submit" value="送出資料"/>
<input type="reset" value="清除資料"/>

</form>



5.請試用表單設計一個飲料訂購單,表單中提供紅茶、咖啡飲料、且各有冷/熱,大/中/小的選擇。

<form method="get">
飲料訂購單</br>
<input type="checkbox" name="blacktea">紅茶</br>
<input type="radio" name="543" value="cool">冷<input type="radio" name="543" value="hot">熱</br>
<input type="radio" name="456" value="big">大<input type="radio" name="456" value="nature">中<input type="radio" name="456" value="little">小
</br>


<input type="checkbox" name="cafe">嘎逼</br>
<input type="radio" name="123" value="cool">冷<input type="radio" name="123" value="hot">熱</br>
<input type="radio" name="789" value="big">大<input type="radio" name="789" value="nature">中<input type="radio" name="789" value="little">小
</br>

<input type="submit" value="送出資料"/>
<input type="reset" value="清除資料"/>
</form>




作業畫面
http://www.wretch.cc/album/show.php?i=m2764395&b=6&f=1826066635&p=0