2013-07-13

افضل مواقع العاب الاندرويد

بسم الله الرحمن الرحيم 



android



كثير منا يستخدم فى تنزيل الالعاب الخاصة بالهواتف التى تعمل بنظام الاندرويد Play store
 لتنزيل الالعاب من خلالة ولكن توجد العاب كثيرة فى غاية الجمال والروعة
تكون غير مرئية عن اعيننا ولا نستطيع الوصول لها من خلال Play store


فى هذا الموضوع استعرض عليكم افضل مواقع على الاطلاق لتنزيل العاب
الهواتف التى تدعم الاندرويد والميزة فى تلك المواقع سهولة تحميل الالعاب منها 









 

2013-07-11

تعليم كيفيه تصميم موقع بلغه (HTML) الدرس الثانى

بسم الله الرحمن الرحيم


design-web


قمنا فى الدرس الاول بشرح كيف تنشأ صفحة ويب عن طريق لغة HTML فى هذا الدرس سوف استعرض عليكم كيفية 
ادراج الالوان وكتابة النصوص  وتغير احجام الخطوط

اولا: نبدا بحجم الخطوط الكود الخاص بها لتغير احجام الخطوط



<html>
<head>
<title>
صفحتي الأولى
</title>
<head/>
<body>
<center>
<h1/> ھذا ھو خط 1 <h1>
<h2/> ھذا ھو خط 2 <h2>
<h3/> ھذا ھو خط 3 <h3>
<h4/> ھذا ھو خط 4 <h4>
<h5/> ھذا ھو خط 5 <h5>
<h6/> ھذا ھو خط 6 <h6>
<center/>
<body/>
<html/>


<h1/> هنا اكتب ما تشاء على حسب الحجم الذى تريدة  <h1>

design-web1



 ثانيا : كتابة النصوص 

يدخل بها خصائص عديدة فا الكود الخاص بكتابة النص هو <p/> هنا يكتب النص <p>

اذا كنت تريد ان تكتب نص بخط مائل فا الكود الخاص به هو <em/>  الكلام يصبح مائل <em> وهناك كود اخر 
يقوم بميل الخطوط وهو    <i/>  كود اخر يصبح من خلالة الكلام مائل  <i> 

 اذا كنت تريد ان يوجد اسفل الكلام خط فا الكود الخاص بة هو <strike/> يصبح اسفل الكلام خط <strike
ويوجد كود اخر وهو <U/>   اسفل الكلام خط  <U> 
 
اذا كنت تريد ان يوجد كلمة مميزة غامقة اللون فا الكود الخاص بها هو <b/> تصبح الكلمة غامقة الون <b> ويوجد كود
اخر لتغميق الون وهو <strong>  يصبح لون الكلمة اغمق   </strong>

 هيا نستعرض الخطوات السابقة ونرها على الطبيعة



 <html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body>
<center>
<h/> السلام علیكم ورحمة الله وبركاته <h4>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع  <p>
      <u/> فوتوشوب <u> 
<center/>
<body/>
<html/>



design-web2


 ثالثا : ادخال الوان على النصوص وعلى خلفية الصفحة 

بالنسبة للون الصفحة فهيا تكتب مع الامر <body>  فى اول التصميم للصفحة. كتابة الون تاخذ شكلان اما بالارقام او باسم اللون 
يكون الامر 
<body bgcolor="اسم أو رمز اللون">





 
 <html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body bgcolor="#990000">
<center>
<h4/> السلام علیكم ورحمة الله وبركاته <h4>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع  <p>
      <u/> فوتوشوب <u> 
<center/>
<body/>
<html/>

 بعد التجربة العملية تظهر الصفحة بهذا الشكل و يمكن كتابة الكود بدلا من الارقام بالغة الانجليزية يعطى نفس النتيجة


<body bgcolor="red">




design-web3





لتغيير لون أو حجم أو نوع الخط , نستخدم الأمر font( والذي له وسمين للبداية والنهاية ) وذلك من خلال الأوامر:
color .. للون
size .. للحجم
face .. لنوع الخط
وهذه الأوامر الثلاثة تكون داخل وسم البداية للأمر font 


<html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body>
<center>
 <font face="andalus" color="#EB0202" size="6">
السلام علیكم ورحمة الله وبركاته
<font/>
<br>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع  <p>
      <u/> فوتوشوب <u>
<center/>
<body/>
<html/>
 



design-web4

