مجانا | أكبر مكتبة لتحميل القوالب والملفات المختلفة والمتنوعة

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

تحميل مجاني لأكثر من 1000 قالب مختلف ومتنوعة

• Worksheet Templates

• Order Form Templates

• Application Templates

• Time Sheet Templates

• Sheet Templates

• وغيرها الكثير.. فقط قم بالدخول على رابط الموقع
  https://www.template.net/free
   

مجانا وبسهولة | إمتلك موقع لتحميل الملفات ومشاركتها بروابط مباشرة

بكل سهولة | إمتلك موقع لتحميل الملفات ومشاركتها برابط مباشر

صباح الخير .. اذا كنت صاحب مشروع أو موقع أو مدونة وتحتاج أن تمتلك موقعا (مخزن) سحابي لملفاتك وبسهولة
جوجل المشهورة بخدماتها والتي تفاجأنا بها..
أتاحت لنا بخدمتها الرائعة جوجل درايف من إمتلاك مساحة تخزينية بـــ 15 جيجا بايت مجاناً

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

إذا لكي تحصل على هذه الساحة المجانية الكبيرة ( هو أن تمتلك حساب على شركة جوجل) وهذا أيضاً سهل وبسيط
كل ما عليك فعله هو أن تفتح بريد إلكتروني على جوجل من هنا Google Mail
ولدخول على خدمة جوجل دريف من هنا  Google Drive

كود جافا سكربت | يحفظ القالب من السرقة القالب ويعطل الزر الأيمن

مساء الخير .. 
موضوعنا اليوم عن كود جافا ضروري جداً لكل مدون أو مطور للمواقع الويب...
هذه الكود يقوم بتعطيل استخدام الزر الأيمن من الفاره أو الموس..

وهو يقوم بتعطيل ( نسخ المواضيع والصور واظهار مصدر الصفحة -التي يقصد بها أكواد البرمجة للقوالب-)، الكود لا أقول أنه يمنع السرقة 100% وإنما يخفضها لـــ90%

الطريقة الآن:
-قم بنسخ الكود التالي:

<script src='https://cdn.rawgit.com/aljahdhami19/abt4u/master/save-code' type='text/javascript'/>

- ولزقه في قالب..

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب

تعد W3schools  مدرسة متكاملة لكل من يرغب في تعلم لغات البرمجة الأساسية وهي كالتالي:
- لغة HTML
- لغة CSS
- لغة JavaScript
- لغة SQL
- لغة PHP
- لغة JQuery

مدرسة W3schools  تحتوي على دروس متكاملة لكل لغة من اللغات التي ذكرناها وغيرها من لغات البرمجة وملحقاتها..

رابط موقع المدرسة

http://www.w3schools.com

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

w3schools | مدرسة متكاملة لكل مبتدئ في تصميم وتطوير مواقع الويب,لغة HTML,لغة CSS,لغة JavaScript,لغة SQL,لغة PHP,لغة   JQuery

كود جافا | لظهور زر التحميل بعد مدة زمنية بالثواني

في هذه التدوينة أقدم لكم كود جافا javascript ، للتحكم في زمن ظهور رابط التحميل، بحيث تختار المدة الزمنية.

يمكن استخدام هذه الاضافة، في:

• لصفحات الهبوط، التي تعرض برنامج أو منتج قابل للتحميل.
• للمواقع التي تعرض قوالب بلوجر، وردبريس ... وغيرها، التي تستطيع تحميلها.
• للفتحات الاجبارية.

لمعاينة الإضافة 

اضغط هنا

ولتحميل الاضافة

اضغط هنا

كتاب أجاكس ajax | لغة تصميم وتطوير المواقع بين Javascript و XML

السلام عليكم.. اليوم أقدم بين يديكم الجزء الأول(1) من كتاب أجاكس AJAX اللغة المبهرة في مواقع الانترنت التي تجمع بين javascript و XML 
- الكتاب من إعداد أيمن كزة

اتمنى لكم الاستفادة..

اضغط هنا تحميل كتاب أجاكس ajax book

إذا كنت مصمم ويب | ماذا تعرف عن الأيقونات الخطية أو خط Font-Awesome ؟

إذا كنت مصمم ويب | ماذا تعرفت يوماً عن الأيقونات الخطية أو خط Font-Awesome ؟

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

السؤال الآن: ماذا يقصد بالأيقونات الخطية أو أيقونات الخطوط؟
أيقونات الخطوط هي عبارة عن مكتبة رقمية توفر لنا العديد من الأيقونات على شكل خط ويتم التعمل مها عن طريق لغة CSS ، بحيث تستطيع التعامل مها بكل سهولة كأن تغير اللون والحجم وبدون أي مشاكل بطريقة مرنه وسلسة..
أما إضافتها فتكون عن طريق لغة HTML ..

 ولكن.. ما الذي يميز هذه الخطوط الأيقونية عن بقية الصور التي نستخدمها؟
