Size: px
Start display at page:

Download "2 1 4 1.1............................................. 4 1.2............................................. 4 1.3......................................."

Transcription

1 19 CMS Web

2 Plone Windows Debian

3 Web Plone workflow folder workflow ( ) ( ) ( ) google

4 Web Web Web Web HTML *1 1.2 Web CMS *2 Zope *3 Web Plone *4 ( 1.3 ) HTML Web Plone Plone Zope Web [1]-[5] *1 HyperText Markup Language *2 Content Management System *3 Python Web CMS *4 CMS Web

5 HTML Web CMS (Contents Management System) Web CMS Plone CMS Web CMS Plone Web FTP *5 Web Plone Zope Zope Web Plone Zope 1 ( ) ( 1.1). Plone Zope Plone Zope CMF Python Plone CMF Zope final Python *5 File Transfer Protocol ( )

6 Plone Zope 1.4 IP *6 *7 Web [6] Windows Linux OS Linux Plone Plone Web *8 Plone *6 *7 ( ) *8 Plone

7 7 2 Plone Plone OS OS OS 2.1 Windows Plone exe 2. Plone exe 3. next ( 2.1) 2.1 Welcome to the Plone Setup Wizard 4. I accept the agreement ( 2.2)

8 8 2 Plone 2.2 License Agreement 1 5. Next ( 5) 2.3 License Agreement 2 6. Plone Next. C Program Files Plone2 ( 2.4)

9 2.1 Windows Select Destination Location 7. Account name: administer admin Password: Confirm Password: Next ( 2.5) 2.5 Enter a password 8. Install ( 2.6)

10 10 2 Plone 2.6 Ready to install 9. finish ( 2.7) 2.7 Completing the Plone Setup Wizard Plone Controller [ ] [ ] [Plone] [Plone] ( 2.8) 2.8 Plone

11 2.1 Windows start ( 2.9) 2.9 Plone controller 1 3. View Plone Plone ( 2.10) Zope Management Interface ZMI ( 2.11) * Plone 2.11 ZMI Plone Controller [ ] [ ] [Plone] [Plone] 2. Plone Controller( 2.12) Stop *1 ZMI 2.1.1

12 12 2 Plone 2.12 Plone controller Debian Plone UnifiedInstaller.tgz 2. tar zxvf Plone UnifiedInstaller.tgz 3. Plone UnifiedInstaller cd Plone UnifiedInstaller 4. sudo./install.sh sudo cat /opt/plone-2.5.4/adminpassword.txt

13 2.2 Debian Debian sudo /opt/plone-2.5.4/zeocluster/bin/startcluster.sh sudo /opt/plone-2.5.4/zeocluster/bin/shutdowncluster.sh sudo /opt/plone-2.5.4/zeocluster/bin/restartcluster.sh Debian Plone 1. ZMI ( 2.14) 2.2.1

14 14 2 Plone 2.14 ZMI 2. ZMI Root Folder acl users users password Update Password ( 2.15) 2.15

15 15 3 Plone Web Plone Plone 3.1 Plone 1. ZMI 2. RootFolder 3. Add Plone Site Add ( 3.1) 3.1 Plone 4. Id Plone OK( 3.2)

16 Plone 5. test Web Plone Web ( 3.3)

17 ( 3.2) 3.4

18 Plone Plone Plone ( ) ( 3.5) E

19 E Plone E ( 3.7) URL ( 3.8) 3.8

20 ( ) ( 3.9) ( 3.10)

21 ( 3.11) ( ) Plone

22 ,2,3 2. ( 3.12) ( 3.13) E 8.

23 Plone ( 3.15)

24 * HTML Kupu ( 3.17) Plone *1????

25 Kupu 3.1 Kupu ( 3.18) *2 *2 WWW HTML

26

27

28 ( ) URL * E ( ) *3 Uniform Resource Locator

29

30 ( )

31

32 (GIF,JPEG,PNG ) ( ) 3.22

33 PDF Word ( ) 3.23

34 URL 5. ( )

35

36 36 4 Web Plone Plone Web Web, Web ( 4.1) 4.1 Web Web

37 Plone Plone workflow folder workflow Plone workflow Plone workflow 3.3 (Reviewer) folder workflow folder workflow Plone workflow 4.2 ( ) Plone ( ) Members Reviewer Manager 4.1

38 38 4 Web ( ) ,2,3 2. ( 4.2) ( 4.3)

39 4.2 ( ) ( ) ( ) ,2 2. ( 4.4)

40 40 4 Web 4.4 ( ) 3.

41 41 5 Plone Plone base properties CSS *1 Plone base properties Plone CSS base properties CSS 5.1 Plone 5.1 Plone *1 Cascading Style Sheets HTML XML W3C