ملحوطة عند اختيار الخط لابد فى تصميم موقعك اختار خط يكون شائع لانك اذا قمت باختيار نوع خط غريب عن الجمهور فلا يظهر عند احد متصفحى موقعك لان لا يوجد عندهم هذا الخط مثلك








2013-07-09

تعلم كيفية إظهار زوار مدونتك وبلد كل زائر اون لاين

بسم الله الرحمن الرحيم 


يشغل الكثير من اصحاب المدونات عدد الزيارات اليومية للمدونة وعدد الزوار المتواجدة اون لاين سوف استعرض عليكم فى هذا
الموضوع ان تشاهد كم عدد المتواجدون حاليا فى مدونتك وما هى بلادهم من خلال حركة فلاشية فى غالية الروعة



who-online

اولا :- قم بالدخول الى هذا الموقع http://www.99counters.com

قم بالاشتراك فى الموقع بالاميل الخاص بيك من Log In
بعد الدخول بالميل الخاص بك قم باختيار البلد التى انت منها كما مبين فى الصورة




who-online1


بعد الدخول الى Create Counter سوف يظهر لك هذه القائمة كما مبين فى الصورة اختر من theme الوان الذى تفضلة
ثم اكتب اسم بلد ثم تبدا بالعمل عندما يكون كم عدد الزوار المتواجدون ثم وقت البلد


who-online2



يوجد فى الاعلى كلمة My Themes لو كنت ترغب فى تصميم الموضوع بطريقتك والتحكم فى المقاسات ولون الخط
والاطار الخارجى


who-online3


بعد الانتهاء من التصميم ارجع لكلمة My Counters  ثم ادخل على كلمة Theme سوف تجد الاسم الذى قمت تسجيل
العمل بة موجود اضغط علية وتاكد باكتمال البيانات اسم البلد والوقت ثم اضغط Save سوف يظهر لك كود


who-online4

ثم ادخل الى المدونة الخاصة بك اذهب الى كلمة تخطيط ثم اختر أداة لابد من ان تكون الأداة HTML/JAVASCRIPT
ثم قم بتنزيل الكود بداخل الأداة واذهب الى مدونتك وشاهد عدد زوار الصفحة ومن اين بلادهم اونلاين





نسال الله ان يكون نال الموضوع اعجابكم وشكرا لمتابعتكم لنا

2013-07-06

اصنع من صور بروفايلك انت واصدقائك فديو على الفيس بوك

بسم الله الرحمن الرحيم

للفيس بوك خدع وخفايا يجهلها كثير منا معنا فى مدونة "الوان الويب" سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .




photo-fb



يعد تبادل الصور بين الاصدقاء على الفيسبوك من الامور المستحبة بين الاصدقاء وبعضها الموقع التالى :- http://www.pixable.com 

يتيح لك ان تصنع من صورك انت واصدقائك فديو بطريقة جميلة يمكن من خلالة استعراض صور متعددة على هيئة فديو.


photo-fb1



 وايضا يتيح لك الموقع استعراض كافة صور اصدقائك بدون الدخول لبروفايل كل منهم على حد
فالصور تظهر من الموقع منسدلة اسفل بعضها 



photo-fb2


الاشتراك فى الموقع يستحق التجربة لان يوجد بة تقسيمات لك فترات الصور والفديو الخاصة بك انتا واصدقائك وامور اخرى كثيرة

كيفية ادراج فلاش فى صفحة ويب Html

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

إستكمالا لدورة تعلم تصميم المواقع بلغة Html ،فى هذا الدرس سنتعرف على كيفية إضافة فلاش على صفحة ويب أو على المواقع التى تعمل بلغة Html مثل بلوجر و الورد بريس.
flash-icon
يمكن متابعة الدروس السابقة :
1.كيف أبدأ تعلم التصميم على الإنترنت
2.مقدمة عن أكواد Html وفائدتها
3. كيفية تصميم موقع بلغة Html

فالفلاش يستعين به كثير من أصحاب المواقع كهيدر فلاشى أو إضافة ألعاب الفلاش ولكن يفضل التقليل من الإضافات الفلاشية فى الصفحة حتى تكون سريعة التحميل.
الخطوة الأولى:
صنع ملف فلاش بإستخدام البرامج المخصصة لذلك مثل برنامج Adobe Flash Studio أو Flash Banner Maker  أو برنامج adobe flash professional أو برنامج Swishmax  ,............... وغيرها من البرامج الكثيرة المهم أن يكون الملف بصيغة SWF

