1 / 21

網站 (web)

網站 (web). 授課 : 方順展. 網站運作模式. 網頁提供者將網頁放在 Server ( 伺服器 ) 上 , 而上網者則是透過網際網路來瀏覽網頁製作者所提供的網頁。我們通常把放置網頁的那一端稱為 伺服端 (Server 端 ) , 而上網的那一端稱為 客戶端 (Client 端 ). 資料庫. 要求. 回覆. Web 架構. 網站與網頁關係. 網頁. 多個網頁組合成一個網站. 網頁. 網頁. 超連結. 超連結. Web. Web 建立. 網頁. 原作業流程. 1frontpage 建立網站. 4. 利用 FTP 上傳.

nomlanga-horn
Download Presentation

網站 (web)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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編輯器(操作) • 文字 • 段落 • 圖片 • 超連接 • 標籤 • 表格 http://www.fckeditor.net/demo

  11. Html語言_主體&文字 <html> <head> <title>標題</title> </head> <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 • 網外之連結(絕對路俓) http://www.kimo.com.tw/ • 網頁內之連結(書籤)

  14. 相對路徑&絕對路徑 相對路徑: images/picture.jpg 絕對路徑:http://www.fgu.edu.tw/images/picture.jpg http://www.fgu.edu.tw/

  15. Html語言_超連結 <body> <p>超連結</p> <a href=“http://www.fgu.edu.tw/”> 絕對位置超連結</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天空 • http://www.wretch.cc/blog/ (無名)

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

  21. 網路概論 授課:方順展

More Related