42 Plone 5.1 Plone 5.1 Web Web Illustrator Adobe Photoshop Elements3.0 [7]-[9]

43 portal skins (Controls skin behaviour (search order etc)) custom Add Image Add.( 5.3) Id Title File Add ( 5.4) ( 5.5) 5.5 custom

44 44 5 Plone portal skins (Controls skin behaviour (search order etc)) custom 3. portal skins (Controls skin behaviour (search order etc)) plone styles base properties (Plone s color, font, logo and border defaults) 4. Customize ( 5.6) 5.6 custom 5. logoname SaveChanges ( 5.7) 5.7 custom ( 5.8) 5.8 Base Protaties Base Propaties Plone ( 5.2) Color White Black

45 *2 [10][11] 5.2 Base Propaties ZMI Properties 2. left slots right slots ( 5.9) *2 #00ffcc # 6

46 left slots right slots ( 5.3) portal membership (Handles membership policies) 2. Actions 3. Title Logged in Visible? Save ( 5.10)

47 Title log in log in My Folder My favorites portal registration (Handles registration of new users) 2. join Save ( 5.11) Web CSS CSS 1. ZMI portal skins (Controls skin behaviour (search order etc)) plone styles plonecustom.css (Plone Custom CSS)

48 plonecustom.css (Plone Custom CSS) Customize ( 5.12) 5.12 plonecustom.css portal skins (Controls skin behaviour (search order etc)) custom plonecustom.css (Plone Custom CSS) Plone CSS portal skins (Controls skin behaviour (search order etc)) plone styles base.css (Plone Base Elements CSS) public.css (Plone Public-facing Elements CSS) CSS Plone CSS plonecustom.css (Plone Custom CSS) CSS portal skins (Controls skin behaviour (search order etc)) custom plonecustom.css (Plone Custom CSS) 3. Plone CSS portal skins (Controls skin behaviour (search order etc)) custom plonecustom.css (Plone Custom CSS) 5.13 CSS HTML [12]

49 plonecustom.css ( ) ( ) 20 portal tabs back.gif ( 5.14) 5.14 portal tabs back.gif 2. portal skins (Controls skin behaviour (search order etc)) custom 3. CSS portal skins (Controls skin behaviour (search order etc)) plone styles public.css (Plone Public-facing Elements CSS) /* The global section tabs. */ plonecustom.css (Plone Custom CSS) 4. CSS

50 /* The global section tabs. */ 2 #portal-globalnav { 3 background-color: transparent; 4 padding: 0em 0em 0em 2em; 5 white-space: nowrap; 6 list-style: none; 7 margin: 0; 8 height: auto; 9 line-height: normal; 10 } 11 #portal-globalnav li a { 12 /* The normal, unselected tabs. They are all links */ 13 background-color: transparent; 14 border-color: &dtml-globalbordercolor;; 15 border-width: &dtml-borderwidth;; 16 border-style: &dtml-borderstyle; &dtml-borderstyle; none &dtml-borderstyle;; 17 color: &dtml-globalfontcolor;; 18 height: auto; 19 margin-right: 0.5em; 20 padding: 0em 1.25em; 21 text-decoration: none; 22 text-transform: &dtml-texttransform;; 23 } 24 #portal-globalnav li.selected a { 25 /* The selected tab. There s only one of this */ 26 background-color: &dtml-globalbackgroundcolor;; 27 border: &dtml-borderwidth; &dtml-borderstyle; &dtml-globalbordercolor;; 28 border-bottom: &dtml-globalbackgroundcolor; &dtml-borderwidth; &dtml-borderstyle;; 29 color: &dtml-globalfontcolor;; 30 } 31 #portal-globalnav li a:hover { 32 background-color: &dtml-globalbackgroundcolor;; 33 border-color: &dtml-globalbordercolor;; 34 border-bottom-color: &dtml-globalbackgroundcolor;; 35 color: &dtml-globalfontcolor;; 36 }

