第2章 無所不在的網路世界
01
網路溝通橋梁--HTLM02 善用資訊概論教學網站資源
03 基本架站工具軟體使用
04 範本內容(tiny.apk)
05 Q&A時間
架設網站費用多少錢？
如何下載安裝cmpc.apk
掃描QRcode或點選連結網址
城中教會之友網站 (https://go.cmpc99.com)
請選擇 [手機app下載]
將cmpc.apk安裝檔下載到安卓手機，再依序進行app安裝。
01 網路溝通橋梁--HTLM
HTML入門新手必學 15個常用的HTML標籤與屬性
HTML 是什麼？
HTML（HyperText Markup Language，超文字標記語言）是一種用來建立網頁的標記語言，常與 CSS、JavaScript 一起被用來設計網頁介面，可以說是網頁開發的基石。網頁瀏覽器像是常見的 Chrome、Safari 會讀取 HTML 檔案中的標籤（tag）來辨識網頁長什麼樣子，並顯示給使用者看。
對於網頁前端工程師來說，學會基本的 HTML 語法，是必備的職場技能。
範例1 voice.htm (原始碼 ，在homework01資料夾)
<html>
<head>
<title>有聲雜誌_2018年07月01</title>
</head>
<body >
<input onclick="history.go( -1 );return true;" type="button" value="上頁back" style="background-color: #C0E3B5">
<p><b><font size="5" color="#0000FF">有聲雜誌_2018年07月01<br><br>
<img border="0" src="images/first_01.jpg" width="260" height="56"><br><br>
<table border="1" width="300">
<tr><td>
<font size="5"><b>01 傾聽 02:28</b></font><font size="4"><br>
<audio src="mp3/1807-01.mp3" controls > </audio><br><br><br>
</font><br>
</tr>
</table>
</body>
</html>
瀏覽器執行結果
範例2 index.htm (原始碼 ，在tiny資料夾)
<html>
<head>
<title>福音小站</title>
</head>
<body >
<table border="0" width="320">
<tr>
<td colspan="3">
<img border="0" src="images/0title1.jpg" width="320" height="60"></td>
</tr>
<tr>
<td colspan="3">
(福音小站) 001 林永吉</td>
</tr>
<tr>
<td>
<p align="center">
<a href="app_about.htm">
<img border="0" src="images/app_01.gif" width="60" height="60"></a><br>
網站簡介</td>
<td>
<p align="center">
<a href="app_share.htm">
<img border="0" src="images/app_02.jpg" width="60" height="60"></a><br>
資源分享</td>
<td>
<p align="center">
<a href="app_news.htm">
<img border="0" src="images/app_03.jpg" width="60" height="60"></a><br>
最新消息</td>
</tr>
<tr>
<td>
<p align="center">
<a href="https://joy.health999.net/share365/00_share.htm" target="_blank">
<img border="0" src="images/app_04.jpg" width="60" height="60"></a><br>
心靈小憩</td>
<td>
<p align="center">
<a href="https://twmc.health999.net/app_water.htm" target="_blank">
<img border="0" src="images/app_05.jpg" width="60" height="60"></a><br>
荒漠甘泉</td>
<td>
<p align="center">
<a href="https://twmc.health999.net/phto_song/app_phto_01.htm" target="_blank">
<img border="0" src="images/app_06.png" width="60" height="60"></a><br>
聖詩歌詞</td>
</tr>
<tr>
<td>
<p align="center">
<a href="https://lifesong.health999.net/app_light.htm">
<img border="0" src="images/app_07.jpg" width="60" height="60"></a><br>
有聲雜誌</td>
<td>
<p align="center">
<a href="https://lifesong.health999.net/app_life.htm">
<img border="0" src="images/app_08.jpg" width="60" height="60"></a><br>
生命與歌</td>
<td>
<p align="center">
<a href="https://joy.health999.net/song365/00_song.htm" target="_blank">
<img border="0" src="images/app_09.jpg" width="60" height="60"></a><br>
聖詩故事</td>
</tr>
<tr>
<td>
<p align="center">
<a href="https://health999.net/php/show_three.php" target="_blank">
<img border="0" src="images/app_10.jpg" width="60" height="60"></a><br>
今日三讀</td>
<td>
<p align="center">
<a href="http://health999.net/php/water_now.php" target="_blank">
<img border="0" src="images/app_11.jpg" width="60" height="60"></a><br>
今日甘泉</td>
<td>
<p align="center">
<a href="https://health999.net/php/show_song.php">
<img border="0" src="images/app_12.jpg" width="60" height="60"></a><br>
今日聖詩</td>
</tr>
<tr>
<td>
<p align="center">
<a href="learn.htm">
<img border="0" src="images/app_13.jpg" width="60" height="60"></a><br>
學習心得</td>
<td>
<p align="center">
<a href="today.php">
<img border="0" src="images/app_14.jpg" width="60" height="60"></a><br>
今日訊息</td>
<td>
<p align="center">
<a href="my_app.htm">
<img border="0" src="images/app_15.jpg" width="60" height="60"></a><br>
手機首頁</td>
</tr>
</table>
</body>
</html>
瀏覽器執行結果
網頁原始碼(*.htm)j為文字檔，任何文字編輯軟體均可使用。
記事本、VScode、Dreamwere、FrontPage等軟體常用。
Microsoft已經停用網頁設計工具 FrontPage，替代方案可用Wordpress網頁設計
我們僅用其網頁編輯功能，影響不大。
安裝FrontPage
app_tools資料夾點選 FrontPage 2003 資料夾
其中:
SerialNo.txt ...安裝授權密碼
SETUP ...開始安裝
安裝過程中依指示輸入授權密碼即可繼續，直到結束。
