社區教育培訓網站：社區網頁製作與網站管理課程10jj03-02
[回首頁]、[本編目錄]、[上一編]、[下一編]
第二週、HTML程式語言簡介
課程教師：鄭錦德
一、檔案總管的設定
- 設定檔案總管讓檔案的「副檔名」都會出現
- 檔案總管→檢視→資料夾選項→檢視→隱藏已知檔案類型的副檔名(不隱藏副檔名所以不選、不用 打勾，這樣副檔名就會出現)
二、上傳網頁
- 發放帳號與密碼：帳號位於青草湖社區大學工作站，工作站的IP是163.19.105.101，網域名稱是www.bamboo.hc.edu.tw
- 網頁編輯、上傳、出版流程簡介
- WS_FTP95.exe程式下載
- WS_FTP95.exe程式安裝
- FTP程式的功用
- 利用FTP程式上傳網頁到網路上
- 用瀏覽器檢視網頁，網址初步介紹
- FTP程式安裝與下載，請參看電腦生活與網際網路介紹教材「第十六章、網路原理初探--網路世界的資料傳輸」
三、WWW基本概念介紹
請參看電腦生活與網際網路介紹教材「第十四章、網路是一種多媒體1(WWW)--各類網站簡介」
- WWW的服務與使用
- HTTP通訊協定
- 工作站Vs.個人電腦、WWW服務程式(WWW Server) Vs. WWW用戶程式(WWW Client)
- 檔案系統、WWW的檔案系統，帳號的概念
- 網頁的檔案格式(副檔名為.html，而不是.htm。.htm是微軟自己搞出來的規格壟斷的把戲之一)
- 超連結(Hyperlink)、超文件(Hypertext)
- 網址、資源位址(URL)的概念
- HTML是什麼？
- 首頁的概念，index.html的概念
- FTP網頁的概念再一次說明
四、網頁文章的基本結構
一篇文章的基本結構如下：
標題作者區
- 標題 header1
- 作者 p
- 日期 p
本文區
- 標題2(章節或大小標) header2
- 標題3(章節或大小標) header3
- 標題4(章節或大小標) header4
- 標題5(章節或大小標) header5
- 標題6(章節或大小標) header6
- 內文(段落) p
- 引言 blockquote
- 無碼條列 ul
- 有碼條列 ol
- 定義式條列 dl
- 表格 table
- 插圖 img
連絡資料
- 出版單位與連絡資料
五、HTML基本概念介紹
- HTML是什麼？HTML和DOC一樣是一種文書處理的檔案格式。
- 一篇文章的.doc檔案編排練習：
- 已經編排好的文章：doc-demo.doc
- 原始未編排文章：doc-practice.doc
- 同一篇文章的.html檔案編排練習：
- 已經編排好的文章：document-demo.html
- 原始未編排文章：document-practice.html
- 從文章的結構了解HTML：偷偷的看一下原始碼
六、HTML程式語言
HTML基本上，是一種標記語言，經由簡單的文字編輯器，如記事本再經由瀏覽器等工具的處理，就可以完成一張網頁了。
<HTML>宣告為HTML文件</HTML>
在每一份HTML文件的開頭與結束都應該宣告這份文件為HTML
<HEAD>檔頭宣告</HEAD>
通常把放置一些宣告的資料，如Script或Title
<Title>標題</Title>
宣告HTML標題
<Body>文件本體</Body>
就是文章內容了
七、本週課程重點
- FTP下載、安裝及功能
- www基本概念
- 文章的結構
- HTML程式語言的認識
八、本週習題作業
- 閱讀：
- 《看圖例學HTML》，1-25頁
- 《FRONTPAGE 2000 中文版學習手冊》，1-44頁
- 《青草湖社區大學「電腦生活與網際網路介紹」教材》
- 網站規劃研究與青草湖社區大學網站製作：「電腦生活與網際網路介紹」F組學員實習成果
- 規劃自己的網站架構與內容：先將上述的參考資料閱讀後，並仔細的觀察各位覺得滿意的網站，然後寫一篇網站架構規劃書，將自己網站內容的大綱仔細的規劃出，下星期上課時繳交讓老師批改(以.html或是.doc格式檔案繳交)。這學期將逐步的完成各位的網站。
mailto:jdz@mail.bamboo.hc.edu.tw