Download presentation
Presentation is loading. Please wait.
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
網路概論 授課:方順展
Similar presentations