# هناك عدة مميزها لهذه الخطوط الأيقونية:
- التحكم بها سهل ومرن، بحيث لا تفقد الصورة جودتها.
- حجمها الخفيف على الموقع، لأن كل ماتحتاجه هو أن تضيف رابط الخطوط (مرفق مع مع الملفات المكتبية بحيث يتم الرسم من خلاله) ومعرفة التكم بها.

هناك عدة مواقع تقدم هذه الخطوط الأيقونية أو أيقونات الخطوط.. ومن أشهر هذه الخطوط:
1 - Font Awesome.
2 - Open Iconic.
3 - Entypo. 

# حديثنا.. سيتركز على أحد هذه الخطوط وهو Font Awesome:

>> لمعرفة كيفة إضافة الخطوط Font Awesome إلى مدونة بلوجر، الشرح مقدم من مدونة  احتراف عربي:

(اضغط هنا)

أو 

شرح مدونة عرب ويب

(اضغط هنا)

ملاحظة: إذا صادفك أن حجب خط الأيقونة Font Awesome عن مدونتك على موقع بلوجر  (اضغط هنا)

>> أما لمعرفة كيفية إضافة الخطوط Font Awesome إلى موقعك الرجاء

(اضغط هنا)
 الشرح مقدم من معهد ترايدنت

moovly | صمم فيديو مشروعك باحترافية مجاناً + شرح بالفيديو

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

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

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

 

عليك الآن أن تقوم بالضغط على الرابط  والتسجيل على الموقع..

https://www.moovly.com 

تنبيه مهم : لابد أن يكون المتصفح الذي تستخدمه يحتوي على برنامج أو ملحق Adobe Flash

كود جافا سكريبت JavaScript | لحفظ حقوق تصميم وتعريب وتطوير قوالب ويب وبلوجر

السلام عليكم ورحمة الله وبركاته.. الموضوع الذي سنتطرق إليه هو كيف يمكنك أن تحفظ حقوقك كمصمم ويب؟؟؟؟

نعم ... كيف تحفظ حقوق تصميمك أو تعريبك أو تطويرك لأي قالب بذلت فيه جهدك ووقتك.. هل عانيت من سرقت أعمالك وشقاء الساعات لتطوير وتعريب أي قالب؟؟

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

الكود هو معدّ بلغة جافا سكريبت JavaScript ،، وما عليك الآن إلا أن تتابع الشرح الآتي لكي تحفظ حقوقك:
أولا: نذهب إلى تحرير القالب.. بعدها نبحث عن وسوم </head>
نأتي بعد ذلك للكود التالي ونغير رابط الموقع http://alabjadiah.net/ كذلك اسم المصمم yourname

<form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="100" style="border: 1px solid black; font-family: georgia; font-size: 16px; height: 300px; overflow: scroll; text-align: left; width: 400px;">window.onload = function(){<br /> var copy=document.getElementById("credit"); <br /> if(copy==null){<br /> window.location.href="<b>http://www.alabjadiah.net</b>/";<br /> };<br /> copy.setAttribute("href","<b>http://www.alabjadiah.net</b>/");<br /> copy.innerHTML="<b>yourname</b>"<br /> };

ثانياً: بعد التعديل نقوم بالدخول على أحد الموقعين لتشفير الكود
1. موقع dean.edwards.name --- اضغط هنا ---

2. موقع addressmunger --- اضغط هنا ---  
ثالثاً:نقوم بنسخ الكود الذي قمنا بتشفيره في أحد الموقعين، ثم نضعه مكان ( ضع الكود هنا )

<form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="100" style="border: 1px solid black; font-family: georgia; font-size: 16px; height: 300px; overflow: scroll; text-align: left; width: 400px;"><br /> <script type='text/javascript'> //<![CDATA[ <b>ضع الكود هنا</b> //]]> </script>

رابعا: الآن نقوم بنسخ الكود كاملا.. ونضعه فوق وسم <head/> الذي قمنا بالبحث عنه في أول الشرح..

خامساً وهي الخطوة الأخيرة،، نقوم بوضع كود حقوقك <id="credit">
وهو بهذا الشكل: مع تغيير الرابط واسم المصمم أو الموقع 

yourname  , yourwebsit

<form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="100" style="border: 1px solid black; font-family: georgia; font-size: 16px; height: 300px; overflow: scroll; text-align: left; width: 400px;"> <a href="http://www.yourwebsit.com/" id="credit" >yourname</a><br />

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

