19 CMS Web 20 2 15
2 1 4 1.1............................................. 4 1.2............................................. 4 1.3............................................. 5 1.4..................................... 6 2 Plone 7 2.1 Windows................................ 7 2.1.1.................................... 7 2.1.2......................................... 10 2.1.3......................................... 11 2.2 Debian................................. 12 2.2.1.................................... 12 2.2.2................................. 13 2.2.3.................................. 13 3 15 3.1......................................... 15 3.2........................................... 16 3.2.1...................................... 16 3.2.2.................................... 17 3.3................................... 18 3.3.1........................... 18 3.3.2................................ 20 3.4....................................... 21 3.5..................................... 23 3.5.1................................... 23 3.5.2.................................... 24 3.5.3................................... 28 3.5.4.............................. 30
3.5.5...................................... 32 3.5.6................................... 33 3.5.7.................................... 34 3.5.8.............................. 34 4 Web 36 4.1..................................... 37 4.1.1 Plone workflow................................... 37 4.1.2 folder workflow................................... 37 4.2 ( )........................................ 37 4.2.1 ( )........................ 38 4.2.2 ( )............................ 39 5 41 5.1......................................... 42 5.2.................................... 45 5.3................................. 46 5.3.1.................................. 46 5.3.2.................................... 47 5.4.................................... 47 5.4.1.................................... 49 5.4.2.................................... 53 5.5................................. 56 5.6................................... 56 5.7.................................. 56 5.8.................................... 57 5.9....................................... 57 5.10....................................... 58 5.11................................. 59 5.12 google.......................... 62 5.13................................. 63 66 3
4 1 1.1 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
1.3 5 1.3 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 2.5.4-2 CMF-1.6.4 Zope 2.9.8-final Python 2.4.4 *5 File Transfer Protocol ( )
6 1 1.1 Plone Zope 1.4 IP *6 *7 Web [6] Windows Linux OS Linux Plone Plone Web *8 Plone *6 *7 ( ) *8 Plone
7 2 Plone Plone OS OS OS 2.1 Windows 2.1.1 1. http://plone.org/products/plone/releases/2.5.4 Plone-2.5.4.exe 2. Plone-2.5.4.exe 3. next ( 2.1) 2.1 Welcome to the Plone Setup Wizard 4. I accept the agreement ( 2.2)
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)
2.1 Windows 9 2.4 Select Destination Location 7. Account name: administer admin Password: Confirm Password: Next ( 2.5) 2.5 Enter a password 8. Install ( 2.6)
10 2 Plone 2.6 Ready to install 9. finish ( 2.7) 2.7 Completing the Plone Setup Wizard 2.1.2 1. Plone Controller [ ] [ ] [Plone] [Plone] ( 2.8) 2.8 Plone
2.1 Windows 11 2. start ( 2.9) 2.9 Plone controller 1 3. View Plone Plone ( 2.10) Zope Management Interface ZMI ( 2.11) *1 2.10 Plone 2.11 ZMI 2.1.3 1. Plone Controller [ ] [ ] [Plone] [Plone] 2. Plone Controller( 2.12) Stop *1 ZMI 2.1.1
12 2 Plone 2.12 Plone controller 2 2.2 Debian 2.2.1 1. http://plone.org Plone-2.5.4-UnifiedInstaller.tgz 2. tar zxvf Plone-2.5.4-UnifiedInstaller.tgz 3. Plone-2.5.4-UnifiedInstaller cd Plone-2.5.4-UnifiedInstaller 4. sudo./install.sh 5. 2.13 sudo cat /opt/plone-2.5.4/adminpassword.txt
2.2 Debian 13 2.13 2.2.2 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 2.2.3 Debian Plone 1. http://localhost:8080/manage ZMI ( 2.14) 2.2.1
14 2 Plone 2.14 ZMI 2. ZMI Root Folder acl users users password Update Password ( 2.15) 2.15
15 3 Plone Web Plone Plone 3.1 Plone 1. http://localhost:8080/manage ZMI 2. RootFolder 3. Add Plone Site Add ( 3.1) 3.1 Plone 4. Id Plone OK( 3.2)
16 3 3.2 Plone 5. test http://localhost:8080/test 3.2 Web 3.2.1 Plone Web ( 3.3)
3.2 17 3.3 3.2.2 ( 3.2) 3.4
18 3 3.3 Plone Plone Plone 3.3.1 1. (5.2 5.1) ( 3.5) 3.5 2. 3. 4. E
3.3 19 3.6 5. E Plone E ( 3.7) 3.7 6. URL ( 3.8) 3.8
20 3 7. 3.3.2 1. 2. ( 5.2 5.1 ) ( 3.9) 3.9 3. ( 3.10)
3.4 21 3.10 4. ( 3.11) 3.11 5. 3.3.1 3.4 4.2 ( ) Plone
22 3 1. 3.3.2 1,2,3 2. ( 3.12) 3.12 3. ( 3.13) 3.13 4. 5. 6. 7. E 8.
3.5 23 3.14 3.5 3.1 Plone ( 3.15) 3.15 3.5.1 1. 2. 3.
24 3 4. 3.16 *1 3.5.2 HTML Kupu ( 3.17) Plone 1. 2. 3. 4. 3.17 3.1 *1????
3.5 25 3.17 Kupu 3.1 Kupu 5.... ( 3.18) *2 *2 WWW HTML
26 3 3.18
3.5 27 3.19
28 3 3.5.3 1. 2. 3. 4. 5. 6. ( ) 7. 8. 9. URL *3 10. 11. E 12. 13. ( 3.3.2 ) *3 Uniform Resource Locator
3.5 29 3.20
30 3 3.5.4 1. 2. 3. 4. 5. 6. ( 3.3.2 )
3.5 31 3.21
32 3 3.5.5 (GIF,JPEG,PNG ) 1. 2. 3. 4. 5. ( 3.3.2 ) 3.22
3.5 33 3.5.6 PDF Word 1. 2. 3. 4. 5. ( 3.3.2 ) 3.23
34 3 3.5.7 1. 2. 3. 4. URL 5. ( 3.3.2 ) 3.24 3.5.8 1.
3.5 35 2. 3. 4. 5. 3.25
36 4 Web Plone Plone Web Web, Web ( 4.1) 4.1 Web Web
4.1 37 4.1 Plone Plone workflow folder workflow 4.1.1 Plone workflow Plone workflow 3.3 (Reviewer) 4.1.2 folder workflow folder workflow Plone workflow 4.2 ( ) Plone ( ) Members Reviewer Manager 4.1
38 4 Web 4.1 4.2.1 ( ) 1. 3.3.2 1,2,3 2. ( 4.2) 4.2 3. ( 4.3)
4.2 ( ) 39 4.3 ( ) 4. 4.2.2 ( ) 1. 3.4 1,2 2. ( 4.4)
40 4 Web 4.4 ( ) 3.
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 5 5.2 5.1 5.2 Plone 5.1 Plone 5.1 Web Web Illustrator Adobe Photoshop Elements3.0 [7]-[9]
5.1 43 1. portal skins (Controls skin behaviour (search order etc)) custom Add Image Add.( 5.3) 5.3 1 2. Id Title File Add ( 5.4) 5.4 2 ( 5.5) 5.5 custom
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
5.2 45 *2 [10][11] 5.2 Base Propaties 5.2 1. ZMI Properties 2. left slots right slots ( 5.9) *2 #00ffcc # 6
46 5 5.9 left slots right slots ( 5.3) 5.3 5.3 5.3.1 1. portal membership (Handles membership policies) 2. Actions 3. Title Logged in Visible? Save ( 5.10)
5.4 47 5.10 Title log in log in My Folder My favorites 5.3.2 1. portal registration (Handles registration of new users) 2. join Save ( 5.11) 5.11 5.4 Web CSS CSS 1. ZMI portal skins (Controls skin behaviour (search order etc)) plone styles plonecustom.css (Plone Custom CSS)
48 5 2. 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]
5.4 49 5.13 plonecustom.css 5.4.1 ( ) 1. 1024 ( ) 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 5 1 /* 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 }
5.4 51 1 /* 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 5 5. 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
5.4 53 5.4.2 ( 5.16) 5.16 1. 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 5 1 /* 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 }
5.4 55 1 /* The global section tabs. */ 2 #portal-globalnav { 3 background: url("/hyougenjouhou/listspacer.gif") 4 transparent; 5 padding: 0; 6 margin: 0 0 0 6px; 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:0 0 0 25px; 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:0 0 0 0; 33 }
56 5 5.5 1. portal skins plone templates global siteactions 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3. 12 12 tal:condition="site_actions"> 12 tal:condition="nothing"> 4. SaveChanges 5.6 1. portal skins plone templates global searchbox 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3. 7 7 <div id="portal-searchbox" metal:define-macro="quick_search"> 7 <div id="portal-searchbox" metal:define-macro="quick_search" 4. SaveChanges tal:condition="nothing"> 5.7 1. 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-
5.8 57 9 tal:define="breadcrumbs here/@@breadcrumbs_view/breadcrumbs"> 9 tal:define="breadcrumbs here/@@breadcrumbs_view/breadcrumbs" tal:condition="nothing"> 4. SaveChanges 5.8 1. 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 5 1 <html xmlns="http://www.w3.org/1999/xhtml" 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 5.10 1. portal skins (Controls skin behaviour (search order etc)) plone templates colophon 2. Customize portal skins (Controls skin behaviour (search order etc)) custom 3.
5.11 59 1 <html xmlns="http://www.w3.org/1999/xhtml" 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="http://www.yamaguchi-u.ac.jp"> </a> 9 <a href="http://www.edu.yamaguchi-u.ac.jp"> </a> 10 <br><br> 11 <a href="http://inf.edu.yamaguchi-u.ac.jp/katsu/asca/asca.html"> 12 <img src="asca.gif" alt="asca"></a> 13 <a href="http://inf.edu.yamaguchi-u.ac.jp/katsu/menu/home.html"> 14 <img src="recipie.gif" alt="recipie"></a> 15 <a href="http://inf.edu.yamaguchi-u.ac.jp/katsu/smap/smap.html"> 16 <img src="smap.gif" alt="smap"></a> 17 <br><br> 18 2007 11 15 : 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"> 25 0000001 26 </span> 27 </div> 28 </body> 29 </html> 4. SaveChanges 5.11 Web
60 5 Plone ( ) [13] 1. http://www.mxm.dk/products/public/mxmcounter/ mxmcounter.1.1.0.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 100 10 1 7. SaveChanges
5.11 61 5.18 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"> 0000001 </span> 5.19
62 5 5.12 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 6. 7. Web ( 5.21)
5.13 63 5.21 google 5.13 1., Illustrator Adobe Photoshop Elements3.0 2..ico D&D 3. portal skins (Controls skin behaviour (search order etc)) custom 4. ( 5.22) 5.22
64 5
65
66 [1] Plone http://plone.jp/. [2] Zope http://www.zope.org/. [3] Zope 2002. [4] Andy McKay, Plone,ASCII,2005. [5] / /, Plone Web,,2006. [6] / / vol.20 pp203-pp213 2005. [7] Photoshop 10 MdN 2004. [8] Photoshop 10 MdN 2004. [9] Photoshop 10 MdN 2003. [10] http://www.style-21.com/color.html. [11] Web Web 2005. [12] HTML http://www.htmq.com/index.htm. [13] mxm http://www.mxm.dk/products/public/mxmcounter/ [14] google calendar help http://www.google.com/support/calendar/?hl=ja.