Friday, November 22, 2013

Tute 5 : Create Dynamic Website Using Php, Mysql, Html and Css : Link css file in Html

Now open the index.php file and update the code.


Write this code in into body tag.

<html>
    <head>
        <title>Welcome to my tute school</title>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
    <body>

<div id="mbody">
    <div id= "head-con">
        <h1>Tute School</h1>
     </div>
    <div id= "menu-con">
        <ul><li>Home</li><li>Html</li><li>Css</li><li>Php</li><li>mysql</li></ul>
    </div>
    <div id ="body-con">
        <div id= "body-con-l">
            <h3>This is left container.</h3>
        </div>
        <div id= "body-con-r">
            <h3>This is Right container.</h3>
        </div>
    </div>
    <div id= "bottom">
    <h3>This is footer for copyright</h3>
    </div>
</div>
</body>
</html>

Save the index.php file (Ctrl+S). Open the Google Chrome and refresh the index.php page.
We make a simple static website Homepage.
Tute-3 Pic 1
Step by step we made it dynamic website.

No comments :

Post a Comment