SlideShare a Scribd company logo
1 of 49
Download to read offline
1. HTML ( )
2. PHP ( )
3. CSS ( )
• C/C++( )
• Java( )
• JavaScript( )
• PHP( )
• Python( , )
• Ruby
• C#( )
• Objective-C( iphone, MAC )
http://www.darkthread.net/photos/2583-5a03-o.png
Sublime Text 3
https://www.sublimetext.com/3
Sublime Text 3
• Package Control ( )
• Emmet ( !)
http://blog.miniasp.com/post/2014/01/06/Useful-tool-Sublime-Text-3-Quick-Start.aspx
HTML
• HTML
•
• <> (
)
HyperText Markup
Language
• Hypertext:
• Markup
HTML
• < > (tag)
• < > .
• tag <html> tag </html>
•
<A>
<B>
</B>

</A>

<C>
</C>
HTML
index.html body title
HTML
http://www.w3schools.com/html/html_form_input_types.asp
form( )
<form action=“ PHP " method="GET">
<input type="text" name=“my_name">
<input type="password" name="pwd">
<input type="submit" value="Submit">
</form>
POST
form
3
•
•
•
PHP
• $ ex: $a
• ex: $b
• ex: $a $A
• $I_love_you $Taiwan_no_1
PHP
$a = 3; // ( )
$b = $a + 4; // b = 7
echo $b; //7
$c = “This is PHP course.”;
echo $c; // This is PHP course.
$d = “Second sentence.”
$e = $c.$d; //This is PHP course.Second sentence.
echo $e; // This is PHP course.Second sentence.
$f = $b.$e; //7This is PHP course.Second sentence.
• $a = 3, $b = 5 $a+$b, $a*$b
• $c=“ccc”, $d=“ddd” $c.$d
• add.php add.php $_POST
append
•
c = ( a, b );
a:
b:
c:
• http://localhost/phpmyadmin/
• root
( )
• (o_id, amount, description,
datetime)
•
• SQL
—
結構化查詢語⾔(英語:Structured Query Language,縮寫:SQL)
http://webdesign.kerthis.com/sql/
CRUD
• (Create)
• (Read)
• (Update)
• (Delete)
customers
INSERT INTO `customers` (`C_Id`, `Name`, `City`)
VALUES (3, ' ', ' ');
INSERT INTO
[ ]
( 1, 2, 3, ...)
VALUES
( 1, 2, 3, ...)
customers
SELECT `Name`, `Phone` FROM `customers`
SELECT 1, 2,···
FROM ;
SELECT *
FROM ;
phpmyadmin SQL
PHP
<?php
$mysqli = new mysqli('localhost', 'root', '','0304');
if ($mysqli->connect_errno) {
echo "Errno: " . $mysqli->connect_errno . "n";
echo "Error: " . $mysqli->connect_error . "n";
exit;
}
mysql_query("SET NAMES 'utf8'");
?>
PHP SQL
$sql = sprintf("INSERT INTO
`tally_book`( `amount`, `description`) VALUES
('%s','%s')",$_POST['amount'],
$_POST['description']);
$result = $mysqli->query($sql);
if($result){
echo " ";
}else{
echo " ";
}
• show.php
• table
HTML
HTML
CSS 1
color:red;
background-color:blue;
font-size:large;
font-size:30px;
CSS 2
<style>
.aaa {
color:#FF0000;
}
</style>
<p class=“aaa"> Class </p>
CSS 3
<style>
#footer {
color:#FF00FF;
}
</style>
<p id="footer"> ID </p>
index.html
• 















index.html
• 

http://voky.com.ua/showcase/sky-forms/
examples/img/bg-cyan.jpg
• img/bg-cyan.jpg
index.html
index.html
<input
class="sky_input"
type="number"
value="5566"
name="amount"><br>



<input
class="sky_input"
type="text"
name=“description"><br>



<input class="button"
type="submit" value="
">
<div class="sky_form">
<form action="add.php" method="post">
<table>
<tbody>
<tr>
<td class="fist_col"> </td>
<td><input class="sky_input" type="number"
value="5566" name="amount"></td>
</tr>
<tr>
<td class="fist_col"> </td>
<td><input class="sky_input" type="text"
name="description"></td>
</tr>
<tr>
<td class="fist_col"></td>
<td><input class="button" type="submit" value="
"></td>
</tr>
</tbody>
</table>
</form>
</div>
index.html(CSS)
CSS



https://gist.github.com/anonymous/5c65dce60bde84bfe508
http://codepen.io/tjoen/pen/LEpeq/
http://codepen.io/tjoen/pen/LEpeq/
CSS css/responstable.css
• <table> class=“responstable”















