參與課程人員

本教育訓練共三天,在開平餐飲學院的404電腦教室,有三人參與訓練:

  1. 上官先生
  2. 陳先生
  3. 李先生

講師一位、助教一位

課程簡介

三天的研習目的,是希望能夠讓大家了解網路世界現行最常用的以下五種語言,不是讓大家成為工程師,而是讓大家成為網路的非文盲

  1. html
  2. css:串接樣式表
  3. mySQL:資料庫
  4. php:商業網路伺服器端語言現在有php(最大區塊的伺服器端語言),jsp(許多公司內部喜歡用,因為java不是open source,所以用java寫完,以前是昇陽,後來昇陽被甲骨文購併,過去昇陽有支援open office,但現在甲骨文對open office沒興趣,所以現在由apache基金會維護。)跟asp三大派(asp+.net--微軟solution,要結合微軟的ms sequal,微軟也對教育機構做優惠)
  5. javaScript:跟html合作,因為html不是程式語言,只是結合外觀與內容的表示法,所以沒有迴圈、變數等表示法

接下來看 100201.htm

<img src="../助理教育訓練/DEMO/images/蝴蝶.gif" border=0 width=70 height=70 alt="好夢" /> 上面這一段會呈現出 好夢

在這篇資料中,src的值是路徑,寫法有以下兩大種:
  1. 絕對路徑:由根目錄開始寫起,像在這個例子是要寫 /jendo/preparation/助理教育訓練/DEMO/images/蝴蝶.gif,我們試試看-好夢
  2. 相對路徑:有兩種表達的符號:..是父路徑,試試看兩層父資料夾-好夢;.是跟檔案自己同一層資料夾的路徑,我們也試試看好夢

接下來看 100202.htm

<a href="./DEMO/標籤命令.htm">Readme</a>這一句指令中,a是anchor(錨)的意思,href是hyper reference的意思。接下來請大家做一個連結來連到demo目錄中的標籤命令。 我們來試試看吧Readme

接下來看 100304.html

有新的東西喔
這是一個「巢狀結構」,因為上面的原始碼會看到,在href的結構下,還做了img,成為了巢狀結構 補充== img,br,hr這三種標記都是開始與結束都在同一個<(less than)>(great then)括弧中,如果只寫「<bgt;」其實是錯的,是瀏覽器有容錯所以才能夠正常顯示,其實最正確應該寫「<br/>」

新的東西好有趣 在這篇中,我們學到了

下午課程:CSS Cascading Style Sheet 串接樣式表
最找在html會看到style的樣式屬性
接下來底下要做練習

範例:(類似看100307.html)

上午課程:html教學

  1. html
  2. head
  3. body
  4. img
  5. ol
  6. li
  7. ul
  8. br
  9. hr

下午課程:CSS

  1. 放在head中
  2. 好處:不用重複寫太多程式碼
100203 如果要所有的 打一個段落,
今天打出來的東西,可以用pre的方式
來直接做換行,而不用<br/>