[phpwebapp-commits] CVS: app2/templates styles.css,1.2,1.3 page2.html,1.2,1.3 page1_content.html,1.3
Brought to you by:
dashohoxha
Menu
▾
▴
[phpwebapp-commits] CVS: app2/templates styles.css,1.2,1.3 page2.html,1.2,1.3 page1_content.html,1.3,1.4 page1.html,1.2,1.3 header.html,1.2,1.3 footer.html,1.4,1.5
|
From: Dashamir H. <das...@us...> - 2003-08-26 16:24:30
|
Update of /cvsroot/phpwebapp/app2/templates
In directory sc8-pr-cvs1:/tmp/cvs-serv26139/templates
Modified Files:
styles.css page2.html page1_content.html page1.html
header.html footer.html
Log Message:
converted CRLF to LF
Index: styles.css
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/styles.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** styles.css 15 Aug 2003 09:09:26 -0000 1.2
--- styles.css 25 Aug 2003 14:28:29 -0000 1.3
***************
*** 1,35 ****
! body
! {
! background-color: #efe7d6;
! margin-top: 20px;
! margin-left: 20px;
! margin-right: 20px;
! margin-bottom: 20px;
! font-family: arial, helvetica, sans-se;
! font-size: 12pt;
! color: #000000;
! }
!
! h1, h2
! {
! text-align: center;
! }
!
! h1, h2, h3, h4
! {
! color: #660000;
! }
!
! pre
! {
! background-color: #eeeeee;
! border: 1px solid #0000aa;
! color: #00aa00;
! }
!
! strong
! {
! color: #000066;
! font-size: 14px;
! font-weight: bold
! }
--- 1,35 ----
! body
! {
! background-color: #efe7d6;
! margin-top: 20px;
! margin-left: 20px;
! margin-right: 20px;
! margin-bottom: 20px;
! font-family: arial, helvetica, sans-se;
! font-size: 12pt;
! color: #000000;
! }
!
! h1, h2
! {
! text-align: center;
! }
!
! h1, h2, h3, h4
! {
! color: #660000;
! }
!
! pre
! {
! background-color: #eeeeee;
! border: 1px solid #0000aa;
! color: #00aa00;
! }
!
! strong
! {
! color: #000066;
! font-size: 14px;
! font-weight: bold
! }
Index: page2.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/page2.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** page2.html 15 Aug 2003 09:09:26 -0000 1.2
--- page2.html 25 Aug 2003 14:28:29 -0000 1.3
***************
*** 1,95 ****
! <html>
! <head>
! <title>Page 2</title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css">
! <link rel="stylesheet" type="text/css" href="{{./}}page2.css">
! </head>
!
! <body>
! <Include SRC="{{./}}header.html" />
!
! <h3>A Page Constructed without Subtemplates</h3>
!
! <table width="95%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title">tpl.html</td>
! </tr>
!
! <tr>
! <td class="box_content">
! <table width="100%" border="0" cellspacing="20" cellpadding="0">
! <tr>
! <td width="60%" valign="top">
! <table width="100%" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_1">tpl_1.html</td>
! </tr>
!
! <tr>
! <td class="box_content_1" valign="top">
! <p class="content_1"><em>page2.html</em> is the
! same as <em>page3.html</em>, however it is
! implemented in the usual way, without
! templates. After studying how both of them are
! implemented, try to make a small modification
! in both of them and see which one is easier to
! be modified.</p>
! </td>
! </tr>
! </table>
! </td>
!
! <td valign="top">
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_2">tpl_2.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2">
! <table width="100%" border="0" cellspacing="10" cellpadding="0">
! <tr>
! <td>
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_2_1">tpl_2_1.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2_1">
! tpl_2_1 <br> content
! </td>
! </tr>
! </table>
! </td>
! </tr>
!
! <tr>
! <td>
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding= "0">
! <tr>
! <td class="box_title_2_2">tpl_2_2.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2_2">
! tpl_2_2 <br> content
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
!
! <Include SRC="{{./}}footer.html" />
! </body>
! </html>
--- 1,95 ----
! <html>
! <head>
! <title>Page 2</title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css">
! <link rel="stylesheet" type="text/css" href="{{./}}page2.css">
! </head>
!
! <body>
! <Include SRC="{{./}}header.html" />
!
! <h3>A Page Constructed without Subtemplates</h3>
!
! <table width="95%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title">tpl.html</td>
! </tr>
!
! <tr>
! <td class="box_content">
! <table width="100%" border="0" cellspacing="20" cellpadding="0">
! <tr>
! <td width="60%" valign="top">
! <table width="100%" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_1">tpl_1.html</td>
! </tr>
!
! <tr>
! <td class="box_content_1" valign="top">
! <p class="content_1"><em>page2.html</em> is the
! same as <em>page3.html</em>, however it is
! implemented in the usual way, without
! templates. After studying how both of them are
! implemented, try to make a small modification
! in both of them and see which one is easier to
! be modified.</p>
! </td>
! </tr>
! </table>
! </td>
!
! <td valign="top">
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_2">tpl_2.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2">
! <table width="100%" border="0" cellspacing="10" cellpadding="0">
! <tr>
! <td>
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
! <tr>
! <td class="box_title_2_1">tpl_2_1.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2_1">
! tpl_2_1 <br> content
! </td>
! </tr>
! </table>
! </td>
! </tr>
!
! <tr>
! <td>
! <table width="100%" align="center" border="0" cellspacing="0" cellpadding= "0">
! <tr>
! <td class="box_title_2_2">tpl_2_2.html</td>
! </tr>
!
! <tr>
! <td class="box_content_2_2">
! tpl_2_2 <br> content
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
! </td>
! </tr>
! </table>
!
! <Include SRC="{{./}}footer.html" />
! </body>
! </html>
Index: page1_content.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/page1_content.html,v
retrieving revision 1.3
retrieving revision 1.4
diff -C2 -d -r1.3 -r1.4
*** page1_content.html 20 Aug 2003 07:36:39 -0000 1.3
--- page1_content.html 25 Aug 2003 14:28:29 -0000 1.4
***************
*** 1,63 ****
! <!--# This file is included inside page1.html #-->
!
! <h4>Templates</h4>
!
! <p>Templates are pieces of HTML code, that are used or combined by
! the framework to generate the HTML pages that are sent to the
! browser.</p>
!
! <h4>Template variables</h4>
!
! <p>The templates may contain variables inside them (called
! "template variables"), which are replaced by the framework with
! their string values. The variables inside a template are denoted by
! double curly braces: <strong>{{#tpl_var}}</strong>.</p>
!
! <h4>The <Include> tag</h4>
!
! <p>The templates may also contain some extra tags, which are not
! HTML tags. These tags are reckognised and processed by the
! framework. One of them is the <strong><Include></strong> tag,
! which is used to include another template inside the current template:</p>
! <pre>
! <Include SRC="file_to_be_included" />
! </pre>
!
! <p>It is a very useful tag, because it allows to separate pages
! into subtemplates, which results in a better structured
! application, provides modularity (the graphical designer can work
! with smaller pieces of code), and reusability (templates are easier
! to be reused in other pages or other applications).</p>
!
! <h4>Comments</h4>
!
! <p>The templates may contain some special comments as well:</p>
! <pre>
! <!--# Framework comments #-->
! </pre>
!
! <p>These comments are like HTML comments by they have a diesis (#)
! at the opening and closing marks. These comments are not processed
! by the framework and are not displayed in the HTML page that is
! generated.</p>
!
! <h4>JavaScript code and stylesheet of a template</h4>
!
! <p>If a certain template has some javascript code or some special
! styles of its own, then it is better to include them at the
! begining of the template (instead of including them globally, at
! the header of the page). This makes the template more independant
! from the other parts of the page and thus easier to use it again
! into another page. They are included like this:</p>
! <pre>
! <script language="javascript" src="file.js"></script>
! <link rel="stylesheet" type="text/css" href="file.css">
! </pre>
!
! <p>The inclusion is much better than writting the JS and CSS code
! in the template because it separates the HTML code from the JS and
! CSS codes. It also is more efficient (has a better performance)
! because the next time that this template is loaded in browser
! again, most probably the browser will get "file.js" and "file.css"
! from the cache, instead of retrieving them again from the
! server.</p>
--- 1,63 ----
! <!--# This file is included inside page1.html #-->
!
! <h4>Templates</h4>
!
! <p>Templates are pieces of HTML code, that are used or combined by
! the framework to generate the HTML pages that are sent to the
! browser.</p>
!
! <h4>Template variables</h4>
!
! <p>The templates may contain variables inside them (called
! "template variables"), which are replaced by the framework with
! their string values. The variables inside a template are denoted by
! double curly braces: <strong>{{#tpl_var}}</strong>.</p>
!
! <h4>The <Include> tag</h4>
!
! <p>The templates may also contain some extra tags, which are not
! HTML tags. These tags are reckognised and processed by the
! framework. One of them is the <strong><Include></strong> tag,
! which is used to include another template inside the current template:</p>
! <pre>
! <Include SRC="file_to_be_included" />
! </pre>
!
! <p>It is a very useful tag, because it allows to separate pages
! into subtemplates, which results in a better structured
! application, provides modularity (the graphical designer can work
! with smaller pieces of code), and reusability (templates are easier
! to be reused in other pages or other applications).</p>
!
! <h4>Comments</h4>
!
! <p>The templates may contain some special comments as well:</p>
! <pre>
! <!--# Framework comments #-->
! </pre>
!
! <p>These comments are like HTML comments by they have a diesis (#)
! at the opening and closing marks. These comments are not processed
! by the framework and are not displayed in the HTML page that is
! generated.</p>
!
! <h4>JavaScript code and stylesheet of a template</h4>
!
! <p>If a certain template has some javascript code or some special
! styles of its own, then it is better to include them at the
! begining of the template (instead of including them globally, at
! the header of the page). This makes the template more independant
! from the other parts of the page and thus easier to use it again
! into another page. They are included like this:</p>
! <pre>
! <script language="javascript" src="file.js"></script>
! <link rel="stylesheet" type="text/css" href="file.css">
! </pre>
!
! <p>The inclusion is much better than writting the JS and CSS code
! in the template because it separates the HTML code from the JS and
! CSS codes. It also is more efficient (has a better performance)
! because the next time that this template is loaded in browser
! again, most probably the browser will get "file.js" and "file.css"
! from the cache, instead of retrieving them again from the
! server.</p>
Index: page1.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/page1.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** page1.html 15 Aug 2003 09:09:26 -0000 1.2
--- page1.html 25 Aug 2003 14:28:29 -0000 1.3
***************
*** 1,12 ****
! <html>
! <head>
! <title>Page 1</title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css">
! </head>
! <body>
! <Include SRC="{{./}}header.html"/>
! <Include SRC="{{./}}page1_content.html"/>
! <Include SRC="{{./}}footer.html"/>
! <br>
! </body>
! </html>
--- 1,12 ----
! <html>
! <head>
! <title>Page 1</title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css">
! </head>
! <body>
! <Include SRC="{{./}}header.html"/>
! <Include SRC="{{./}}page1_content.html"/>
! <Include SRC="{{./}}footer.html"/>
! <br>
! </body>
! </html>
Index: header.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/header.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** header.html 15 Aug 2003 09:09:26 -0000 1.2
--- header.html 25 Aug 2003 14:28:29 -0000 1.3
***************
*** 1,6 ****
! <!--# This template is included at the begining of each page #-->
! <!--# This is a framework comment, and it will not
! be displayed in the generated HTML page #-->
! <!-- This is a usual HTML comment and it
! will be part of the generated page -->
! <h1>Sample Application 2: Templates</h1>
--- 1,6 ----
! <!--# This template is included at the begining of each page #-->
! <!--# This is a framework comment, and it will not
! be displayed in the generated HTML page #-->
! <!-- This is a usual HTML comment and it
! will be part of the generated page -->
! <h1>Sample Application 2: Templates</h1>
Index: footer.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/footer.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -C2 -d -r1.4 -r1.5
*** footer.html 20 Aug 2003 07:36:39 -0000 1.4
--- footer.html 25 Aug 2003 14:28:29 -0000 1.5
***************
*** 1,10 ****
! <script language="JavaScript" src="{{./}}footer.js"></script>
! <hr>
! <br>
! Go To
! [ <a href="javascript: goto_page1()"> Page 1 </a>
! | <a href="javascript: goto_page2()"> Page 2 </a>
! | <a href="javascript: goto_page3()"> Page 3 </a> ]
! <br><br>
! <a href="javascript:go_back()"><img src="{{IMG_URL}}back.png" alt="Back" border="0"></a>
! <a href="{{APP_URL}}"><img src="{{IMG_URL}}home.png" alt="Home" border="0"></a>
--- 1,10 ----
! <script language="JavaScript" src="{{./}}footer.js"></script>
! <hr>
! <br>
! Go To
! [ <a href="javascript: goto_page1()"> Page 1 </a>
! | <a href="javascript: goto_page2()"> Page 2 </a>
! | <a href="javascript: goto_page3()"> Page 3 </a> ]
! <br><br>
! <a href="javascript:go_back()"><img src="{{IMG_URL}}back.png" alt="Back" border="0"></a>
! <a href="{{APP_URL}}"><img src="{{IMG_URL}}home.png" alt="Home" border="0"></a>
|