51 /* The global section tabs. */ 2 #portal-globalnav { 3 background: url(&dtml-portal_url;/portal_tabs_back.gif) no-repeat; /* */ 4 padding: 0em 1em 0em 0em; /* */ 5 white-space: nowrap; 6 list-style: none; 7 margin: 0; 8 height: auto; 9 line-height: normal; 10 text-align: right /* */ 11 } 12 #portal-globalnav li a { 13 /* The normal, unselected tabs. They are all links */ 14 background-color: transparent; 15 border-color: transparent; 16 border-width: 0;; 17 border-style: &dtml-borderstyle; &dtml-borderstyle; none &dtml-borderstyle;; 18 color: #c0c0c0; /* */ 19 height: auto; 20 margin-right: 0.5em; 21 padding: 0em 1.25em; 22 text-decoration: none; 23 text-transform: &dtml-texttransform;; 24 } 25 #portal-globalnav li.selected a { 26 /* The selected tab. There s only one of this */ 27 background-color: #000000; /* */ 28 border: 0; &dtml-borderstyle; #000000; /* */ 29 border-bottom: &dtml-globalbackgroundcolor; 0; &dtml-borderstyle;; 30 color: #ffffff; /* */ 31 } 32 #portal-globalnav li a:hover { 33 background-color: #c0c0c0; /* */ 34 border-color: &dtml-globalbordercolor;; 35 border-bottom-color: &dtml-globalbackgroundcolor;; 36 color: &dtml-globalfontcolor;; 37 }

52 SaveChanges portal tabs back.gif padding padding margin HTML padding margin ( 5.15) 5.15 padding margin padding margin ( 5.4) 5.4 padding margin

53 ( 5.16) listspacer.gif listitem.gif liststart.gif 2. portal skins (Controls skin behaviour (search order etc)) custom 3. CSS portal skins (Controls skin behaviour (search order etc)) plone styles public.css (Plone Public-facing Elements CSS) /* The global section tabs. */ plonecustom.css (Plone Custom CSS) 4. CSS

54 /* The global section tabs. */ 2 #portal-globalnav { 3 background-color: transparent; 4 padding: 0em 0em 0em 2em; 5 white-space: nowrap; 6 list-style: none; 7 margin: 0; 8 height: auto; 9 line-height: normal; 10 } 11 #portal-globalnav li a { 12 /* The normal, unselected tabs. They are all links */ 13 background-color: transparent; 14 border-color: &dtml-globalbordercolor;; 15 border-width: &dtml-borderwidth;; 16 border-style: &dtml-borderstyle; &dtml-borderstyle; none &dtml-borderstyle;; 17 color: &dtml-globalfontcolor;; 18 height: auto; 19 margin-right: 0.5em; 20 padding: 0em 1.25em; 21 text-decoration: none; 22 text-transform: &dtml-texttransform;; 23 } 24 #portal-globalnav li.selected a { 25 /* The selected tab. There s only one of this */ 26 background-color: &dtml-globalbackgroundcolor;; 27 border: &dtml-borderwidth; &dtml-borderstyle; &dtml-globalbordercolor;; 28 border-bottom: &dtml-globalbackgroundcolor; &dtml-borderwidth; &dtml-borderstyle;; 29 color: &dtml-globalfontcolor;; 30 } 31 #portal-globalnav li a:hover { 32 background-color: &dtml-globalbackgroundcolor;; 33 border-color: &dtml-globalbordercolor;; 34 border-bottom-color: &dtml-globalbackgroundcolor;; 35 color: &dtml-globalfontcolor;; 36 }

55 /* The global section tabs. */ 2 #portal-globalnav { 3 background: url("/hyougenjouhou/listspacer.gif") 4 transparent; 5 padding: 0; 6 margin: px; 7 height: 26px; 8 border: 0; 9 clear: both; 10 } 11 #portal-globalnav li { 12 display: block; 13 float: left; 14 height: 26px; 15 background:url("/hyougenjouhou/liststart.gif") 16 transparent no-repeat; 17 padding: px; 18 margin:0 0.5em 0 0; 19 } 20 #portal-globalnav li a { 21 border-color: transparent; 22 display: block; 23 float: left; 24 height: 26px; 25 background: url("/hyougenjouhou/listitem.gif") 26 transparent right top; 27 padding:0 25px 0 0; 28 border:0; 29 line-height: 2em; 30 color: white; 31 font-size:110%; 32 margin: ; 33 }

56 portal skins plone templates global siteactions 2. Customize portal skins (Controls skin behaviour (search order etc)) custom tal:condition="site_actions"> 12 tal:condition="nothing"> 4. SaveChanges portal skins plone templates global searchbox 2. Customize portal skins (Controls skin behaviour (search order etc)) custom <div id="portal-searchbox" metal:define-macro="quick_search"> 7 <div id="portal-searchbox" metal:define-macro="quick_search" 4. SaveChanges tal:condition="nothing"> portal skins (Controls skin behaviour (search order etc)) plone templates global pathbar 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3. 9 *3 *3 tal:condition= nothing div id= portal-searchbox metal:define-