الخطوة الثانية:
رفع الفلاش على شبكة الإنترنت على أى موقع إستضافة برابط مباشر بمعنى ينتهى الرابط بإمتداد الملف الفلاشى SWf
إذا كنت لا تمتلك موقع إستضافة يمكن إستخدام الدروبوكس Dropbox   فى حفظ الملفات والحصول على رابط مباشر.

الخطوة الثالثة: 
بعد الحصول على الرابط المباشر للفلاش يمكن إستبداله بالرابط الملون باللون الأزرق بالكود التالى ثم نسخ الكود إلى صفحة الويب 

 
<embed src="https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf" 
                    quality="high" allowscriptaccess="always" 
                    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" 
                    align="middle" height="150" 
                    width="150"></embed>


أما إذا كنت تريد إضافة الفلاش مع خلفية شفافة فيمكن إستخدام هذا الكود
 
<br />
<center>
<embed height="150" src="https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>
<center>

يمكن التحكم فى طول وعرض الفلاش بتغيير قيم الطول والعرض بالكود width ,height

إستخدام محرر Html للإضافة فلاش إلى صفحات الويب:

يمكن بإستخدام البرامج ومحررات أكواد Html الحصول على الكود المناسب لإضافة الفلاش بصفحة الويب وضبط الإعدادات المناسبة لذلك وهذا مثال بسيط:

إذهب إلى محرر أكواد Html  

 ثم إضغط على أيقونة الفلاش الموجودة بشريط الأدوات

html-editor

 ثم كتابة رابط الفلاش المباشر بالجدول الخاص بإعدادات الفلاش وضبط الطول والعرض بتبويب general
 ولضبط المحاذاة والشفافية والجودة من تبويب properties

html-codes

وللحصول على الكود إضغط علىsource أعلى شريط الأدوات بالمحرر
ثم إنسخ الكود داخل أى صفحة Html أو داخل موضوع بمدونة بلوجر أو وورد بريس

الرجاء عدم نسخ الموضوع بدون ذكر مصدره ورابط المدونة

2013-07-05

خدعة جديدة من الفيسبوك تعين اى شى من المنتجات العالمية على منشوراتك

بسم الله الرحمن الرحيم

للفيس بوك خدع وخفايا يجهلها كثير منا معنا فى مدونة "الوان الويب" سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .

سوف استعرض عليكم موقع تقدر وانتا بتنزل اى حاجة على الفيسبوك تقدر تنسبها الى جميع انواع شركات المحمول فى العالم وجميع 
المنتجات العالمية كانك منزلها من جوة الشركة 


اولا: عليك بالدخول للرابط التالى  :

www.fbstatusvia.com




fb-fake



الموقع يوجد بداخلة اغلب شركات الهاتف وشركات البرامج وضامم اشياء عدة قم بالضغط على اى اسم من القائمة سوف تظهر 
هذة النافذة 


fb-fake1


قم بادخال البوست الذى تريد نشره ثم اضغط shere 
اذا كنت تمتلك هاتف محمول نوكيا مثلا وتريد ان يظهر انك ترسل البوست من هاتف سامسونج s4
اختار من القائمة سامسونجs4 وضع البوست الذى تريدة يظهر لك انك قمت من هاتف سامسونج s4 كما مبين فى الصورة 

fb-fake2

شكرا لمتابعتكم لنا


2013-07-02

تعليم كيفيه تصميم موقع بلغه (HTML) الدرس الاول


بسم الله الرحمن الرحيم 


design-web1

 

مقدمة :- ان تعلم تصمیم و برمجة المواقع لیس بالامر الصعب و انما یحتاج فقط لبعض الجھد و المثابرة ، ولذلك انصحك عزیزي القارئ ان تقوم بتنفیذ الامثلة الموجودة في ھذا الموضوع بشكل عملي لكي تتعلم من الاخطاء و لكي ترى بنفسك مدى سھولة الامر .
بدایة استطیع القول ان الاسلوب المناسب في شرح مثل ھذه المواضیع ھوالتركیزعلى الجانب العملي وضرب الامثلة وھذا ھو الاسلوب الذي ساحاول ان اتبعھا في الشرح.
اولا:- عليك عزيزى المصمم بتواجد برنامج لتحریر النصوص ولذلك یمكنك استخدام  Notepad الذي ینزل تلقائیا عند تنزیل الویندوز وھناك برامج اخرى مثل
Text padبكونھا یعمل على تلوین العناصر الاساسیة للغة الھتمل  والذي یمتاز عن Notepad و بالتالي يمكن اكتشاف الاخطاء الاملائیة حال حدوثھا و یمكن تنزیل البرنامج من الموقع التالي:   www.textpad.com

