網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.

Slides:



Advertisements
Similar presentations
發現生命的力量 — 陳樹菊阿嬤,來了 … 《不凡的慷慨》書籍賞析. 你所知道的陳樹菊  2010 《富比世》雜誌亞洲慈善英雄! 2010 美國《時代》雜誌最具影響力百大人物! 《讀者文摘》亞洲英雄!  導演李安﹕「她的生活稱不上富裕,仍然陸續捐贈 了將近一千萬台幣幫助數個不同的單位 … 」
Advertisements

第5章 表格的设计与 制作. 内容提要 表格的创建、编辑 表格的属性设置 特效表格的制作 布局表格的基本操作 表格和布局表格的应用.
Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
HyperText Markup Language
第六章 网页设计与制作基础.
白玉苦瓜 余光中.
网页设计与制作 教师姓名: 职务:.
ASP.NET 網頁製作教本 -- 從基本語法學起
第十一課 燭之武退秦師 《左傳》.
蘭亭集序 第一段 永和九年,歲在癸丑,暮春之初,會于會稽山陰之蘭亭,脩禊事也。群賢畢至,少長咸集。此地有崇山峻嶺,茂林脩竹,又有清流激湍,映帶左右。引以為流觴曲水,列坐其次。雖無絲竹管絃之盛,一觴一詠,亦足以暢敘幽情。
大型、高负载网站架构和应用初探.
第5章 HTML 標籤介紹.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
第五章:JDBC与数据库 第一讲.
第7章 表 格 清华大学出版社.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
网页 设计与制作.
Apache PHP MySQL 介紹與安裝設定 NIT 戴琬諭 NIT 林佳保.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
智慧雲屋物聯網設計 亞洲大學 資訊工程學系 學生:楊定宸、姚建名、李冠穎、賴宏緯 指導教授:蔡志仁教授
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第8章 信息获取与发布 《大学计算机基础》 桂林电子科技大学 陈辉金 适用教材:周娅等. 大学计算机基础.桂林:广西师范大学出版社,2013
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
性別透視鏡 鳳鳴電台 高宜君老師.
苏州大汇信息科技有限公司 招聘简介.
CDM Project Management Database Development
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
第二章 網際網路網頁的設計.
HTML.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
PHP程式設計 二、HTML & PHP基本語法 建國科技大學 資訊管理學系 饒瑞佶.
湖北职院计科系.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 9 章 常數.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
主講人:黃鎮榮 東方設計學院觀光與休閒事業管理系
Introduction to PHP part3
网站设计 前端 入门学习.
行政院研究發展考核委員會 【網頁無障礙設計】說明會
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
Ch.13 HTML網頁實作.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
Cloud (AWS) 產品放置 ex.巴士, 球場, 旅館 …. 客戶需求SW模組化 1.客製化需求 2.Web技術
操作資料庫 教授:楊維邦 教授 助教:黃存賢 陳廷宣.
主讲:陶建平 华中科技大学网络与计算中心
Python联合服务器的使用.
W3C标准网页制作 主讲教师:张 涛.
电子商务专业课程 电子商务应用技术 Application of Technology On Electronic Commerce.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 3 章 安裝 WebServ.
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
PHP 5與MySQL5 入門學習指南 凱文瑞克 著 第 1 章 PHP簡介.
分布式入侵检测系统 及其在多园区校园网中的应用
網站(web) 授課:方順展.
布局大师——表格.
HTML大探索.
ASP动态网页设计实用教程 主讲教师:贾海陶.
第一章 十九世紀的民族主義.
國立臺灣海洋大學校友聯絡網 資料補全計畫 班級聯絡人操作手冊.
表格 (Table).
分頁.
第2章 块级标签 经济管理学院.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 12 章 迴圈指令.
第1章 WWW和LAMP基本觀念.
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14

基本觀念 Q:何謂WWW? Ans: World Wide Web,譯為”全球資訊網”,目前在全球資訊網裡的文件都是由 HTML﹝Hyper Text Markup Language﹞ 所組成。

HTML 1.建構網頁最基礎的技術,又稱為超文 字標記語言 2.可用FrontPage、Dreamweaver、 Notepad編輯 3.副檔名 .htm 或 .html