57 tal:define="breadcrumbs here/@@breadcrumbs_view/breadcrumbs"> 9 tal:define="breadcrumbs here/@@breadcrumbs_view/breadcrumbs" tal:condition="nothing"> 4. SaveChanges portal skins (Controls skin behaviour (search order etc)) Custom plonecustom.css (Plone Custom CSS) 2. css }.documentcontent { CSS font-size: 110%; /* */ padding: 1em 1em 2em 1em!important; background: &dtml-backgroundcolor;; /* */ 5.9 Web 1. portal skins (Controls skin behaviour (search order etc)) plone templates footer 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3. macro= quick search Compilation failed HTML- Parser.HTMLParseError: EOF in middle of construct, at line 7, column 1

58 <html xmlns=" xml:lang="en" lang="en" 2 i18n:domain="plone"> 3 <body> 4 <div id="portal-footer" metal:define-macro="portal_footer" 5 i18n:domain="plone"> 6 Copyright <span tal:define="now modules/datetime/datetime" 7 tal:content="now/year" /> 8 by 9 </div> 10 </body> 11 </html> 4. SaveChanges portal skins (Controls skin behaviour (search order etc)) plone templates colophon 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3.

59 <html xmlns=" 2 xml:lang="en" lang="en" 3 i18n:domain="plone"> 4 <head><title></title></head> 5 <body> 6 <div id="portal-colophon" metal:define-macro="colophon" i18n:domain="plone"> 7 Web 8 <a href=" </a> 9 <a href=" </a> 10 <br><br> 11 <a href=" 12 <img src="asca.gif" alt="asca"></a> 13 <a href=" 14 <img src="recipie.gif" alt="recipie"></a> 15 <a href=" 16 <img src="smap.gif" alt="smap"></a> 17 <br><br> : 19 <span style="font-family: courier; 20 border: 1px solid black; 21 background-color: lightgray; 22 padding: 0px 4px;" 23 tal:define="count python:here.mxm_counter.count(here)" 24 tal:content="python: %06i % count"> </span> 27 </div> 28 </body> 29 </html> 4. SaveChanges 5.11 Web

60 60 5 Plone ( ) [13] 1. mxmcounter tar.gz 2. zope/lib/python/products 3. ZMI mxmcounter Add ( 5.17) 5.17 mxmcounter 4. title 5. ips to ignore ip adresses 6. Save Interval SaveChanges

61 mxmcounter 8. portal skins (Controls skin behaviour (search order etc)) plone templates colophon <span style="font-family: courier; border: 1px solid black; background-color: lightgray; padding: 0px 4px;" tal:define="count python:here.mxm_counter.count(here)" tal:content="python: %06i % count"> </span> 5.19

62 google google google Plone google google Plone google [14] 1. google 2. HTML HTML 3. kupu HTML 4. Plone Plone kupu portal transforms (Handles data conversion between MIME types) safe html 5. iframe 1 ( 5.20) 5.20 kupu Web ( 5.21)

63 google , Illustrator Adobe Photoshop Elements ico D&D 3. portal skins (Controls skin behaviour (search order etc)) custom 4. ( 5.22) 5.22

64 64 5

65 65

66 66 [1] Plone [2] Zope [3] Zope [4] Andy McKay, Plone,ASCII,2005. [5] / /, Plone Web,,2006. [6] / / vol.20 pp203-pp [7] Photoshop 10 MdN [8] Photoshop 10 MdN [9] Photoshop 10 MdN [10] [11] Web Web [12] HTML [13] mxm [14] google calendar help

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

インターネットマガジン2004年3月号―INTERNET magazine No.110

インターネットマガジン2004年3月号―INTERNET magazine No.110 C S S text & photo: Kaminogoya 2xUP http://2xup.boo.jp/ 1 2 3 106 +++ internet magazine 2004.03 +++ c s s CSS Technique 01.blogbody blockquote{ background-color: #CCCCCC; /* */ border-left: solid 5px #FF3300;

More information

WPD2009_Plone3_theme-2.key

WPD2009_Plone3_theme-2.key http://ciel-serein.jp/study/wpd2009/wpd2009_plone3_theme.pdf/view http://ciel-serein.jp/study/wpd2009/wpdj-theme.zip/view $~/Plone-3.1/zinstance/buildout.cfg [instance] debug-mode = on $cd ~/Plone-3.1/zinstance

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード] COPYRIGHT 2013 CYBRiDGE CORPORATION COPYRIGHT 2013 CYBRiDGE CORPORATION 2 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3 CSS CSS2.1 CSS3 CSS CSS3IEhtc js CSS ファイル 名 内 容 格 納 フォルダ common.css style.css xxx.css

More information

4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html <meta ht tp - equiv="content-type" content=" tex t /html; charset=utf-

