Introduction
A Web Template is a ready-made website that will allow you to create high-quality websites in a fraction of the time.
Why web templates make sense in web design:
A web template turns a complex process into something simple:
1. The client selects the style they want from a collection of web templates.
2. Once the client makes their choice, any half competent web designer can easily customize the template to the client’s needs.
There are many factors that you need to consider when it comes to choosing the right website template. The end product would mostly depend upon your ability to decide which type of these templates suit your purpose best. Your decision, in turn would be influenced by what type of audience you intend to attract.
Thus in this Wiki article we will try to collect various web templates.
Types
Html Website Templates
Flash Website Templates
PSD website templates
Most Popular Categories
Here are few examples of most common web template.
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
(Unordered List) and class="list" refers to the
CSS object in CSS file.
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
Mobile Web Templates
Entertainment Websites Templates
My_Music_Band.com Personal Music band template were fans could easily access information about there stars,tours,albums etc.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="grid" refers to the
CSS object in CSS file.
<MARQUEE>
My Scrolling Text
</MARQUEE>
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Music Band Web Template.zip
Shopping Websites Templates
My_Mobile_Store.com Place were i can check out latest mobiles,reviews and everythings about mobiles.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="list" refers to the
CSS object in CSS file.
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Store Web Template.zip
My_Movie_Store.com One stop for movies were i can checkout the latest ones.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="list" refers to the
CSS object in CSS file.
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Rent Buy movies Web Template.zip
Sports Websites Templates
My_Cricket.com Place were we can check out latest cricket news and live score.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="list" refers to the
CSS object in CSS file.
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Cricket Web Template.zip
Fashion & Style Websites Templates
Fashion.com Place were we can check out latest fashion.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="grid" refers to the
CSS object in CSS file.
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Fashion Web Template.zip
Misc Websites Templates
Dog_Care.com One place were which really cares about your dog.
|
|
|
|
| Header Section
Title of web page enclosed in <title> tag.
This section can have a javascript section enclosed in
Example:<script type="text/javascript">
This section also refer to the css file of the project.
Example:<link href="resources/styles/baseStyles.css"
rel="stylesheet" type="text/css" />
|
| Body Section
This section is the important part of the HTML page.
In this example Body has List layout ul
and class="grid" refers to the
CSS object in CSS file.
Footer Example:© 2009 Nokia Developer
For more details refer to the source code.
|
|
|
|
| CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files.
Example:
body {
font-size: 100%;
color: #333333;
font-weight: normal;
font-family: sans-serif;
}
Syntax
selector {property:value}
For More Detail just refer to the
.css section of the project
|
|
File:Dog Care Web Template.zip
References
w3schools
Web Hosting
mobiforge
Website Design Process Steps
List of HTML editors
