Guidance portal

World of Guidance and Education

HOME WEBPAGE:

For further understanding of the HTML, an example of developing the home webpage is chosen. Home webpage as the name suggests is the home of a website where all the major headings or structure of the website is shown. All sub-webpages are normally linked to home webpage.

In this example an educational website has been chosen to be developed. For an educational website the main headings might be as follows.
ENGLISH
ECNOMICS
HISTORY
MATHS
STATISTICS
BIOLOGY
And all other pages are design according to these headings.

The comprehensive code is given below. All the tags used have been explained in detail in relevant chapters. Please refer the chapters if you find any difficulty in understanding the code.

    <!DOCTYPE html>
    <html>
    <head>
    <title>our first web page</title>
    </head>
    <body>
    <div align="center"><img src="logo copy.jpg" width="900" height="100" align="middle"></div>
    <p><form method="get" action="http://www.guidanceportal.com/search/" target="_top">
    <div align="right">
    <input class="searchentry" id="searchterms" name="search" accesskey="5" size="50" title="Type the words you want to look for here and click the Search button" type="text">
    <input value="Search" type="submit">
    &nbsp;&nbsp;&nbsp;&nbsp;<br/>
    </div>
    </form></p>
    <table width="100%" height="742" border="0">
    <tr>
    <td width="21%" valign="top"><table width="97%" height="326" border="0">
    <tr>
    <td bgcolor="#00CCFF"><h3><strong><a href="#">MAIN HOME</a></strong></h3></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><strong><a href="#">ENGLISH</a></strong></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><p><strong><a href="#">ECNOMICS</a></strong></p></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><p><strong><a href="#">HISTORY</a></strong></p></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><strong><a href="#">MATHS</a></strong></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><strong><a href="#">STATISTICS</a></strong></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#00CCFF"><strong><a href="#">BIOLOGY</a></strong></td>
    </tr>
    <tr>
    <td height="40" bgcolor="#00CCFF"><strong><a href="#">CONTACT US</a></strong></td>
    </tr>
    </table></td>
    <td width="59%" valign="top"><p>MIDDLE PLACE IS FOR YOUR CONTENTS </p>
    <p>IN THIS PAGE YOU WILL SHOW YOUR MAIN CONTENT HEADINGS TO TELL THE VISITOR THIS WEBSITE CONTAIN WHAT..........................</p>
    <p>............................</p>
    <p>............................</p>
    <p>...............................</p>
    <p>.......................... SO ON.......................</p>
    <p>REMEMBER THIS IS EXAMPLE OF HOME PAGE NOT A REAL HOME PAGE .......</p></td>
    <td width="20%" valign="top"><p>THIS IS THE PLACE FOR ADVERTISEMENT OR FOR YOUR MAIN LINKS LIKE CONTACT LINKS SEE BELLOW..</p>
    <p>follow us on <a href="#">FACEBOOK</a></p>
    <p>follow us on <a href="#">GOOGLE</a></p></td>
    </tr>
    </table>
    <table width="100%" height="27" border="0">
    <tr>
    <td align="center">COPYRIGHT&copy;YOUR YEAR.ALL RIGHTS RESERVED.</td>
    </tr>
    </table>
    </body>
    </html>

    BROWER VIEW

    Home webpage example


This is the example of full webpage. we design this considering its home page of website..

 

comments powered by Disqus