Wireframe Design

What is Wireframe ?

Website wireframes are simple line drawings that show the placement of elements on a web page[User interface].
This works like blue a print or skelton, before starting the actual design. You can save yourself a great deal of time by editing the layout of a simple wireframe at the start of the design process instead of a complex design later.

There are different approaches for this
– Can be very rough sketches on paper [Perfect method…. to get start .. before touching Powerpoint or visio]
– Sketches on board [its very similar to sketches on paper]
– Powerpoint wireframes [ its my fav method… for me its easy to show the navigation .. by using slides of powerpoint..]
– Visio approach [most popular:- beacause this tool has lot of readymade web elements, so user just need to drag and put in right places :)]

here are the some good examples… have got from net…sharing with all of you….
Please check Url of Matt Brett …. he has very good portfolio… CLICK HERE
check this too, please check the portfolio section one by one.. — Nadine Schaeffer

other resources

POP up html window, javascript , Css

Number of times, i have tried to make html popup based application… finally i have got very good solution. Here m framing that code, its output is well enough. Take this and paste as it is in notepad and save it as a .html file.. and see the output. To make attractive, u can go for images within CSS.
follow these steps
1. Copy this code in notepad
2. Save notepad file with .html extension
3. Popup application is ready



<html>
<head>
<title>Desktop Provisioining Portal</title>
<style type="text/css">
#child
{
position: absolute;
top: 50%;
left: 50%;
margin-left: -365px;
margin-top: -250px;
z-index: 3;
width: 730px;
height: 520px;
background-color:black;
background-repeat: repeat-x;
border: solid 3px #2c7292;
}
#divTitleBar
{
position: relative;
text-align: right;
width: 100%;
margin-top: 5px;
margin-left: -5px;
}
</style>

<script language="javascript">
function show(HtmlPage)
{
var childDiv=document.getElementById('child');
childDiv.style.display="block";
var childWebPage=document.getElementById('childSite');
childWebPage.src=HtmlPage;

}
function closeChild()
{
var childDiv=document.getElementById('child');
childDiv.style.display="none";

}
</script>

</head>
<body>
Primary Layer Contents
<input type="button" value="window 1" onclick="show('http://artsrajesh.blogspot.com/');" />
<input type="button" value="window 2" onclick="show('http://artsmaths.blogspot.com/');" />
<input type="button" value="window 3" onclick="show('http://artseye.blogspot.com/');" />
<div id="child" style="display: none">
<div id="divTitleBar">
<input type="button" value="close" alt="" onclick="closeChild();" />
</div>
<iframe id='childSite' style="width: 725px; height: 478px;"></iframe>
</div>
</body>
</html>