SlideShare a Scribd company logo
1 of 37
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




                                                                     #01
N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski)
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•        "
• HTML CSS   "
• CMS                       "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•                                    "
• HTML + CSS                                     "
                                      OK"
   
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•                                                  "
      JavaScript   "
                                                                  "
• 
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•                  "
•    "


• 
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




事前条件	
                              事後条件
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•        "
•        "
             "
                     "
                 "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




         D

•            "
• 
     "
• 
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•            "
            "
                           "
•                              "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




• http://goo.gl/D0k8l"
•                                                 "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




• HTML CSS     "
• CMS                   "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




Hyper Text Markup Language (HTML)
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




HTML


• 
       "
•                                                         "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<em>               HTML</em>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<em>               HTML</em>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<em>               HTML</em>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<em>               HTML</em>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<em>               HTML</em>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<a href=“http://www.sfc.keio.ac.jp/”>"
     SFC                                       "
                </a>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




<a href=“http://www.sfc.keio.ac.jp/”>"
     SFC                                       "
                </a>
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




•        "
•    "
•                 "
•            "
•            "
•                 "
• 
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




1-1-1                                              "
        20                        "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




Cascading Style Sheets (CSS)
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




CSS

•                                                        "
                                  "
                                       "
•        HTML                 

                                                  "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




body{"
 font-family: “       ”, Meiryo, sans-serif;"
 font-size: 12pt;"
 color: #101010;"
 background-color: #fefefe;"
}"
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




body{"
 font-family: “       ”, Meiryo, sans-serif;"
 font-size: 12pt;"
 color: #101010;"
 background-color: #fefefe;"
}"
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




body{"
 font-family: “       ”, Meiryo, sans-serif;"
 font-size: 12pt;"
 color: #101010;"
 background-color: #fefefe;"
}"
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




      1-1-2                                      "
CSS                                          

N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




1-1-3                                     "
                                                "
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




WordPress
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




1-2
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22
N.Shimizu (chiko@sfc.keio.ac.jp / @chikoski)   2011/09/22




SFC-SFS

More Related Content

Similar to ronpro2011f01

論理思考とプログラミング2011s#10
論理思考とプログラミング2011s#10論理思考とプログラミング2011s#10
論理思考とプログラミング2011s#10
Noritada Shimizu
 
論理思考とプログラミング2011s#09
論理思考とプログラミング2011s#09論理思考とプログラミング2011s#09
論理思考とプログラミング2011s#09
Noritada Shimizu
 
メディア表現技法a2011 #05
メディア表現技法a2011 #05メディア表現技法a2011 #05
メディア表現技法a2011 #05
Noritada Shimizu
 
メディア表現技法a2011#03
メディア表現技法a2011#03メディア表現技法a2011#03
メディア表現技法a2011#03
Noritada Shimizu
 
メディア表現技法a 2011#04
メディア表現技法a 2011#04メディア表現技法a 2011#04
メディア表現技法a 2011#04
Noritada Shimizu
 

Similar to ronpro2011f01 (9)

論理思考とプログラミング2011s#10
論理思考とプログラミング2011s#10論理思考とプログラミング2011s#10
論理思考とプログラミング2011s#10
 
論理思考とプログラミング2011s#09
論理思考とプログラミング2011s#09論理思考とプログラミング2011s#09
論理思考とプログラミング2011s#09
 
ronpro2011s#11
ronpro2011s#11ronpro2011s#11
ronpro2011s#11
 
メディア表現技法a2011 #05
メディア表現技法a2011 #05メディア表現技法a2011 #05
メディア表現技法a2011 #05
 
Shukutoku ipl 2011_12
Shukutoku ipl 2011_12Shukutoku ipl 2011_12
Shukutoku ipl 2011_12
 
メディア表現技法a2011#03
メディア表現技法a2011#03メディア表現技法a2011#03
メディア表現技法a2011#03
 
メディア表現技法a 2011#04
メディア表現技法a 2011#04メディア表現技法a 2011#04
メディア表現技法a 2011#04
 
ronpro2011#12
ronpro2011#12ronpro2011#12
ronpro2011#12
 
Alloy20110909
Alloy20110909Alloy20110909
Alloy20110909
 

More from Noritada Shimizu

More from Noritada Shimizu (20)

20160803 devrel
20160803 devrel20160803 devrel
20160803 devrel
 
20160713 webvr
20160713 webvr20160713 webvr
20160713 webvr
 
20160601 devtools
20160601 devtools20160601 devtools
20160601 devtools
 
20150512 webgl-off-the-main-thread
20150512 webgl-off-the-main-thread20150512 webgl-off-the-main-thread
20150512 webgl-off-the-main-thread
 
20160428 html5jwebplat
20160428 html5jwebplat20160428 html5jwebplat
20160428 html5jwebplat
 
asm.js x emscripten: The foundation of the next level Web games
asm.js x emscripten: The foundation of the next level Web gamesasm.js x emscripten: The foundation of the next level Web games
asm.js x emscripten: The foundation of the next level Web games
 
Mozilla とブラウザゲーム
Mozilla とブラウザゲームMozilla とブラウザゲーム
Mozilla とブラウザゲーム
 
2016 gunma.web games-and-asm.js
2016 gunma.web games-and-asm.js2016 gunma.web games-and-asm.js
2016 gunma.web games-and-asm.js
 
20151224-games
20151224-games20151224-games
20151224-games
 
20151128 firefoxos-handson
20151128 firefoxos-handson20151128 firefoxos-handson
20151128 firefoxos-handson
 
20151117 devtools
20151117 devtools20151117 devtools
20151117 devtools
 
Inspection & Tweak: Firefox を使ったフロント開発
Inspection & Tweak: Firefox を使ったフロント開発Inspection & Tweak: Firefox を使ったフロント開発
Inspection & Tweak: Firefox を使ったフロント開発
 
20150822 osc-shimane
20150822 osc-shimane20150822 osc-shimane
20150822 osc-shimane
 
20150829 firefox-os-handson
20150829 firefox-os-handson20150829 firefox-os-handson
20150829 firefox-os-handson
 
20150829 firefox-os
20150829 firefox-os20150829 firefox-os
20150829 firefox-os
 
20150727 Development tools for Firefox OS apps
20150727 Development tools for Firefox OS apps20150727 Development tools for Firefox OS apps
20150727 Development tools for Firefox OS apps
 
Firefox OS でアプリを作るときに気をつけたい N 個のこと
Firefox OS  でアプリを作るときに気をつけたい N 個のことFirefox OS  でアプリを作るときに気をつけたい N 個のこと
Firefox OS でアプリを作るときに気をつけたい N 個のこと
 
Firefox OSアプリ開発ハンズオン(Hello World編)
Firefox OSアプリ開発ハンズオン(Hello World編)Firefox OSアプリ開発ハンズオン(Hello World編)
Firefox OSアプリ開発ハンズオン(Hello World編)
 
WebVR(html5j TV部、WebVRとかVRのUIとか勉強会)
WebVR(html5j TV部、WebVRとかVRのUIとか勉強会)WebVR(html5j TV部、WebVRとかVRのUIとか勉強会)
WebVR(html5j TV部、WebVRとかVRのUIとか勉強会)
 
Application submission, management and manetization in Firefox Marketplace
Application submission, management and manetization in Firefox MarketplaceApplication submission, management and manetization in Firefox Marketplace
Application submission, management and manetization in Firefox Marketplace
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

ronpro2011f01