show.php 

https://gist.github.com/anonymous/3ed91df764e868f0ab7b

More Related Content

What's hot

Evrone.ru / BEM for RoR
Evrone.ru / BEM for RoREvrone.ru / BEM for RoR
Evrone.ru / BEM for RoR
Dmitry KODer
 
How to learn j query
How to learn j queryHow to learn j query
How to learn j query
Baoyu Xu
 

What's hot (20)

Pp checker
Pp checkerPp checker
Pp checker
 
Make your own wp cli command in 10min
Make your own wp cli command in 10minMake your own wp cli command in 10min
Make your own wp cli command in 10min
 
Perl5i
Perl5iPerl5i
Perl5i
 
Mojolicious on Steroids
Mojolicious on SteroidsMojolicious on Steroids
Mojolicious on Steroids
 
Emmet cheat-sheet
Emmet cheat-sheetEmmet cheat-sheet
Emmet cheat-sheet
 
Mojolicious - A new hope
Mojolicious - A new hopeMojolicious - A new hope
Mojolicious - A new hope
 
Coders4Africa Talk
Coders4Africa TalkCoders4Africa Talk
Coders4Africa Talk
 
18. images in symfony 4
18. images in symfony 418. images in symfony 4
18. images in symfony 4
 
I use drupal / 我是 OO 師,我用 Drupal
I use drupal / 我是 OO 師,我用 DrupalI use drupal / 我是 OO 師,我用 Drupal
I use drupal / 我是 OO 師,我用 Drupal
 
Ubi comp27nov04
Ubi comp27nov04Ubi comp27nov04
Ubi comp27nov04
 
Login and Registration form using oop in php
Login and Registration form using oop in phpLogin and Registration form using oop in php
Login and Registration form using oop in php
 
Add loop shortcode
Add loop shortcodeAdd loop shortcode
Add loop shortcode
 
Evrone.ru / BEM for RoR
Evrone.ru / BEM for RoREvrone.ru / BEM for RoR
Evrone.ru / BEM for RoR
 
Doing more with LESS
Doing more with LESSDoing more with LESS
Doing more with LESS
 
Ch1(introduction to php)
Ch1(introduction to php)Ch1(introduction to php)
Ch1(introduction to php)
 
wp cli
wp cliwp cli
wp cli
 
Sencha Touch
Sencha TouchSencha Touch
Sencha Touch
 
JavaFXで開く新世代GUI
JavaFXで開く新世代GUIJavaFXで開く新世代GUI
JavaFXで開く新世代GUI
 
Componentization css angular
Componentization css angularComponentization css angular
Componentization css angular
 
How to learn j query
How to learn j queryHow to learn j query
How to learn j query
 

Viewers also liked

Viewers also liked (20)

React js入門教學
React js入門教學React js入門教學
React js入門教學
 
[內子宮讀書會]用直銷方法找伴侶+找工作+程式教學
[內子宮讀書會]用直銷方法找伴侶+找工作+程式教學[內子宮讀書會]用直銷方法找伴侶+找工作+程式教學
[內子宮讀書會]用直銷方法找伴侶+找工作+程式教學
 
離開直銷後,我如何應用精華在找工作、找伴侶及生活上
離開直銷後,我如何應用精華在找工作、找伴侶及生活上離開直銷後,我如何應用精華在找工作、找伴侶及生活上
離開直銷後,我如何應用精華在找工作、找伴侶及生活上
 
用直銷模式做程式教學
用直銷模式做程式教學用直銷模式做程式教學
用直銷模式做程式教學
 
PHP教材
PHP教材PHP教材
PHP教材
 
前端爆肝之旅+React上山前的小專案心得分享
前端爆肝之旅+React上山前的小專案心得分享前端爆肝之旅+React上山前的小專案心得分享
前端爆肝之旅+React上山前的小專案心得分享
 
初探Rails投影片
初探Rails投影片初探Rails投影片
初探Rails投影片
 
Html
HtmlHtml
Html
 
教學課程Pdf備份
教學課程Pdf備份教學課程Pdf備份
教學課程Pdf備份
 
APP Development Learning Experience Share - AppCoda
APP Development Learning Experience Share - AppCodaAPP Development Learning Experience Share - AppCoda
APP Development Learning Experience Share - AppCoda
 
TrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTWTrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTW
 
Opensource 是人生的好朋友 2016-07-21
Opensource 是人生的好朋友 2016-07-21Opensource 是人生的好朋友 2016-07-21
Opensource 是人生的好朋友 2016-07-21
 