خطوط جوجل العربية | غير خطوط موقعك أو مدونتك إلى 6 خطوط جميلة ..

كثيرا ما كنا نعاني نحن المدونون العرب لكي نجد خطوط رائعة نستطيع أن نضعها على مدوناتنا، ولكن الآن صار بإمكانك أن نجمّل وتحسن بها مدونتك أو موقعك بخطوط راااائعة...

جوجل تقدم لنا 6 خطوط عربية جديدة، تحسن من شكل الموقع أو المدونة،،، وهي كالآتي، قمت بإضافة صوراً لكي يسهل لك إختيار الخط المناسب لك:

Amiri

 

 

***************************

Droid Arabic Kufi

 

***************************

 
Droid Arabic Naskh

 

***************************

 
Lateef

 

***************************

 
Scheherazade

***************************

 
Thabit
 

 

***************************

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

الآن بإمكانك أن تقوم بتحميل ملف الآكواد لهذه الخطوط 

حتى تستطيع اضافتها على موقع أو مدونتك

 

إضغط هنا

 

تحميل | كتاب السيو SEO للمبتدئين 5 أجزاء

كتاب السيو SEO للمبتدئين (تعلم SEO خطوة بخطوة)، يتحدث عن طرق تسلق محركات البحث بالنسبة للمبتدئين الذين لم يتمكنو بعد من معرفة أسرار ومميزات السيو ،صاحب الكتاب هو: الاخ حسين عبد الله.

الكتاب مكون من خمسة أجزاء، وهي على النحو الآتي:
-الجزء الاول: يحتوي على معنى السيو seo  بطريقة مبسطة وشاملة.

-الجزء الثاني: في ماذا تفيد عمليات السيو لموقعي ، ولماذا هي الأفضل ؟

- الجزء الثالث:  أساسيات السيو وخطوات تهيئة المواقع لمجركات البحث.

-الجزء الرابع: الأخطاء المنتشرة والمفاهيم الخاطئة للسيو.

-الجزء الخامس: يتضمن شرحا تفصيليا بالصور عن  كيفية إضافة وتسجيل موقعك في أغلب محركات البحث.

إضغط على الصورة لتحميل الكتاب

 

كلمات دلالية: كتاب السيو للمبتدئين ، SEO ، سيو ، تعلم SEO ، كتاب، أساسيات السيو، إضافة الموقع، محركات البحث، فائدة السيو،

تحميل | كورس قوة الباك لينك - backlinks

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

كورس قوة الباك لينك seo

و من بين أسرار النجاح في المجالات المتعلقة بالتجارة هو جلب المستهلكين (الزبائن)، وكسب ثقتهم، وأما في مجال الربح من الإنترنت كذلك نركز حديثنا عن كيفية جلب الزوار وزيادة عددهم، لذلك يعتبر السيو من المجالات التي يجب أن يتعلمها الانسان، فهي من الأشياء المهمة لإشهار تجارتك على الإنترنت، بل يمكنك أن تجعل من السيو Seo مصدر دخل مميز .

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

إليكم بعض محتويات الكتاب :

- المقدمة 

- ماذا قالو لك عن السيو seo ؟

- اهم خطوة قبل بناء الباك لينك  backlinks

- نقاط اساسية

- بناء باك لينكس

- الخاتمة 

صمم موقع الإلكتروني مجانا مع موقع | PSDtoWEB

أهلا وسهلا بكم زوار مدونتنا الأبجدية..

في هذه التدوينة سنتحدث عن موقع جميل جداً وسنتعرف على الخدمة العظيمة التي يوفرها لنا..

هل تحلم أن تمتلك موقعك الخاص ويكون من تصميمك؟؟

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

الموقع ( PSDtoWEB ) يوفر لك الخدمات الآتيه (طبعا بالمجان ومن غير تسجيل): 
1. تحويل التصميم من صيغة PSD إلى HTML
2. تقطيع التصميم ودمجها من ضمن لغات البرمجة


والآن وحتى لا أطيل عليك.. سنبدأ الشرح:
أولا: ندخل على الموقع 

 __ إضغط هنا __

ثانيا: بعدما تفتح لنا الصفحة، حتى نحصل على ملف الويب لموقعنا المصمم على الفوتوشوب ستمر العملية على ثلاث خطوات وهي كالآتي (موضحة على الصورة):

1. نقوم بالضغط على زر (تحميل ملف PSD ) .... لا تنسى بصيغة PSD

2. ستنفتح لنا صفحة من خلالها نقوم بالتأكد من الصورة وأيضا لغة البرمجة HTML
3. نقوم بتنزيل الملف بصيغة ZIP

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