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

Slides:



Advertisements
Similar presentations
管理科学与工程类专业 职业规划问题探讨 报告人 : 李增兵 67D103 , FTP : // 管理科学与工程学院.
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
新技术环境信息技术教师 面临的新挑战 西湖区教育信息与装备中心 郤云江.
第六章 网页设计与制作基础.
白玉苦瓜 余光中.
ASP.NET 網頁製作教本 -- 從基本語法學起
《计算机应用基础》 第七章 计算机网络基础与应用
班級:四服ㄧB 座號:40 指導老師:范靜媛老師 姓名:郭曼姿
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
姓名: 钱琬婷 学号: 0501W238 专业: 计算机科学与技术 指导教师: 陈家琪 教授
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
动态网页制作 第1章 HTML语言1.
第7章 表 格 清华大学出版社.
第三讲 站点链接与表格布局.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
Web图片搜索引擎设计 ——基于文本的图片信息提取.
网页图像动画与脚本编程 主讲:熊丽华.
实训十四、IE浏览器的基本应用.
网页 设计与制作.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
学习情境三:配置WEB服务器 服务器配置与管理.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
HTML 語法教學 授課:彭穎聰 老師.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
全球資訊網(WWW)簡介.
模块七 信息获取与发布 第8章 计算机网络信息的获取与发布.
数据访问页.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
CSS简介 WEB前端三剑客之二.
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
湖北职院计科系.
【PHP程式設計】 實作一:計算BMI.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 13 章 陣列應用.
PHP +MySQL快速入門 Lesson 4.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
中華技術學院 網頁設計研習會.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
网页制作与设计 主编 耿 杰 科学出版社.
HTML & CSS.
The Department of Education Technology
武汉纺织大学传媒学院 cm.wtu.edu.cn
W3C标准网页制作 主讲教师:张 涛.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
Web前端开发 第23章:网站发布 阮晓龙 / 河南中医药大学管理科学与工程学科
Open方法和close方法 主讲人:傅伟玉.
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
Prepared by : Au Kit Ming
全球資訊網(WWW) 6.1 什麼是WWW 6.2 WWW 伺服器與瀏覽器 6.3 WWW資源的存取
HTML 103 互動式網頁 助教:黃毓瑩.
高中 E 形象 數位果子科技有限公司 程建嘉.
XML備份MySQL資料庫 <html> <head>
交通大學圖書館教授兼副館長 新世代圖書館自動化系統發展趨勢 交通大學圖書館教授兼副館長.
從一本被卅三家出版社拒絕的書稿    變成有幾十部續集、行銷千萬冊的搶手叢書 《心靈雞湯》的出版就是活脫脫的勵志傳奇.
104年度 藝術與人文教學深耕計畫簡報 南投縣立集集國民中學 健康和諧 充滿活力 樂觀精進 追求卓越 溫馨成長 創作潛能
ASP动态网页设计实用教程 主讲教师:贾海陶.
第6章 框架实现多窗口网页.
閱讀調查- 書本不敵網路魅力 102王婉汝、莊雅鈞.
目 录: 一、网络存储系统的登录 二、网络存储系统的基本使用 三、学生提交作业功能的使用 四、教师开放资源功能的使用.
網頁設計實務- PHP 與資料庫整合.
分頁.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 12 章 迴圈指令.
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

網站(web) 授課:方順展

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

Web架構

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

Web

Web建立

網頁

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

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

Html編輯器(操作) 文字 段落 圖片 超連接 標籤 表格 http://www.fckeditor.net/demo

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

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

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

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

Html語言_超連結 <body> <p>超連結</p> <a href=“http://www.fgu.edu.tw/”> 絕對位置超連結</a> <p><a href=“speech/speech-5.htm”> 相對位置超連結</a> </body>

書籤

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

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

blog http://tw.blog.yahoo.com/ (yahoo) http://blog.yam.com/ yam天空 http://www.wretch.cc/blog/ (無名)

自已架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

網路概論 授課:方順展