PHP WEB 应用组织与结构
PHP WEB 应用组织与结构PHP WEB 应用组织与结构
PHP WEB 应用组织与结构
 
從 Php unit 到 ci 持續整合
從 Php unit 到 ci 持續整合從 Php unit 到 ci 持續整合
從 Php unit 到 ci 持續整合
 
Grpc go-in-php
Grpc go-in-phpGrpc go-in-php
Grpc go-in-php
 
Flexbox版面配置
Flexbox版面配置Flexbox版面配置
Flexbox版面配置
 
寫出高性能的服務與應用 那些你沒想過的事
寫出高性能的服務與應用 那些你沒想過的事寫出高性能的服務與應用 那些你沒想過的事
寫出高性能的服務與應用 那些你沒想過的事
 
UI guide Example
UI guide ExampleUI guide Example
UI guide Example
 
從 LASS 到空氣盒子 - 談網路公民科學的實踐與未來
從 LASS 到空氣盒子 - 談網路公民科學的實踐與未來從 LASS 到空氣盒子 - 談網路公民科學的實踐與未來
從 LASS 到空氣盒子 - 談網路公民科學的實踐與未來
 
React踩雷大作戰
React踩雷大作戰React踩雷大作戰
React踩雷大作戰
 

Similar to PHP記帳網頁教材(第一頁是空白的)

Speed up your developments with Symfony2
Speed up your developments with Symfony2Speed up your developments with Symfony2
Speed up your developments with Symfony2
Hugo Hamon
 
02 banking trojans-thomassiebert
02 banking trojans-thomassiebert02 banking trojans-thomassiebert
02 banking trojans-thomassiebert
geeksec80
 

Similar to PHP記帳網頁教材(第一頁是空白的) (20)

The top 10 security issues in web applications
The top 10 security issues in web applicationsThe top 10 security issues in web applications
The top 10 security issues in web applications
 
Windows Server 2008 (PowerShell Scripting Uygulamaları)
Windows Server 2008 (PowerShell Scripting Uygulamaları)Windows Server 2008 (PowerShell Scripting Uygulamaları)
Windows Server 2008 (PowerShell Scripting Uygulamaları)
 
Go Web Development
Go Web DevelopmentGo Web Development
Go Web Development
 
Whatever it takes - Fixing SQLIA and XSS in the process
Whatever it takes - Fixing SQLIA and XSS in the processWhatever it takes - Fixing SQLIA and XSS in the process
Whatever it takes - Fixing SQLIA and XSS in the process
 
DEF CON 27 -OMER GULL - select code execution from using sq lite
DEF CON 27 -OMER GULL - select code execution from using sq liteDEF CON 27 -OMER GULL - select code execution from using sq lite
DEF CON 27 -OMER GULL - select code execution from using sq lite
 
Apache mod authまわりとか
Apache mod authまわりとかApache mod authまわりとか
Apache mod authまわりとか
 
Performance patterns
Performance patternsPerformance patterns
Performance patterns
 
前端概述
前端概述前端概述
前端概述
 
null Bangalore meet - Php Security
null Bangalore meet - Php Securitynull Bangalore meet - Php Security
null Bangalore meet - Php Security
 
Api
ApiApi
Api
 
2009年终总结(张庆城)
2009年终总结(张庆城)2009年终总结(张庆城)
2009年终总结(张庆城)
 
Workshop quality assurance for php projects tek12
Workshop quality assurance for php projects tek12Workshop quality assurance for php projects tek12
Workshop quality assurance for php projects tek12
 
php
phpphp
php
 
Basics of html5, data_storage, css3
Basics of html5, data_storage, css3Basics of html5, data_storage, css3
Basics of html5, data_storage, css3
 
Speed up your developments with Symfony2
Speed up your developments with Symfony2Speed up your developments with Symfony2
Speed up your developments with Symfony2
 
02 banking trojans-thomassiebert
02 banking trojans-thomassiebert02 banking trojans-thomassiebert
02 banking trojans-thomassiebert
 
Django - Framework web para perfeccionistas com prazos
Django - Framework web para perfeccionistas com prazosDjango - Framework web para perfeccionistas com prazos
Django - Framework web para perfeccionistas com prazos
 
Jquery fundamentals
Jquery fundamentalsJquery fundamentals
Jquery fundamentals
 
Rails Security
Rails SecurityRails Security
Rails Security
 
An introduction to PHP 5.4
An introduction to PHP 5.4An introduction to PHP 5.4
An introduction to PHP 5.4
 

Recently uploaded

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 

PHP記帳網頁教材(第一頁是空白的)