4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html <meta ht tp - equiv=content-type content= tex t /html; charset=utf- 4.html css html css Adobe Flash JavaScript xml Ajax html css 045 11 12 4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html

More information

HTML5&CSS3 レッスンブック

HTML5&CSS3 レッスンブック STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの

More information

Cascade Style Sheet

Cascade Style Sheet SmartDoc Cascade Style Sheet http://k-sek01.t-komazawa.ac.jp/ (CSS) CSS HTML 1. HTML HTML HTML 2. HTML 3. HTML CSS. class :link :visited :visited :hover :active 1. { : ; } 2. ":" 3. h1 { font-size: 24pt;

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

_勉強会_丸山さつき_v3

_勉強会_丸山さつき_v3 CSS 2019/6/21 1 CSS CSS CSS!2 CSS Web!3 CSS HTML CSS CSS!4 CSS!5 !6 Id class id class CSS!7 !8 body 16px p 16px px, rem, em, %!9 !10 body 16px p 16px 1 CSS!11 !12 CSS CSS!13 CSS 4 CSS 1. OOCSS 2. SMACSS

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi

More information

Copyright 2008 QSR International Pty Ltd. ABN 47 006 357 213. All rights reserved. NVivo QSR ( ) QSR International Pty Ltd. Microsoft.NET SQL Server W

Copyright 2008 QSR International Pty Ltd. ABN 47 006 357 213. All rights reserved. NVivo QSR ( ) QSR International Pty Ltd. Microsoft.NET SQL Server W NVivo 8 NVivo NVivo NVivo 8 ( ) Copyright 2008 QSR International Pty Ltd. ABN 47 006 357 213. All rights reserved. NVivo QSR ( ) QSR International Pty Ltd. Microsoft.NET SQL Server Windows XP Vista Windows

More information

SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000

More information

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

More information

Taro-CSS.jtd

Taro-CSS.jtd CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

ohp.mgp

ohp.mgp 2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

Web10.pptx

Web10.pptx 情 報 処 理 技 法 (マルチメディア)I 1 第 10 回 CSS 基 礎 (2) 2 HTML5 コンテンツモデル 3 コンテンツモデル HTML5 のタグは 7つのカテゴリに 分 けられるコン テンツモデルを 採 用 している コンテンツモデルから 要 素 の 中 に 何 を 含 んでよい かが 決 定 される 参 考 W3C: HTML5 content models http://www.w3.org/tr/2011/wd-html5-20110525/content-models.html

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

More information

年刊EDP 2003

年刊EDP 2003 1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc

More information

untitled

untitled ALTIRIS RECOVERY SOLUTION 6.2(Server-based Mode) Quick Startup Guide Rev. 1.1 2007 10 18 1.... 2 1.1 RECOVERY SOLUTION SERVER... 2 1.2 RECOVERY AGENT... 3 2.... 4 2.1... 4 2.2 RECOVERY SOLUTION... 5 2.3

More information

Cleaner XL 1.5 クイックインストールガイド

Cleaner XL 1.5 クイックインストールガイド Autodesk Cleaner XL 1.5 Contents Cleaner XL 1.5 2 1. Cleaner XL 3 2. Cleaner XL 9 3. Cleaner XL 12 4. Cleaner XL 16 5. 32 2 1. Cleaner XL 1. Cleaner XL Cleaner XL Administrators Cleaner XL Windows Media

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理 CSS Taichi Kaminogoya 2007-03-24T13:30:00+09:00 about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理 CSS photo by timlovesbrian. http://www.flickr.com/photos/cmsspork/417022096/ http://creativecommons.org/licenses/by/3.0/

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

CSS3

