index.html（完整版面布局）

2-6 index.html（完整版面布局）
001<!DOCTYPE html>
002<html lang="zh-TW">
003  <head>
004    <meta charset="utf-8">
005    <title>HTML5練習</title>
006    <!-- 頁內樣式表設定 -->
007    <style type="text/css">
008 
009      body {
010        background:rgb(245,245,245);
011        font-family:微軟正黑體;
012        margin:0px;
013      }
014 
015      h1 {
016        font-weight:bold;
017        font-size:36px;
018        color: #233F69;
019        text-shadow:2px 2px 4px gray;
020      }
021 
022      h2 {
023        font-size:24px;
024        color:black;
025        text-shadow:1px 1px 3px gray;
026      }
027 
028      p {
029        font-size:12pt;
030        line-height:1.8; /* 行高 */
031      }
032 
033      #wrap{
034        margin:0px;
035      }
036 
037      #container{
038        width:980px;
039        margin:10px auto;
040      }
041 
042      #header{
043 
044      }
045 
046      #main{
047        background:rgb(255,255,255);
048        padding:30px;
049      }
050 
051      #content{
052        width:600px;
053      }
054 
055      #sidebar{
056 
057      }
058 
059      #footer{
060 
061      }
062 
063    </style>
064 
065  </head>
066 
067  <body>
068    <div id="wrap">
069      <div id="container">
070        <div id="header">
071          <a name="tool">快捷路徑</a>
072          <ul>
073            <li><a href="#p1">三國演義</a></li>
074            <li><a href="#p2">MySQL與SQL</a></li>
075            <li><a href="#p3">OCP MySQL 5 Developer</a></li>
076            <li><a href="#p4">數學運算</a></li>
077          </ul>
078        </div>
079 
080        <div id="main">
081          <div id="content">
082 
083            <img src="images/MySQLTutorial.jpg" alt="logo圖" title="logo圖" style="width:100%;">
084 
085            <h1>MySQL 超新手入門（1）重新開始</h1>
086 
087            <div>
088              <h2><a name="p1">三國演義</a></h2>
089              <a href="#tool">回工具列</a>
090 
091              <p>三國演義是一部在華人世界非常普及的歷史小說，是由羅貫中根據元朝的三國志平話改編，他以東漢末年魏、蜀、吳三國鬥爭為主題，收集歷史資料和說書人的故事，成為這一部大家都非常熟悉的故事。或許我們現在覺得這些歷史已經跟我們沒什麼關係了，不過大家都知道關公過五關斬六將，劉備三顧茅蘆，諸葛孔明的空城記。這些老掉牙的故事，總是不斷的出現在電影、電視劇和各種平台的遊戲，一代又一代的傳承下去。這應該是因為三國演義的確是一個好故事，很多很精采的好故事，就像美國暢銷作家史帝芬金所說的，一個好故事是不會寂寞的。</p>
092 
093              <p>三國演義的普及，讓人認為裡面講的故事其實就是真的歷史，羅貫中在編這本書的時候，大概是為了讓它可以比較戲劇化一些，採用了很多當時說書人的內容，這些內容是在民間流傳或由說書人編造的，跟歷史並不一樣。例如大家熟悉的關公斬華雄，在三國演義中是一段非常的精采故事，作者使用很短的內容讓關雲長的豪勇，簡單、清楚而且非常震憾的呈現給讀者。不過根據史料的考證，其實華雄的頭是被孫堅砍掉的。這也是為什麼清朝的時候就有人評論三國演義是「七實三虛，惑亂觀者」。</p>
094 
095              <p>提倡白話文的胡適之，對三國演義的批評更是激烈，他認為三國演義把諸葛亮的足智多謀寫成一個呼風喚雨的妖道；張飛在歷史上其實是一個很有君子風度的武將，可是卻被寫成粗魯的莽夫。雖然有很多精采的故事，可是沒有經過更好的整理，所以三國演義在華人古典文學上的地位，一直不如紅樓夢（註），甚至連水滸傳都比不上。</p>
096            </div>
097 
098            <div>
099              <h2><a name="p2">MySQL與SQL</a></h2>
100              <a href="#tool">回工具列</a>
101 
102              <p><a href="files/南台科大.docx">MySQL</a>在資訊應用的角色，好像跟三國演義這本著作有點類似。MySQL是目前最普及的資料庫伺服器，可是大家也最不在意它，可能因為它是一套免費的軟體，如果不要對它太過份，它會默默的在電腦中為你服務，在一般情況下都不太會出問題。MySQL跟其它一般的資料庫一樣，同樣支援ANSI SQL92，也加入少許MySQL自己特別的指令。不論是網頁或應用程式的開發人員，當你第一次接觸資料庫，學習SQL這種古老的指令，應該不會覺得太難。如果你正要進入開發應用程式的領域，在學習的路上，你會分配給SQL的時間應該也不會太多，因為它跟程式語言比較起來是比較單純一些的。</p>
103 
104              <p>因為MySQL和SQL幾乎是最常見的應用，而且大家也覺得它們是簡單的，當然就不會在它們身上花太多時間。所以慢慢的我們會發現一些情況，有一些應用程式發生的問題，其實是來自MySQL資料庫伺服器和應用程式中的SQL敘述，這些問題相對是比較單純的，只是大家忽略了。</p>
105 
106              <p>例如MySQL提供方便好用的「LIMIT」子句，在應用程式中讓開發人員可以很容易完成一些特定的功能，例如網頁應用程式中的分頁查詢。不過LIMIT子句是MySQL才有的，如果應用程式更換資料庫伺服器，例如Oracle，應用程式就會產生一堆錯誤了。還有資料庫的交易（transaction）管理，MySQL預設的MYISAM儲存引擎並沒有支援交易管理，因為比較簡單一些，所以運作的效率也會比較好；如果應用程式需要執行交易管理，就要在建立資料庫的時候指定儲存引擎為InnoDB。</p>
107 
108              <p>各種關於MySQL資料庫管理和SQL的問題，開發人員通常在遇到錯誤的時候，才會開始尋求解決問題的方法。這似乎也是MySQL的宿命，因為我們雖然一直在使用它，可是卻不太重視它，也認為這本來就是合理的，開發人員不應該分配太多時間給它。有一個很明顯的情況，在逛書局的時候，你應該已經看不到只有討論關於MySQL和SQL的書籍了。</p>
109            </div>
110 
111            <div>
112              <h2><a name="p3">OCP MySQL 5 Developer</a></h2>
113              <a href="#tool">回工具列</a>
114 
115              <p>在我們台灣這裡，跟開發人員相關的認證考試，這應該算是最冷門的OCP認證科目之一。這個認證考試的主要內容是MySQL的SQL，通過這個考試的人，表示它具備在應用程式中使用SQL的技能。你應該會覺的這是一個有點詭異的認證考試，它好像沒有存在的必要。對一個有經驗的開發人員來說，使用SQL的技能就像是本來就應該存在的，你甚至已經忘記當初是怎麼學會SQL；對一個新手來說，不會有人建議你去買一本關於SQL的書籍來學習這方面的技能，因為可能也買不到了，不過有各種網站提供SQL的學習，認識一些基礎的敘述後，遇到問題再說吧！</p>
116 
117              <p>SQL在目前的環境下，越來越不受到開發人員的關愛，尤其是現在各種關於資料庫應用的框架，例如Hibernate和MyBatis，它們的任務就是要殺死SQL這隻遠古巨獸，讓開發人員不用受到SQL的煎熬。我也認為開發應用程式一直是一件很困難的事情，各種越來越進步的科技讓生活更方便，可是應用程式開發技術卻越來越複雜，開發人員必須具備的技能也更多，如果真的能有一種技術可以完全消滅SQL，那絕對是一件非常美好的事情。不過目前的情況應該還是有很多困難，就以大約十年前的應用程式來說，SQL還是一個必要的成員，除非放棄原來已經運作正常的程式，否則你還是要面對這些冗長的SQL敘述。</p>
118 
119              <p>這就是「MySQL超新手入門」系列文章的目的，內容的範圍涵蓋OCP MySQL 5 Developer認證考試，因為它的範圍也是一個開發人員必須具備的SQL技能。從安裝MySQL資料庫與相關的工具程式開始，到學習所有MySQL提供的SQL，雖然是針對MySQL資料庫撰寫的，不過絕大部份都符合ANSI SQL92的標準，也就是在其它資料庫產品也可以正確的運作。</p>
120            </div>
121 
122            <div>
123              <h2><a name="p4">數學運算</a></h2>
124              <a href="#tool">回工具列</a>
125 
126              <p>除了查詢表格中的欄位外，你可以加入任何需要的運算，這裡先討論一般常見的數學運算。下列是很常用來執行數學運算的運算子：</p>
127 
128              <table border=1>
129                <tr>
130                  <th>優先順序</th>
131                  <th>運算子</th>
132                  <th>說明</th>
133                  <th>範例</th>
134                  <th>運算結果</th>
135                </tr>
136                <tr>
137                  <td>1</td>
138                  <td>%</td>
139                  <td>餘數</td>
140                  <td>7 % 3</td>
141                  <td>1</td>
142                </tr>
143                <tr>
144                  <td>1</td>
145                  <td>MOD</td>
146                  <td>餘數</td>
147                  <td>7 MOD 3</td>
148                  <td>1</td>
149                </tr>
150                <tr>
151                  <td>1</td>
152                  <td>* </td>
153                  <td>乘</td>
154                  <td>7 * 3</td>
155                  <td>21</td>
156                </tr>
157                <tr>
158                  <td>1</td>
159                  <td>/</td>
160                  <td>除</td>
161                  <td>7 / 3</td>
162                  <td>2.333</td>
163                </tr>
164                <tr>
165                  <td>1</td>
166                  <td>DIV</td>
167                  <td>除（整數）</td>
168                  <td>7 DIV 3</td>
169                  <td>2</td>
170                </tr>
171                <tr>
172                  <td>2</td>
173                  <td>+</td>
174                  <td>加</td>
175                  <td>7 + 3</td>
176                  <td>10</td>
177                </tr>
178                <tr>
179                  <td>2</td>
180                  <td>-</td>
181                  <td>減</td>
182                  <td>7 – 3</td>
183                  <td>4</td>
184                </tr>
185              </table>
186            </div>
187            <div>
188              內容規劃為19章：
189                <ol>
190                  <li>資料庫概論與 MySQL 安裝</li>
191                  <li>SELECT 基礎查詢</li>
192                  <li>運算式與函式</li>
193                  <li>JOIN 與 UNION 查詢</li>
194                  <li>CRUD 與資料維護</li>
195                  <li>字元集與資料庫</li>
196                  <li>儲存引擎與資料型態</li>
197                  <li>表格與索引</li>
198                  <li>子查詢</li>
199                  <li>Views</li>
200                  <li>Prepared Statements</li>
201                  <li>Stored Routines入門</li>
202                  <li>Sotred Routines的變數與流程</li>
203                  <li>Stored Routines進階</li>
204                  <li>Triggers</li>
205                  <li>資料庫資訊</li>
206                  <li>錯誤處理與查詢</li>
207                  <li>匯入與匯出資料</li>
208                  <li>效率</li>
209                </ol>
210            </div>
211 
212            <div>
213              參考資料：
214                <ul>
215                  <li>三國演義校注，羅貫中原著，吳小林校註，里仁書局</li>
216                  <li>三國演義的文學特質及其悲劇藝術，羅龍治</li>
217                  <li><a href="http://www.oracle.com" target="_blank">http://www.oracle.com</a></li>
218                </ul>
219 
220 
221            </div>
222          </div>
223 
224          <div id="sidebar">
225          </div>
226        </div>
227 
228        <div id="footer">
229          <div>
230            <a href="mailto:tad@tn.edu.tw?subject=我有意見或建議">寄信給站長</a>
231          </div>
232        </div>
233      </div>
234    </div>
235  </body>
236</html>
2-6 index.html（完整版面布局）

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者
