Click here to Skip to main content
15,884,298 members
Articles / Web Development / HTML

Master Pages using HTML and JavaScript

Rate me:
Please Sign up or sign in to vote.
4.74/5 (31 votes)
20 Jul 2015CPOL7 min read 262K   8.1K   50  
Describes a method whereby Web Master Pages can be developed using HTML and JavaScript.
<!DOCTYPE html PUBLIC 
          "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>

    <link rel="shortcut icon" 
          media="screen,print" 
          href="Images/favicon.ico" />

    <link type="text/css" 
          rel="Stylesheet" 
          media="screen,print" 
          href="CSS/GGGustafson.css" />

  </head>

  <body onload="javascript:add_header('Images/SiteLogo.png',
                                      'Default.aspx',
                                      'Journeys',
                                      'Contact Me Placeholder');
                javascript:add_footer('Images/ValidXHTML10.png');">

    <div id="header">
    </div>

    <table class="content" 
           cellpadding="0" 
           cellspacing="0">
      <tr>
        
        <td class="left_column left_content">
        
        </td>  
        
        <td class="center_column center_content">
          <form method="post"
                action="Default.aspx"
                style="width:100%; " >
            <input name="id" 
                   type="hidden" 
                   value="ContactMe" />
            <input name="referrer" 
                   type="hidden" 
                   value="GGGustafsonWebsite" />
            <table cellpadding="5px" 
                   border="0" 
                   style="font-size: 13px; 
                          font-family: Tahoma, Verdana;">
              <tr>
                <td align="right">
                  Your Name : 
                </td>
                <td> 
                  <input name="sender_name" 
                         type="text" 
                         style="width: 200px;" />
                </td>
              </tr>

              <tr><td colspan="2"></td></tr>

              <tr>
                <td align="right">
                  Your Email : 
                </td>
                <td>
                  <input name="sender_email" 
                         type="text" 
                         style="width: 200px;" />
                </td>
              </tr>

              <tr><td colspan="2"></td></tr>

              <tr>
                <td align="right">
                  Subject : 
                </td>
                <td>
                <input name="subject" 
                       type="text" 
                       style="width: 200px;" />
                </td>
              </tr>
              <tr><td></td></tr>
              <tr>
                <td align="right" 
                    valign="top">
                  Message : 
                </td>
                <td>
                  <textarea rows="10" 
                            cols="50" 
                            name="message" 
                            style="font-size: 13px; 
                                   padding: 3px; 
                                   font-family: Tahoma, Verdana;">
                  </textarea>
                </td>
              </tr>
              
              <tr><td colspan="2"></td></tr>

              <tr align="center" >
                <td colspan="2">
                  <input type="submit"
                         value="Send"
                         style="width: 75px; 
                                background-color:#B0C4DE;" />
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <input type="reset"
                         value="Reset"
                         style="width: 75px;
                                background-color:#B0C4DE;" />
                </td >
              </tr >

            </table>
          </form>
        </td>
        
        <td class="right_column right_content"></td>
        
      </tr>
    </table>

    <div id="footer">
    </div>

    <script type="text/javascript" 
            defer="defer" 
            src="Scripts/place_in_outerHTML.js"></script>
    <script type="text/javascript" 
            defer="defer" 
            src="Scripts/IO.js"></script>
    <script type="text/javascript" 
            defer="defer" 
            src="Scripts/add_footer.js"></script>
    <script type="text/javascript" 
            defer="defer" 
            src="Scripts/add_header.js"></script>

  </body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
United States United States
In 1964, I was in the US Coast Guard when I wrote my first program. It was written in RPG (note no suffixing numbers). Programs and data were entered using punched cards. Turnaround was about 3 hours. So much for the "good old days!"

In 1970, when assigned to Washington DC, I started my MS in Mechanical Engineering. I specialized in Transportation. Untold hours in statistical theory and practice were required, forcing me to use the university computer and learn the FORTRAN language, still using punched cards!

In 1973, I was employed by the Norfolk VA Police Department as a crime analyst for the High Intensity Target program. There, I was still using punched cards!

In 1973, I joined Computer Sciences Corporation (CSC). There, for the first time, I was introduced to a terminal with the ability to edit, compile, link, and test my programs on-line. CSC also gave me the opportunity to discuss technical issues with some of the brightest minds I've encountered during my career.

In 1975, I moved to San Diego to head up an IR&D project, BIODAB. I returned to school (UCSD) and took up Software Engineering at the graduate level. After BIODAB, I headed up a team that fixed a stalled project. I then headed up one of the two most satisfying projects of my career, the Automated Flight Operations Center at Ft. Irwin, CA.

I left Anteon Corporation (the successor to CSC on a major contract) and moved to Pensacola, FL. For a small company I built their firewall, given free to the company's customers. An opportunity to build an air traffic controller trainer arose. This was the other most satisfying project of my career.

Today, I consider myself capable.

Comments and Discussions