資料處理

Transcript 資料處理

卷二之一
記錄過程，展現成果
上完這段課程，你將學會






為什麼要上這段課程。
製作簡易網頁(Homepage)。
製作PowerPoint投影片。
投影片製作的觀念與技巧。
如何有效的呈現你的作品。
把作品上網。
2
為什麼要學網頁製作




網頁可以從網際網路中擷取，機動性強。
網頁可以做為資料(文件)的索引與呈現。
經由Office軟體製作的文件都可以輕易放上
網頁。
網頁逐漸成為資料擷取的標準介面。
3
製作簡易網頁：了解環境





你所屬的Web Server 在哪裡？
你設計網頁的電腦在哪裡？
設計好的網頁放哪裡？
如何將設計好的網頁放置到網站？
如何查看網頁？
4
製作簡易網頁：了解環境
台北大學學生網站
http://tpnet.ntpu.edu.tw
At Airport
個人網頁(Homepages)
At Home
At School
INTERNET
其他網站
5
台北大學學生網站
http://tpnet.ntpu.edu.tw
INTERNET
你--編輯網頁
別人--觀賞網頁
Web Server
網頁存放處
6
製作簡易網頁：網頁製作三部曲

新製作或編輯網頁的工具




上傳編輯好的網頁到Web Server



使用Notepad、Frontpage、Dreamweaver、Word、、
或使用Webmail提供的線上編輯方式。
若是修改舊的網頁，需先下載網站上的網頁。
使用FTP軟體，如ws_ftp、cute_ftp、、、
或使用webmail的網頁上傳方式。
瀏覽網頁，確定網頁的呈現與構想無誤

使用IE(Internet Explorer)、Netscape、KKMan、、、
7
製作簡易網頁：製作與編輯網頁


什麼是網頁(Homepage)？
製作與編輯的方式：



純文件模式(編輯HTML文件)
圖形介面模式。(What you see is what you get.)
觀看網頁的方式與工具。




Internet Explorer
Netscape Comminicator
Kkman
……..
8
網頁語法：HTML(Hyper Text Markup Language)初識
<HTML>
<HEAD>

<TITLE>這是標題</TITLE> 
</HEAD>

<BODY>

這裡是本文區
</BODY>
</HTML>

9
製作簡易網頁：從編輯HTML文件開始




為何不從編輯軟體(FrontPage)學起？
瞭解 HTML的結構。
需要背HTML的語法嗎？
小兵力大功：Notepad 嘛ㄟ通。
10
製作簡易網頁：你的第一張網頁


瞭解學校提供網頁服務的規定。
你個人的網址(URL)




http://tpnet.ntpu.edu.tw:8080/~s491?????
http://ccc.ntpu.edu.tw/~s490?????
從模仿別人的網頁開始。
模仿誰的？怎麼模仿？
11
12
2
1
4
3
13
14
2
1
4
3
15
製作簡易網頁：網頁、HTML與瀏覽器
瀏覽器(Browser)
網頁內容的形成(HTML)
網頁內容的呈現
16
Your URL
What is this?
Here you are
17
18
19
20
製作簡易網頁：美化網頁、強化功能

從文字的變化開始。


簡單的排版


大小、顏色、字型、粗體、斜體、、的控制
跳行、位置、、、
超連結(Hyperlink)


網頁的骨幹。
頁頁相連、網網相牽的「元件」。
21
22
23
24
有關 tpnet 與 CCC 的規定



每個網站有其管理私人網頁的規定。
使用者必須遵守規定，才能順利讓他人從
Internet看到自己的網頁。
tpnet與 CCC 的規定不同。網址的結構也
不同。
25
網頁編輯軟體：FrontPage

使用FrontPage的優點




What You See Is What You Get(WYSIWYG)
自動產生HTML標籤。不需要懂HTML。
就像編輯一般文件一樣。
使用FrontPage的缺點


自動產生的HTML標籤非常複雜，不易辨識。
比較不容易複製他人的作品中的一部份。
26
上完這段課程，你是不是已經熟悉





遠端檔案的管理。
FTP的操作。
簡單網頁的製作。
網頁的存取及網站的架構。
藉由模仿他人的網頁，學習進一步的製作
技巧。
27

資料處理

Transcript 資料處理

Directory