نبدأ اولا: بالوسوم يتم كتابة أوامر اللغة HTML على شكل ما يعرف ب " الوسوم ".

الوسوم هي أقواس ذات شكل خاص .. لها الشكل التالي..


<الأمر>

حيث يتم وضع الأمر بين القوسين.
وهناك نوعان من الوسوم لكل أمر..
وسم بداية أو فتح مثل:

<الأمر>

ووسم نهاية أو غلق مثل:

<الأمر/>


وهناك بعض الأوامر التي ليس لها سوى وسم بداية (فتح) فقط.


 هناك أربعة وسوم رئيسة ستجدها تقريبا في كل صفحة وهي:

وسم البداية وسم النهاية وظيفة الأمر
<html> <html/> يستخدم هذا الأمر في كل صفحة كوسيلة للتعريف باللغة
<head> <head/> هذا الأمر يختص بإحداث تغييرات في شريط العنوان
<title> <title/> هذا الأمر لتغيير عنوان الصفحة العلوي في شريط العنوان
<body> <body/> هذا الأمر يختص بتغيير شكل الصفحة ومحتوياتها من نصوص وصور


قم بفتح برنامج notepad وسوف استعرض عليكم بعض الاكواد لتجربتها ولمعرفة
استخدام كل كود وماذا يفعل ولابد بتجريب الاوامر بطريقة عملية عليها لمعرفة استخدام كل منها وفيما يستخدم هذا الوسم ولابد بعمل  save as لصفحة notepad وكتابة الامتداد باسم الموقع ثم html.
مثال : الصورة توضح طريقة حفظ العمل ينتهى اسم الموقع بى html.



save.web

عليك عزيزى المصمم برسم الموقع فى عقلك وكم عدد الصفحات والعناوين التى سوف يحتوى عليها لتسهيل عملية التصميم . تصميم الموقع هو ليس بامر معقد الكثير يعتقد ذلك ولكن هو عبارة عن بعض الاكواد البسيطة تستخدمها لعمل الموقع 




<html>
<head>
<title>
صفحتي الأولى
</title>
</head>
<body>
<center>
أھلا وسھلا بكم
<br>
في موقعي
</center>
</body>
</html>


شرح استخدام كل كود 




<html>~~~~~~~~~~~~~~~~~~~~~~ </html>

HTML یمثل كود </html> وبین ال <html> ما بین


<head>~~~~~~~~~~~~~~~~~~~~~~</head>
(head) یمثل ما سیكون في جزء الراس </head> و بین ال <head> ما بین



<title>~~~~~~~~~~~~~~~~~~~~~~~~~~ </title>
یمثل  العنوان و الذي سوف یكون في الراس وفي مثالنا سوف نطبع" صفحتي </title> و بین ال <title> ما بین
الاولى"


<body>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</body>
(body) یمثل ما ھو موجود في جزء الجسم </body> و بین ال <body> ما بین


<center>~~~~~~~~~~~~~~~~~~~~~~~~~~</center>
یتم لھ عملیة توسیط </center> وبین <center> ما بین
وھنا لاحظ ان العبارتین" أھلا وسھلا بكم " و عبارة" في موقعي" تم طباعتھن في منتصف الصفحة


<br>
او
<br />
(Enter وذلك للنزول الى السطر التالي ( اي تعمل عمل ال
السؤال الان : ماذا لو كتبنا الكود كما یلي
أھلا وسھلا بكم
في موقعي
ھل سیطبع" أھلا وسھلا بكم" ثم ینزل سطر الى الاسفل لیطبع "في موقعي" ؟ <br> دون استخدام
بالاضافة <br> الجواب: للاسف لا سوف یقوم بطباعة الجملتین في نفس السطر و لذلك نحن نقوم باستخدام
الى طرق اخرى سوف یتم ذكرھا

قم باخذ الاكواد الموجود بالاعلى لتجربتها بنفسك فتصميم المواقع اهم شى فيه هو العمل على كل شئ وتجربتها لتتعرف على خصائص كل كود وماذا يفعل 
وبعد فتح notepad ووضع الاكواد لا تنسوا ان تحفظ ويوضع بعد اسم الموقع 
html. 
يظهر العمل بهذا الشكل ولقدت نجحت عزيزى المصمم فى تصميم اول صفحة لك على الانترنت 


my-web


الدرس القادم سوف نستعرض فية طريقة كتابة النصوص وكيفية ادراج الالوان عليها وطريقة عمل الجداول .
نتمنى ان يكون نال الشرح اعجابكم