×
Namespaces

Variants
Actions
Revision as of 00:50, 10 June 2013 by bintk (Talk | contribs)

Mobile Web Template

From Nokia Developer Wiki
Jump to: navigation, search


Contents

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:

  • Speed.
  • Cost.

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.

News.PNG

Html.png
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 file.png
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

Btn download now.gif
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.

MyMusic Band.PNG

Html.png
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 file.png
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


Btn download now.gif
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.

Store.PNG

Html.png
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 file.png
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

Btn download now.gif
File:Store Web Template.zip


My_Movie_Store.com One stop for movies were i can checkout the latest ones.

My Movie Store.PNG

Html.png
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 file.png
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

Btn download now.gif
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.

My Cricket.PNG

Html.png
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 file.png
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

Btn download now.gif
File:Cricket Web Template.zip

Fashion & Style Websites Templates

Fashion.com Place were we can check out latest fashion.

Fashion Hub.PNG

Html.png
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 file.png
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

Btn download now.gif
File:Fashion Web Template.zip

Misc Websites Templates

Dog_Care.com One place were which really cares about your dog.

My Dog Care.PNG

Html.png
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 file.png
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

Btn download now.gif
File:Dog Care Web Template.zip

References

W3schoolscom gray.gif
w3schools
Web Hosting
Logo 180x36.jpg
mobiforge
Wikipedia.jpg
Website Design Process Steps
List of HTML editors

174 page views in the last 30 days.
×