Presentation is loading. Please wait.

Presentation is loading. Please wait.

網站(web) 授課:方順展.

Similar presentations


Presentation on theme: "網站(web) 授課:方順展."— Presentation transcript:

1 網站(web) 授課:方順展

2 網站運作模式 網頁提供者將網頁放在 Server (伺服器) 上, 而上網者則是透過網際網路來瀏覽網頁製作者所提供的網頁。我們通常把放置網頁的那一端稱為伺服端 (Server端), 而上網的那一端稱為客戶端 (Client端) 資料庫 要求 回覆

3 Web架構

4 網站與網頁關係 網頁 多個網頁組合成一個網站 網頁 網頁 超連結 超連結

5 Web

6 Web建立

7 網頁

8 原作業流程 1frontpage建立網站 4.利用FTP上傳 3.學校空間 2網頁

9 現較直接製作方法 資料庫 利用IE編輯 schoolpad 利用IE編輯

10 Html編輯器(操作) 文字 段落 圖片 超連接 標籤 表格

11 Html語言_主體&文字 <html> <head> <title>標題</title>
<body> <p>文字</p> <p><font color="#FF0000">文字</font> </body> </html>

12 Html語言_圖片 <body> <p>圖片</p>
<p><img src=“images/picture.gif” width="369" height="343"> </body>

13 超連結 什麼是超連結 超連結種類 網站內之連結(相對路俓) newpage/images/fgu2.gif 網外之連結(絕對路俓)
網頁內之連結(書籤)

14 相對路徑&絕對路徑 相對路徑: images/picture.jpg
絕對路徑:

15 Html語言_超連結 <body> <p>超連結</p>
<a href=“ 絕對位置超連結</a> <p><a href=“speech/speech-5.htm”> 相對位置超連結</a> </body>

16 書籤

17 Html語言_表格 <body> <p>超連結</p>
<table border="1" width="100%" height="34"> <tr> <td width="100%" height="28">表格</td> </tr> </table> </body>

18 什麼是blog blog 是由 weblog 縮寫而來產生的
「一個weblog只不過是一個按照時間順序整理的網站。weblog所代表的並不是人類溝通交流方式上新發明的概念 一個提供不拘形式的寫日記、發布消息、自由貼圖、方便修改版面,針對單篇文章標示出引用網址(trackback/ping)、迴響留言(comment)、串聯(rss)的網站。

19 blog http://tw.blog.yahoo.com/ (yahoo) http://blog.yam.com/ yam天空
(無名)

20 自已架blog Server (SPHPBlog)是一個個人部落格軟體,你可以使用Simple PHP Blog在你的伺服器上架設你自己的部落格,2004年由Alexander Palmo製作與維護,SPHPBlog跟其他知名部落格軟體如Wordpress,Movable Type或Life Type 比起來,最大的特點是不需要資料庫,使用純文字檔案儲存內容,程式輕巧安裝簡單,基本功能如RSS Feeds,留言,文章分類,Trackback,防Spam,圖片上傳,佈景配色等均有,適合想使用簡單好用的部落格系統的人使用,目前在全球均有小眾使用者。 程式:sphpblog zip Php:php Win32.zip 文書編輯:EditPlus

21 網路概論 授課:方順展


Download ppt "網站(web) 授課:方順展."

Similar presentations


Ads by Google