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

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Recently uploaded (20)

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
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
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...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 

ronpro2011f01