基本結構 兩大部分: 文件標頭跟文件主體 <HTML> <HEAD><TITLE>標題文字</TITLE></HEAD> <BODY> ……. </BODY> </HTML> 兩大部分: 文件標頭跟文件主體

1.背景 <BODY bgcolor=XXXX>….</BODY> 2.換行 <BR> 3.版面編排 <P align=center>XXXX</P> 4.文字格式 <FONT 屬性=XX >XXXX</FONT> face – 字型 size – 1-7 color – 顏色

5.超連結 <a href=“”>XXXX</a> 練習: 試著用剛剛交的指令做出一個可以連結到GOOGLE跟純真的網頁,內容可多變化。 參考網址: http://www.neemy.com/html/

表格 1.四標籤 : <TABLE>、<TH>、<TR>、 <TD> 語法如下 : <TR><TD></TD></TR> </TABLE>

2.屬性 : border – 框線厚度 cellspacing – 框線寬度 cellpadding – 內層距離 EX: 1*1表格 <TABLE BORDER=“1”> <TR> <TD>房間一</TD> </TR> </TABLE>

試著做出3*3表格,厚3,有黃色框線,藍色背景。 練習 : 試著做出3*3表格,厚3,有黃色框線,藍色背景。 ANS: <TABLE bordercolor=yellow bgcolor=blue border=“3”> <TR><TD>1</TD><TD>1</TD><TD>1</TD></TR> <TR><TD>2</TD><TD>2</TD><TD>2</TD></TR> <TR><TD>3</TD><TD>3</TD><TD>3</TD></TR> </TABLE>

進階版 <html> <body> <table border=2> <TR> <TH rowspan=2 valgin=bottom>姓名</TH> <TH colspan=2>基本資料</TH> </TR> <TR><TH>居住地</TH><TH>年齡</TH></TR> <TR> <TD>董XX</TD> <TD>屏東</TD> <TD>20</TD> <TR> <TD>朱XX</TD> <TD>台中</TD> <TR> <TD>魏XX</TD> <TD>台北</TD> </table></body></html>

開始安裝

PHP 免費!! Linux 免費!! MySQL 免費!! Apache 免費!! 小小故事 : LAMP-Linux,Apache,MySQL+PHP, 是目前穩定又高效能的組合。 原因為何?? PHP 免費!! 共花你零毛錢,當然是高效能的組合!!不過大家對Linux系統並不純熟,所以以下我們還是介紹在Windows的安裝過程!! Linux 免費!! MySQL 免費!! Apache 免費!!

那就開始安裝吧!!

Apache安裝檔: apache_2.0.55-win32-x86-no_ssl.msi PHP安裝檔: php-5.1.2-installer.exe 模組壓縮包: php-5.1.2-Win32.zip MySQL安裝檔: mysql-5.0.18-win32.zip 監控程式: mysql-administrator-1.1.7-win.msi 管理程式: phpMyAdmin-2.8.2.4.rar(使用前提:必須已架設 Apache&PHP完成)

安裝教學網頁 http://www.cc.ncu.edu.tw/~w3meng/train95/erichsu/html_doc/

安裝流程 1.安裝APACHE 2.安裝PHP 3.安裝MYSQL 4.安裝PHPMYADMIN

「靜態」VS.「動態」  Q:我們要用 PHP 做什麼? 最簡單的目的是為了要產生「動態」的網頁。

Q:如何產生動態網頁? 加入存取資料庫的語法,使這個網頁能自動從資料庫擷取最新資訊的話,那麼它就是個「動態」的網頁了

練習:那什麼是資料庫呢?? 資料庫系統 1.使用者 – 服務對象 2.資料 – 主要內容 3.軟體 – 管理系統( MySQL 等) 4.硬體 - PC

靜態

動態

綜述 .html 的網頁會被 Web Server 直接送出,.php 的網頁會先經 PHP Engine 處理再送出。 4.PHP 是一種內嵌式的語言,它被嵌入 HTML 碼 之中,彌補純 HTML 碼無法進行運算處理的缺 憾。

每段PHP程式碼的開頭必須加入<?php, 在結尾的地方加上 ?>。 2.每一個命令句必須以分號;作結束。 http://php.igt.com.tw/unit_102.htm

課後練習 至PHP官方網站逛一下吧!!! www.php.net