Webpage Designing

Website

Website is the collection of webpages.

Website can be of two type:

Static Website 2. Dynamic Website

Static Website:

User interaction is not involved.

Dynamic Website:

User interaction is involved.

Webpage:

A webpage is a document that is displayed on the web browser.
It is smallest unit of any website.
We can create any webpage with the help of HTML and CSS.

HTML: HYPER TEXT MARKUP LANGUAGE

CSS: CASCADING STYLE SHEET

For Webpage designing we use Adobe dreamweaver software.

HOW TO MAKE WEBPAGE

With Table:

<html >

<head>

<title>Webpage designing</title>
</head>

<body>
<table align="center">
<tr>
<td width="1024" height="150" bgcolor="#FF6600" colspan="3"><font size="+6" color="#FFFFFF">webdesigning blog</font></td>
</tr>

<tr>
<td width="300" height="500" bgcolor="#99CC00"></td>
<td width="424" height="500" bgcolor="#856947">
<table>
<tr>
<td width="424" height="100" bgcolor="#663399" colspan="3"></td>
</tr>
<tr>
<td width="100" height="300" bgcolor="#663399"></td>
<td width="224" height="300" bgcolor="#568921"></td>
<td width="100" height="300" bgcolor="#451278"></td>
</tr>
<tr>
<td width="424" height="100" bgcolor="#663399" colspan="3"></td>
</tr>

</table>
</td>
<td width="300" height="500" bgcolor="#99CC00"></td>
</tr>

<tr>
<td width="1024" height="100" bgcolor="#895623" colspan="3">

</td>
</tr>

</table>
</body>
</html>

Without Table Or Using Div:

<html>
<head>
<style type="text/css">
body{ margin:0;
}
#container{ width:1024px;
height:auto;
margin:0 auto;
}
#header{ width:1024px;
height:150px;
background-color:#009966;
float:left;
font-size:36px;
color:#FFFFFF;
text-align:center;

}
#panel_left{ width:300px;
height:500px;
background-color:#789456;
float:left;
}
#panel_mid{ width:424px;
height:500px;
background-color:#235689;
float:left;
background-image:url(image/campus.jpg);
background-repeat:no-repeat;
}
#panel_right{ width:300px;
height:500px;
background-color:#456124;
float:left;
}
#footer{ width:1024px;
height:200px;
background-color:#6633CC;
float:left;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div id="container">
    <div id="header">web development</div>
    <div id="panel_left"></div>
    <div id="panel_mid"></div>
    <div id="panel_right"></div>
    <div id="footer"></div>

</div>
</body>
</html>

Wednesday 3 August 2016

Webpage

Website

HOW TO MAKE WEBPAGE

With Table:

Without Table Or Using Div: