2013-06-28

اكواد الالوان Html للمصممين

أكواد الألوان Html 

قم بإختيار اللون المناسب ثم إنسخ الكود الخاص باللون

2013-06-27

تحميل خطوط عربية وانجليزية لمحبى التصاميم روووووووووعة

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

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


fonts-arabic


لتحميل الخطوط الانجليزية اضغط هنا 

fonts-english

2013-06-25

مخطوطات رمضانية بمناسبة شهر رمضان الكريم فى غاية الروعة

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

تنفرد مدونة "الوان الويب" بتقديم مخطوطات رمضانية فى غاية الروعة تستخدم لعدة استخدامات فى تصاميم رمضان ( المجموعة الاولى )




 كل عام وانتم بخير بمناسبة الشهر الكريم ونسال الله تعالى ان يتقبل منا صيامنا

ramadan

ramadan1

ramadan2

ramadan3

ramadan4

ramadan6







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


 لتحميل كل المخطوطات اضغط هنا



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






كيف تصمم شعار او لوجو من الحروف

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

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

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




design-logo


اولا بعد التفكير جيد فى الاسم الذى ترغب فيه عليك ان تختار اسم يتماشى مع الاستخدام . اذا كان محل او شركة او منتج غذائى 


سوف استعرض معكم طريقة بسيطة وسهلة لعمل الحروف على شكل لوجو :-


1- قم بفتح برنامج الفوتوشوب واختار المقاسات كما مبين فى الصورة



design-logo1


2- سوف استعرض معكم طريقة لعمل اسم مدونة "الوان الويب" بطريقتى الخاصة بعد اختيار مقاس الصفحة
اختر font لعمل الاسم الخاص بالمدونة يكون بمظهر مختلف وجذاب اسم المدونة Colors Wep سوف تبداء بحرف C
اذا علينا اختيار font يجعل من حرف C شكل جذاب لقد قمت بكتابة الحرف C لتحمل الفونت من هنا 
بعد تحميل الفونت افتح الكنترول بانل سوف تجد كلمة fonts ضع الفونت بداخلها
سوف يظهر حرف C بهذا الشكل قم بتكبير الحرف




design-logo2



ثم اختار اللون المناسب لك من Gradient
ثم من قائمة Bevel and Emboss هذه القائمة تقوم بوضع تأثير على الاشكال من اطرافها
ثم من قائمة Stroke اختار اللون الاسمر حتى تعطيك اللون الموجود على  اطراف حرف C
بهذا نكون قد انتهينا من حرف C وجعلنا شكلة مناسب





design-logo3


ثم ناتى الى حرف W هذا ثانى حرف من كلمة Colors Wep لابد ان يكون له شكل مختلف باسلوب مختلف
حتى يعطى شكل مناسب لابد من اختيار فونت مختلف للحرف حتى يعطى شكل فية ابداع
ولقد قمت بتغير الفونت لحرف W لتحميل الفونت اضغط هنا


design-logo4


بعد كتابة حرف W اختر لون اخر للحرف وقم بعمل Stroke  لتحديدها بالون الاسود

ناتى الى حرف ep حتى ننتهى من كلمة Wep لقد استخدمت الفونت بتاع حرف C وقمت بنسخ الخصائص التى
فعلتها فى حرف C على حرف ep من خلال copy layer style ثم الذها الى اللير الخاص بكلمة ep ثم ضعها
past layer style
 
design-logo5

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


design-logo6


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

design-logo6



لقد قمت بكتابة olors فى layer اخر وقمت بعمل stroke اوختيار اللون الاسود للكلمة حتى تظهر من الخارج باللون الاسود
ثم قمت بعمل Bevel and Emboss حتى تعطى تأثير بارز بعض الشى للكلمة


design-logo7



ثم قم بتحويل layer الى صورة حتى تسطيع التحكم فى تغير اللوان الكلمة بسهولة من Rasterize type ثم قم بتحديد كل حرف
تريد تغير لونة كما مبين فى الصورة  بعد فتح لير جديد واختيار اللون قم بتلوين الجزء المحدد هذه الطريقة لتسريع عملية تغير
الالوان 
design-logo8


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

نسال الله ان نكون قد افدناكم بهذا الدرس

2013-06-24

كود فانوس رمضان اضافة جديدة للمواقع والمدونات

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

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

كل عام وانتم بخير بمناسبة قرب شهر رمضان الكريم لهذا العام وأقدم لكم بهذه المناسبة إضافة رائعة تضاف للمواقع والمدونات لتهنئة زوار موقعك أو مدونتك بالشهر الكريم وهى فانوس رمضان.
من مميزات هذه الإضافة انها خفيفة وسريعة التحميل بعكس بعض الإضافات الفلاشية.
إختر الشكل المناسب الذى يناسب هيدر مدونتك أو موقعك ثم إنسخ الكود الخاص بالإضافة فى موقعك.
طريقة تركيب الإضافة على مدونات بلوجر:
  1. إذهب إلى لوحة التحكم بالمدونة.
  2. إختر تخطيط
  3. إختر أضف أداة
  4. إختر من الأدوات Html/javascript
  5. إنسخ الكود الخاص بالفانوس المناسب فى الأداة ثم حفظ

ramadan

<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="http://2.bp.blogspot.com/-QoTtI6AXgHc/Uch0_NUFmII/AAAAAAAAACk/iRnQLkOkctg/s1600/fan-3.png" width="50,height="100" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

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

fanos-ramadan


<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="http://3.bp.blogspot.com/-iCSCrsOxnTY/UchwP5L6MFI/AAAAAAAAACE/yryNAgX5PJg/s1600/fan-1.png"width="100,height="150" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة

islamic-lamb

<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="http://1.bp.blogspot.com/-f4-l2tHfG7Y/UchzJBP5tSI/AAAAAAAAACU/PZMcLOZDaHo/s1600/fan-2.png" width="50,height="100" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

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

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

2013-06-23

ما هو الهاشتاج في الفيسبوك و كيف يستخدم

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

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



hashtag


تم تفعيل الهاش تاغ منذ أيام قليلة على موقع التواصل الإجتماعي فيسبوك ، يعتبر الهاشتاغ أمراً جديداً بالنسبة لبعض مستخدمي الفيسبوك إلا أنه معروف و شائع لدى مستخدمي تويتر ، غوغل
الهاش تاغ هو عبارة عن كلمة مسبوقة بالرمز # ، وهو يستخدم لتصنيف منشوراتك على الفيسبوك ، فإذا أردت نشر تحديث يتعلق بمدونة الوان الويب مثلاً ، تكتب ضمن التحديث #الوان الويب


hashtag2

 هذة العلامة تتيح لك معرفة كل شئ يتعلق بهذا الاسم على الفيس بوك 
طريقة بسيطة للتعارف و التواصل بين الأشخاص اللذين يملكون اهتمامات مشتركة 
وتقوم بتسهيل امور كثيرة فى معرفة اسماء لاشخاص او اماكن .... الخ
 

 

2013-06-22

كيف تحذف بروفايل فيسبوك مزور ينتحل هويتك


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

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


fake fb

لعلك عانيت من مشكلة بروفايل مزور لك على الفيسبوك ، او انك سمعت بصديق لك عانى هو كذلك من هذه المشكلة ، طبعا هذه البروفايلات الوهمية غرضها واضح وهو التشهير بصاحب البروفايل او الإسائة الى سمعته ، وهذا هو الملاحظ بكثرة في صنف البنات ، كون ان العديد من ضعاف النفوس يعملون على إنشاء بروفايلات مزورة بصور إبحاية لأسماء فتيات من اجل تلطيخ سمعتهن ، وهذا امر لايمكن لاحد منا ان ينكره .
                              سوف نقوم بشرح تفصيلى لحذف الاكونت المزور الذى ينتحل شخصيتك 
   1- اذهب الى صفحة الشخص الذى ينتحل شخصيتك على الفيس بوك  سوف تجد سهم اضغط عليه 
ثم اختار  Report/Block
fake fb 1

2- ثم بعد تختار Block لاسم الشخص منتحل الشخصية 



fake fb 2

3- ثم تختار كما فى الصورة ان هذا الشخص منتحل لشخصيتك . اضغط على pretending to be me
ثم اضغط continue




fake fb 3

4- ثم تظهر هذه النافذة اضغط على I confirm that this report is correct ثم اضغط على Confirm


fake fb 4


5- ثم سوف تذهب لهذا الرابط  http://go.th3pf.com/datafbc


6- قم بتفعيل البيانات كما موضح بالصورة 


fake fb 5




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