CSS3 オレたちAndroid CSS @media only screen and (max-device-width: 480px) {! div#wrapper {!! width: 400px;! }! div#header {!! background-image: url(media-queries-phone.jpg);!! height: 93px;!! position: relative;!

More information

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

Microsoft Word - 教材WebページのHTML5及びCSS3の解説 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

More information

ProVAL Recent Projects, ProVAL Online 3 Recent Projects ProVAL Online Show Online Content on the Start Page Page 13

ProVAL Recent Projects, ProVAL Online 3 Recent Projects ProVAL Online Show Online Content on the Start Page Page 13 ProVAL Unit System Enable Recording Log Preferred Language Default File Type Default Project Path ProVAL : Unit SystemUse SI Units SI SI USCS Enable Recording Log Language Default File Type Default Project

More information

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

【お試し版】Web制作者のためのCSS設計の教科書(非売品) UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI

More information

HTML CSS CSS CSS A LIST APART Fluid Grid Fluid Image Media Queries Fluid Grid Grid Design Fluid Grid 60px 20px 620px 300px 960px 620 960 100 300 960 100 =64.58333% =31.25% 960px 60px 20px 960px 1 =60px

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

EMC VNX Monitoring and Reportingユーザー ガイド

EMC VNX Monitoring and Reportingユーザー ガイド EMC VNX Monitoring and Reporting 1.0 P/N 300-014-420 02 Copyright 2012 EMC Corporation. All rights reserved. 2012 11 EMC Corporation EMC Corporation EMC EMC 2 EMC EMC EMC Corporation EMC http://japan.emc.com/support-training/support/online-support.htm

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima

EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body background-image: url("../images/wallpaper1.gif"); /* == 記事記入枠 container ( 全画面共通 )=========

More information

P3FY-A JP.PDF

P3FY-A JP.PDF P3FY-A002-03 SCSI GP5-148 GP5-148(AcceleRAID 352) 1 1.1 2001 11 OS ( OS ) 4GByte 2 2.1 EzAssist RAID EzAssist Configure RAID Drive Automatic ( )Assisted( ) Custom ( ) 2.2 2000 7 EzAssist Perform Administration

More information

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

Microsoft Word - Live Meeting Help.docx

Microsoft Word - Live Meeting Help.docx 131011 101919 161719 19191110191914 11191417 101919 1915101919 Microsoft Office Live Meeting 2007 191714191412 1913191919 12 151019121914 19151819171912 17191012151911 17181219 1610121914 19121117 12191517

More information

untitled

untitled 2009. 10 106-0044 2 17 12 TEL : 0120-551-051 FAX : 03-3505-6283 E-mail : endnote@usaco.co.jp http://www.usaco.co.jp/endnote/ EndNote X3 Windows / 2009. 7 1... 1 2... 2 1.... 2 2.... 5 3 EndNote... 6 1.

More information

untitled

untitled Ver. 1.0 1...1 1.1...1 1.2...1 1.3 Inventory Tool For Dell Update...1 2 HotFix...2 3 Inventory Tool For Dell Update...4 4 SMS...8 5 Inventory Tool for Dell Update...10 Inventory Tool for Dell Update 1

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

CSS Taichi Kaminogoya 2007-05-26T14:00:00+09:00 design de sign coration デザイン サイン 情報 をデコレーション 装飾 どれが重要なのかのサイン メッセージ CSS CSS CSS CSS デザイン 線や色でサイン 情報をイイトコロに配置 CSS CSS CSS { : ; { : ; { : ; { : ; CSS

More information

1 1 2 Wiki 2 3 PukiWiki 3 4 PukiWiki 4 1 PukiWiki....................... 4 2.................... 4 3 Basic..................... 6 4...................

1 1 2 Wiki 2 3 PukiWiki 3 4 PukiWiki 4 1 PukiWiki....................... 4 2.................... 4 3 Basic..................... 6 4................... 1 1 2 Wiki 2 3 PukiWiki 3 4 PukiWiki 4 1 PukiWiki....................... 4 2.................... 4 3 Basic..................... 6 4.................... 8 5........................... 10 6.........................

More information

第6回 CSS入門(つづき)

第6回 CSS入門(つづき) Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 (hagino@sfc.keio.ac.jp) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )

More information

Blue Asterisk template

Blue Asterisk template IBM Content Analyzer V8.4.2 TEXT MINER の新機能 大和ソフトウェア開発 2008 IBM Corporation 目次 UI カスタマイズ機能 検索条件の共有 柔軟な検索条件の設定 2 UI カスタマイズ機能 アプリケーションをカスタマイズするために Java Script ファイルおよびカスケーディングスタイルシート (CSS) ファイルの読み込み機能が提供されています

More information

Actual ESS Adapterの使用について

Actual ESS Adapterの使用について Actual ESS Adapter SQL External SQL Source FileMaker SQL ESS SQL FileMaker FileMaker SQL FileMaker FileMaker ESS SQL SQL FileMaker ODBC SQL FileMaker Microsoft SQL Server MySQL Oracle 3 ODBC Mac OS X Actual

More information

Web 設計入門

Web 設計入門 Web デザイン実践 #4-1 CSS(2) D.Mitsuhashi 1 HTML5 コンテンツモデル D.Mitsuhashi 2 コンテンツモデル HTML5 の要素は意味の上で 7 つのカテゴリに分けられる コンテンツモデルから 要素の中に何を含んでよいかが決定される 参考 W3C: HTML5 content models http://www.w3.org/tr/html5/dom.html#content-models

More information

1 1 1.................... 1 2...................... 2 3................... 3 2 5 1.............................. 5 2........................ 6 3.................... 9 3 11 1...........................

More information

untitled

untitled Track Stick...1...2...7...8...9...10...10...14...14...17...19...23 1. CD CD 2. INSTALL TRACK SITCK MANAGER 3. OK 2 4. NEXT 5. license agreement I agree 6. Next 3 7. 8. Next 9. Next 4 10. Close 9 OK PDF

More information

JNOD32OPE_1.book

JNOD32OPE_1.book ESET NOD32 Antivirus Z028138-01 [2013 9 ] ii ...ii...ii 1... 1 1.1 ESET NOD32 Antivirus... 1 1.2... 1 1.3... 1 1.4... 2 2 ESET NOD32 Antivirus... 3 2.1 ESET NOD32 AntivirusEZ Controller... 3 2.1.1 Windows

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の提出物 今回の実習課題を制作し Web サーバにアップロードせよ 宛先 : dan@cc.matsuyama-u.ac.jp 件名 : Web デザイン #17_ 課題 本文 :

More information

GENESYS2005_Instal_Guide.PDF

GENESYS2005_Instal_Guide.PDF : CET-223 Agilent EEsof EDA GENESYS 2005.11 & SystemVue 2005.02 / 2005 4 SystemView by Elanix SystemVue TM 2006 3 3 EDA 1.... 4 2.... 5 2-1.... 6 2-2. GENESYS... 6 Step1:... 6 Step2:... 7 Step3:... 8 Step4:...

More information

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

Web 設計入門

Web 設計入門 情報処理技法 ( マルチメディアと表現 )I 第 12 回 CSS によるレイアウトデザイン (2) D.Mitsuhashi 1 クロスブラウジング D.Mitsuhashi 2 クロスブラウジング ブラウザや OS によって レンダリングには少なからず差異が存在する 同じソースで記述しても 表示が異なる場合がある なるべく 表示の差異を最小化し, 共通の視覚的デザインを提供すべき D.Mitsuhashi

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

Insert VERITAS™ White Paper Title Here

Insert VERITAS™ White Paper Title Here WHITE PAPER Microsoft SharePoint Portal Server 2003 VERITAS Backup Exec 10 for Windows Servers Microsoft SharePoint Portal Server ...3...3 SharePoint Portal Server...4...4...4...5 Backup Exec 10...5 Backup

More information

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必 1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン

More information

1 I EViews View Proc Freeze

1 I EViews View Proc Freeze EViews 2017 9 6 1 I EViews 4 1 5 2 10 3 13 4 16 4.1 View.......................................... 17 4.2 Proc.......................................... 22 4.3 Freeze & Name....................................

More information

3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to

3 top#index 1 web router.ex web/router.ex 12 scope /, NanoPlanner do 13 pipe_through browser get /, TopController, index 16 end URL / to 3 NanoPlanner SASS Bootstrap Font Awesome 3.1 RAVT 6 RAVT route action view template Phoenix top index top index top#index RAVT URL / top#index top#index top 23 3 top#index 1 web router.ex web/router.ex

More information

橡ホームページの作り方

橡ホームページの作り方 1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

ProVisionaire Control V3.0セットアップガイド

ProVisionaire Control V3.0セットアップガイド ProVisionaire Control V3 1 Manual Development Group 2018 Yamaha Corporation JA 2 3 4 5 NOTE 6 7 8 9 q w e r t r t y u y q w u e 10 3. NOTE 1. 2. 11 4. NOTE 5. Tips 12 2. 1. 13 3. 4. Tips 14 5. 1. 2. 3.

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

p000表紙.eps

p000表紙.eps INDEX P1 P5 Adobe Photoshop P7 Adobe Illustrator P21 CONTENTS 1 2 3 4 5 6 CONTENTS Adobe Photoshop 7 Adobe Photoshop 8 Adobe Photoshop 9 Adobe Photoshop 10 Adobe Photoshop 11 Adobe Photoshop 12 Adobe Photoshop

More information

WinXP07 ( 版 ) Microsoft Windows XP Professional でのスパイウェア対策ソフトの導入 0. 準備 ネットワークケーブルを繋いでノート PC を起動し, ログオンする 1. スパイウェア対策ソフト (Spybot - Search & D

WinXP07 ( 版 ) Microsoft Windows XP Professional でのスパイウェア対策ソフトの導入 0. 準備 ネットワークケーブルを繋いでノート PC を起動し, ログオンする 1. スパイウェア対策ソフト (Spybot - Search & D WinXP07 (2005-04-26 版 ) Microsoft Windows XP Professional でのスパイウェア対策ソフトの導入 0. 準備 ネットワークケーブルを繋いでノート PC を起動し, ログオンする 1. スパイウェア対策ソフト (Spybot - Search & Destroy) のインストール 1.1 ftp.cs.tohoku-gakuin.ac.jp からのインストーラのダウンロード

More information

untitled

untitled JavaFX Mobile 1. JavaFX Mobile... 2 1.1. JavaFX... 2 1.2. JavaFX Script... 3 1.2.1.... 3 1.2.2.... 5 1.2.3.... 5 2.... 7 2.1. JDK 6 Update 13... 7 2.2. NetBeans IDE 6.5.1 for JavaFX 1.1.1... 7 3.... 10

More information

untitled

untitled IT IT IT IT 1 IT 2 Software as a Service (SaaS 3 ) IT SaaS 4 SaaS SaaS PC SaaS SaaS Web SaaS ID IT SaaS IT 1 2 3 Software as a Service ASP(Application Service Provider) SaaS 4 ASPIC SaaS SaaS SaaS SaaS

More information

id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b

id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b CSS まとめ 1. CSS とは? ホームページを作る技術の一つで, 見た目の記述をするもの. W3C で作成されており,W3C のサイトで仕様を確認できる. 2. CSS が記述できる場所 1 style タグで記述 (html 内に記述 ) する. 2 style 属性で記述 (html 内に記述 ) する. 3 外部ファイルで記述する.( 一般的な方式であり, 以下, この方式の説 明 )

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で

Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web プログラミング 1 20130508 演習

More information

HARK Designer Documentation 0.5.0 HARK support team 2013 08 13 Contents 1 3 2 5 2.1.......................................... 5 2.2.............................................. 5 2.3 1: HARK Designer.................................

More information

Cisco ASA Firepower ASA Firepower

Cisco ASA Firepower ASA Firepower Cisco ASA Firepower ASA Firepower 1 2 3 4 1 1-1 Cisco ASA Cisco ASA Firepower Cisco ASA with Firepower Services Cisco Adaptive Security Device Manager ASDM MEMO Cisco ASA with Firepower Services Application

More information

CMS入門

CMS入門 CMS(Contents Management System) 1 CMS CMS Unix Unix Unix Unix Unix (POP IMAP) OS CMS URL CMS URL CMS CMS Joomla 2006 CMS CMS TYPO3 Plone, TEXTPATTERN, MODx, Geeklog Joomla Mambo CMS 1.0 Mambo 1.5 1.5RC2

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

Step 1 Feature Extraction Featuer Extraction Feature Extraction Featuer Extraction Image Analysis Start>Programs>Agilent-Life Sciences>Feature Extract

Step 1 Feature Extraction Featuer Extraction Feature Extraction Featuer Extraction Image Analysis Start>Programs>Agilent-Life Sciences>Feature Extract Agilent G2565AA Feature Extraction Step 1 Feature Extraction Step 2 Step 3 Step 4 ( ) Step 5 ( ) Step 6 Step 7 Step 8 Feature Extraction Step 9 Step 10 Feature Extraction Step 11 Feature Extraction Step

More information

Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23

Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23 Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111019 演習

More information

MOMW_I_,II 利用ガイド.PDF

MOMW_I_,II 利用ガイド.PDF MOMW (I), II 1 The Making of the Modern World I. The Making of the Modern World... 2 II.... 3 II-1... 3 II-2 Basic Search... 4 II-3... 5 II-4 Advanced Search... 9 II-5... 13 III.... 14 III-1... 14 III-2...

More information

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka ( Ver. 1.2) 2013 12 http://email-form.sugutsukaeru.jp/ Copyright(c) 2013 Sugutsukaeru Inc. All rights reserved. 1 1-1 Web http://email-form.sugutsukaeru.jp/ 1-2 README.pdf ( ) document.pdf ( ) admin/ CGI

More information

RR-US470 (RQCA1588).indd

RR-US470 (RQCA1588).indd RR-US470 Panasonic Corporation 2006 2 3 4 http://www.sense.panasonic.co.jp/ 1 2 3 ( ) ZOOM 5 6 7 8 9 10 4 2 1 3 4 2 3 1 3 11 12 1 4 2 5 3 1 2 13 14 q φ φ 1 2 3 4 3 1 2 3 4 2 3 15 16 1 2 3 [/]p/o 17 1 2

More information

MENU 키를 누르면 아래의 화면이 나타납니다

MENU 키를 누르면 아래의 화면이 나타납니다 Stand-Alone Digital Video Recorder Advanced MPEG-4 DVR 16 Channel Models クライアントソフト 再インストールマニュアル くまざわ書店専用 日本語版 1 V1.07-n307 This document contains preliminary information and subject to change without notice.

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information