×
Namespaces

Variants
Actions
Revision as of 07:18, 11 June 2013 by hamishwillee (Talk | contribs)

Mobile Web Template (ِArabic)

From Nokia Developer Wiki
Jump to: navigation, search


Contents

المقدمة

  • قوالب الويب الجاهزة تتيح لك انشاء مواقع عالية الجودة في اقل وقت ممكن :
  • السرعه .
  • التكلفه .
  • قوالب الويب هي ملفات بسيطة لأزاله كل التعقيد عن انشاء تطبيقات ويب :

1.يختار العميل قالب الويب المناسب لموضوع تطبيقه .
2. ويبمجرد أختيار العميل للقالب المناسب له يمكنه تخصيصه كما يشاء , و يعتمد ذلك على نوع القوالب المناسبة لموضوع التطبيق , وتذكر انه يؤثر تأثيراً كلياً علي مستخدميك .

وفي هذه المقاله سوف نحاول جمع قوالب الويب المختلفه

الأنواع

Html قوالب
Flash قوالب
PSD قوالب

فئات الأكثر شعبية

هنا مثال لبعض القوالب المشهورة

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

المراجع

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

96 page views in the last 30 days.
×