Oracle HTML DBのテンプレート・カスタマイズ

Size: px

Start display at page:

Download "Oracle HTML DBのテンプレート・カスタマイズ"

ようじろうたけくま
4 years ago
Views:

1 Oracle HTML DB

2 Oracle HTML DB : : : CSS JavaScript HTML DB Oracle HTML DB 2 Oracle Corporation Customizing Templates in Oracle HTML DB

3 Oracle HTML DB Oracle HTML DB Oracle HTML DB UI HTML CSS Oracle HTML DB Oracle HTML DB HTML CSS HTML DB Oracle HTML DB 3 Oracle Corporation Customizing Templates in Oracle HTML DB

4 1: HTML DB 2: think.com 3: AskTom.oracle.com Oracle HTML DB 4 Oracle Corporation Customizing Templates in Oracle HTML DB

5 Oracle HTML DB 2 CSS JavaScript HTML Web HTML #TITLE# #BODY# HTML #SOME_STRING# HTML DB NULL 3 1. #TITLE# 2. #BODY# 3. #PREVIOUS# #NEXT##CLOSE# This is the Title This is the Body HTML Oracle HTML DB 5 Oracle Corporation Customizing Templates in Oracle HTML DB

1: <table> <tr><td>#title#</td></tr> <tr><td>#body#</td></tr> </table> 2: <table style="border: 1px black solid;width:200px;" cellspacing="0"> <tr><td style="font-weight:bold; border-bottom: 1px

6 1: <table> <tr><td>#title#</td></tr> <tr><td>#body#</td></tr> </table> 2: <table style="border: 1px black solid;width:200px;" cellspacing="0"> <tr><td style="font-weight:bold; border-bottom: 1px black solid; background:gray; text-align:center; color:white;">#title#</td></tr> <tr><td>#body#</td></tr> </table> HTML Oracle HTML DB 6 Oracle Corporation Customizing Templates in Oracle HTML DB

7 3: 2 <table style="border: 1px black solid;width:300px; background:#dddddd;" cellspacing="0"> <tr> <td style="font-weight:bold; border-bottom: 1px black solid;" >#TITLE#</td> <td style="font-weight:bold; border-bottom: 1px black solid; text-align:right;" >#PREVIOUS# #NEXT#</td> </tr> <tr><td colspan="2">#body#</td></tr> </table> HTML NULL #PREVIOUS# #NEXT# #EDIT#, #CLOSE#, #CREATE#, #CREATE2#, #EXPAND#, #HELP#, #DELETE#, #COPY#, #NEXT#, #PREVIOUS# Oracle HTML DB 7 Oracle Corporation Customizing Templates in Oracle HTML DB

8 HTML CSS JavaScript 4 #HEAD# #FORM_OPEN# #BOX_BODY# #FORM_CLOSE# #HEAD# JavaScript Oracle HTML DB HTML DB JavaScript HTML DB Oracle HTML CSS Oracle HTML DB HTML #FORM_OPEN# #FORM_CLOSE# HTML DB HTML Oracle HTML DB Web View Source <body> </body> Google #FORM_OPEN# #FORM_CLOSE# <body> </body> #BOX_BODY# #BOX_BODY# #BOX_BODY# 8 #REGION_POSITION_01# #REGION_POSITION_08# Oracle HTML DB 8 Oracle Corporation Customizing Templates in Oracle HTML DB

9 2 <body #ONLOAD#> #FORM_OPEN# #BOX_BODY# <table style="width:100%;"> <tr> <td style="width:50%; border-right:4px red dotted; text-align:center;" >#REGION_POSITION_01#</td> <td style="width:50%; text-align:center;" >#REGION_POSITION_02#</td> </tr> </table> #FORM_CLOSE# </body> Oracle HTML DB UI Oracle HTML DB UI Oracle HTML DB 1 Oracle HTML DB 9 Oracle Corporation Customizing Templates in Oracle HTML DB

10 2 1 2 CSS JavaScript Oracle HTML DB CSS JavaScript HTML DB functions.js core.css CSS JavaScript CSS CSS CSS JavaScript <head> <title>#title#</title> #HEAD# <link rel="stylesheet" href="#workspace_images#somefile.css" type="text/css" /> <script src="#workspace_images#somefile.js" type="text/javascript"></script> </head> CSS #HEAD# custom.css core.css CSS 2 HTML CSS JavaScript 1 Oracle HTML DB 10 Oracle Corporation Customizing Templates in Oracle HTML DB

11 HTML DB UI Oracle HTML DB / Oracle HTML DB HTML DB HTML Oracle HTML DB Oracle HTML DB 11 Oracle Corporation Customizing Templates in Oracle HTML DB

websample 1 2 websample index.html

Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table