fake fb 6

وبهذه الطريقة تقضى تمام على بروفايل هذا الشخص منتحل شخصيتك 
         
ملحوظة


      يحذف البروفايل بعد عمل هذه العملية خلال 48 ساعة من عملها


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


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

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



Protect the image2 FB

  1. كيف تحمي صورة البروفايل على الفيسبوك من السرقة

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

     بان يقوم احد باخذ الصورة وفعل امور غير مستحبة بها .

    الخطوة الاولى :

    بعد تسجيل دخولك على الفيسبوك ، انقر على إسمك في اليسار المقابل للصورة .

    الخطوة الثانية :

    اضغط على الصورة التى ترغب بعدم اظهارها لاحد سوف تجد على الجانب الايمن اسفل اسمك سهم اضغط عليه ثم اضغط على كلمة "Only My" بهذه الطريقة قمت باخفاء صورتك وحمايتها من السرقة 
    Protect the image FB 

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

2013-06-21

تعليم لغة اكواد Html وفائدتها الدرس الأول

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

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

بداية تعلم تصميم المواقع لابد وأن تبدأ بتعلم لغة HTML وتعلم كيفية إستخدامها لأنها هى لغة الويب الأساسية وقد ذكرت بعض التلميحات عن كيفية تعلم تصميم المواقع على الإنترنت يمكن الإطلاع عليها من هــناااااااا 
ولكن دعنا نتعرف أكثر عن لغة Html
html-icon
ما هى اكواد Html؟
Html هى اختصار لـ HyperText Mark-up Language  وترجمتها لغة توصيف النص التشعبي وقام بإختراع هذه اللغة تيم بيرنرز لي .عام 1990
وهى اللغة التى تسمح بعرض المعلومات على شبكة الإنترنت وهى أول لغة تم إستخدامها فى تصميم صفحات  المواقع قد يعتقدها البعض معقدة ولكنها بسيطة جدا وسهلة ويمكن تعلمها خلال أيام قليلة .

ما فائدة لغة Html؟
بالرغم من توافر برامج تصميم المواقع مثل دريم ويفر وفرونت بيج ومحررات الأكواد   فإن معرفتك للغة  Html ولو بشكل بسيط ستساعدك على إنشاء مواقع أفضل.
لايوجد صفحة ويب تخلو من اكواد html فهى تعتبر اللغة التى يقرأها أى متصفح انترنت فى العالم فعن طريق اكواد html يمكن انشاء موقع مكون من عدة صفحات مترابطة بشكل بسيط  وتنسيقها بالشكل المناسب.

كيف تنشئ صفحة ويب بإستخدام أكواد Html
1. ممكن انشاء صفحة ويب عن طريق فتح Notepad الموجود على جهازك فى الويندوز ثم إنسخ به كود Html وليكن هذا الكود

<p>تعلم تصميم المواقع من البداية الى الاحتراف</p>

<p>فى<a href="http://web-colors.blogspot.com/"> ألوان الويب</a></p>


ثم قم بحفظ الملف بأى إسم ولكن أضف إمتداد صفحة الويب وليكن بهذا الشكل file.htm
سنجدتحول ايقونة الملف الى ايقونة المتصفح الذى يعمل على جهازك وبفتح الملف سيفتح كصفحة انترنت بها بعض المعلومات.
لاحظ كيفية كتابة الكود وكيفية ظهور المعلومة.

2. من الافضل إستخدام++ notpad كما وضحت سابقا فى هذا الموضوع  لسهولة إستخدامه وتميز الأكواد بالألوان فهو يدعم العديد من لغات البرمجة ولحفظ صفحة الويب بلغة Html إحفظ الملف من قائمة File بأى إسم ثم إختر الإمتداد من القائمة save as type
" Hyper text mark up"

ويمكن تجربة صفحة الويب مباشرة على مختلف المتصفحات من خلال برنامج++ notepad 


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

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

 كيف أتعرف على أكواد Html لأى صفحة ويب؟
لاتوجد صفحة ويب تخلو من أكواد Html لذلك ممكن معرفة أى أكواد صفحة ويب من خلال المتصفح
بإستخدام متصفح فايرفوكس Firefox  أو متصفح جوجل كروم google chrome
بمجرد عمل كليك يمين على الصفحة ثم View page source تظهر الأكواد التى تحتوى عليها هذه الصفحة.

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