أخر المقالات
تحميل...

السبت، 31 يناير 2015

الدرس الاول : دورة تعلم لغة البرمجة C

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

نبدأ دورتنا بعون الله ..


ان لغة C  تم تصميمها ما بين عامي 1969  و 1972 وقد صممت لتطوير نظام التشغيل يونكس ولكونها لغة جميلة وسهلة التعلم لاقت انتشارا واسعا واصبحت من أشهر لغات البرمجة واصحبت تستخدم في تصميم بعض اجزاء من انظمة التشغيل والبرامج الضخمة .
المعروف إن لغات البرمجة تقسم على ثلاثة أقسام رئيسية وهي :

low level language

mid level language

high level language

واللغة التي سنتعلمها في هذه الدورة هي من لغات المستوى المتوسط . فهي ليست لغة للتعامل مع الالة مباشرة وكذلك ليست لغة عالية المستوى حيث يوجد لغات اعلى منها وأفضل منها لكنها تعتبر الاساس والنواة الحقيقية لكثير من لغات البرمجة  التي صدرت بعدها مثل  ++C و java  و #C وحتى لغة تطوير المواقع php  فهي مبنية على اساس لغة الـ C التي سنتعلمها في هذه الدورة . واذا تعلمت لغة السي فإنك بذلك ستتعلم مايزيد عن 60 % من بقية لغات البرمجة وستتعلم مايقارب 80 % من لغة  ++C .
كما ذكرنا ان تعلم لغة C سيسهل عليك تعلم الكثير من لغات البرمجة الاخرى ولكن السؤال كيف نتعلم اللغة وماهي المتطلبات التي احتاجها ؟؟
لكي تبدأ بتعلم لغة C  وتبدأ بالبرمجة تحتاج الي ثلاثة امور :
اولا : محرر نصوص لكتابة الكود الذي نريد برمجته ( اي كود البرنامج ) وبعد ان تتم كتابة الكود يجب ان يتم خزن الملف بصيغة c
ثانيا : تحتاج الى مترجم او compiler وفائدته تحويل البرنامج الذي كتبناه الى كود بلغة الالة والذي يتكون من رقمين فقط هما الصفر والواحد ويكون بصيغة obj
ثالثا : تحتاج الى linker وفائدته تحويل الكود الذي في المرحلة الثانية الى ملف تنفيذي بصيغة exe . وكما نعلم ان اغلب البرامج التفنيذية تكون بهذه الصيغة .

هذه الخطوات الثلاث كنت تحتاجها سابقا حيث كان لابد من توفر ثلاث برامج في حاسبتك اما اليوم وبعد تطور التكنولوجيا وبعد التطور في البرامج ظهر مايسمى بـ ( بيئة العمل ) . اي برنامج واحد يغنيك عن كل الامور الثلاث التي ذكرناها حيث يحتوي هذا البرنامج على محرر نصوص و compiler و linker بالاضافة الي الي امور كثيرة وميزات كثيرة تحتويها بيئات العمل من ضمنها تصحيح اخطائك البرمجية والاشارة الى رقم السطر الذي يحتوي على الخطأ وغيرها من الامور .
اذن لتعلم لغة C لابد من توفير بيئة للعمل وبعد ذلك نبدأ بتعلم اللغة وتعلم البرمجة .
هناك برامج كثيرة تستعمل كمنصات لعمل هذه اللغة منها TURBO C  و DEV - C  و VISUAL C وغيرها من البرامج وهي كثيرة لكننا سنستعمل برنامج كود بلوك code block نظرا لميزاته الكثيرة وسهولته . وانت مخير بأمكانك استعمال اي برنامج ترغب به كبيئة للعمل .

الان سنشرح كيفية تحميل البرنامج وتنصيبه :
أولا الدخول إلى رابط التحميل  من الموقع الرسمي للبرنامج من الرابط التالي :
http://adf.ly/1ciY5e
واختيار الإصدار المناسب لنظام التشغيل الخاص بك

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

























الى هنا تنتهي عملية تنصيب البرنامج اما الصور القادمة تبين كيفية البدء بأستخدام البرنامج للبرمجة بلغة C


























نلاحظ بالصورة الاخيرة برنامج بسيط وافتراضي مكتوب بلغة  C  وهذا البرنامج لاظهار عبارة hello world على الشاشة . قم بتنفيذه ولاحظ النتيجة .

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

الأربعاء، 28 يناير 2015

هل تحب عزف البيانو ؟ اذا ادخل هنا واعزف من حاسبتك !


هل تحب عزف البيانو ؟ اذا ادخل هنا واعزف من حاسبتك ! . أهلا وسهلا بكم متابعينا الكرام في تدوينة جديدة نحب أن نلقي الضوء فيها على أحد المواقع الرائعة والذي بكل تأكيد سينال اعجاب كل عشاق الموسيقى وعشاق العزف على البيانو ومن يرغب في تعلم العزف . موقعنا لهذا اليوم هو virtualpiano والذي يعطيك بيانو افتراضي تستطيع العزف خلاله من حاسوبك وتستطيع العزف سواء بأستخدام الماوس أو لوحة المفاتيح كما ان الموقع يعطيك نغمات جاهزة بالاضافة الى دروس وستكتشف ذلك بنفسك .

الدخول الى الموقع من هنا
http://virtualpiano.net/
ستنتظر لحظات قليلة لكي يتم تحميل الموقع ثم ستظهر واجهة الموقع كما في الصورة الاولى . كل ماعليك فعله هو الضغط على صورة البيانو ليظهر لك بيانو افتراضي وتبدأ بالموسيقى . كما يمكنك الضغط على menu  ثم على key assist on لكي تظهر الحروف على البيانو وتعرف كيف تعزف واي زر تضغط .










الاثنين، 26 يناير 2015

برنامج جديد للأندرويد بعنوان facebook lite


طرحت شركة الفيسبوك تطبيق جديد للأجهزة التي تعمل بنظام الاندرويد بعنوان facebook lite وهذا التطبيق سيكون للأجهزة القديمة ذات الاصدارات القديمة  من الاندرويد وايضا سيعمل على الاصدارات الجديدة لكنه وبصورة خاصة موجه الى الاصدارات القديمة التي لاتستطيع استخدام تطبيق الفيسبوك الرئيسي .
التطبيق الجديد سيعمل على اصدارات الاندرويد من 2.2 وصعودا اي سيشمل أغلب اصدارات الاندرويد كذلك فهو سيتميز بسرعة عالية في التنصيب والتحميل حيث ان حجمه لم يتجاوز 1 ميغا بايت وسيعمل أيضا على شبكات 2G

لتحميل التطبيق من متجر google play
اضغط هنا

الأحد، 25 يناير 2015

سامسونج جالاكسي اس 6 قريبا





ذكر تقرير من موقع etnews ان شركة سامسونج ستطرح هاتفها الجديد والذي سيكون سامسونج جالاكسي اس 6  قريبا جدا واقرب مما نتوقع . حيث ذكر التقرير بأن الهاتف الجديد سيتم طرحه في نهاية شهر مارس 2015 . وسيحتوي الهاتف الجديد على كاميرا خلفية بدقة 20 ميكا بكسل وستكون افضل كاميرا على مستوى هواتف جالاكسي وكاميرا امامية بدقة 5 ميكا بكسل وستكون ذاكرة الوصول العشوائي ( RAM ) بحجم 3 جيجا بايت اما ذاكرة التخزين الداخلية ستكون بحجم 32 جيجا بايت كما انه سيكون بأصدار اندرويد الجديد لولي بوب 5.0 . 



السبت، 24 يناير 2015

تعرف على مزايا ويندوز 10


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

الثلاثاء، 20 يناير 2015

الدرس العاشر: دورة تعلم html للمبتدئين


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

الخلاصة
في دورتنا البسيطة لتعلم html للمبتدئين تعلمنا دروس ومواضيع مهمة وهي :

مقدمة عن اللغة وتعريفها والمتطلبات لتعلمها 
الهيكل العامل لصفحة html وشرح جميع الـ tags
وضع عنوان للصفحة وتغيير لون الخلفية
تعلم الوسوم الخاصة بالعناوين
تعلم كيفية اضافة الروابط التشعبية
تعلم كيفية اضافة صور
تعلم تنسيقات الخط وجعله مائل او عريض وغيرها من الامور
تعلم موضوع القوائم بنوعين النقطية والرقمية
تعلم موضوع الجداول وتنسيقاتها
مقدمة بسيطة لموضوع النماذج 


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


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

سؤال قد يخطر ببالك ويراودك كثيرا ماذا بعد تعلم  html ؟
اذا احببت ان تكمل طريقك وتتعلم تصميم وبرمجة المواقع ننصحك بتعلم لغة css  وهي لغة خاصة لتنسيق صفحات الويب التي تصممها بلغة html واعطائها مظهرا جميلا وجذابا وهي لغة سهلة ولايوجد بها اي تعقيد .

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

مدونة التكنلوجيا باختصار

الخميس، 15 يناير 2015

الدرس التاسع: دورة تعلم html للمبتدئين




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

كما قلنا في الاعلى ان هذا الموضوع ليس للمبتدئين لهذا قد تجد ان بعض الامور قد تبدو غير واضحة فلا تستغرب وخاصة اذا كنت مبتدىء وليس لك اي خبرة سابقة في html او php وبقية لغات تطوير مواقع الويب , وايضا نحن بدورنا لن نتكلم عن هذا الموضوع بالتفصيل بل ستكون مجرد مقدمة لتعلم بعض الوسوم وبعض الامور الجديدة التي قد تصادفك في مواقع الويب لتعرف معناها مستقبلا .
نبدأ بدرسنا ..
ماهي النماذج وماذا تشمل ؟؟
النماذج : هي اساس تطوير المواقع ولايوجد اي موقع في الانترنت يخلو منها وتشمل الازرار ومربعات النصوص وعناصر الاختيار وغيرها من الامور . ومن أهم النماذج والتي قد تجدها في معظم مواقع الويب هي ( نماذج اتصل بنا )

لبناء النموذج او الفورم يستخدم الوسم التالي :

<form>

.

.


عناصر النموذج
.
.
.
<form/>



ومن اهم الوسوم التي تسخدم مع الفورم هو وسم input والذي يحدد نوع العناصر التي نضعها داخل الفورم . ويحتوي على عدة خواص منها :

Type

 name
 value
 size
Maxlength




كما يوجد وسم اخر مهم وهو وسم <select> الخاص بقائمة الاختيار والذي يرافقة الوسم <option> الخاص بعناصر القائمة وهو وسم لايحتاج الى اغلاق .
والوسوم والامور المتعلقة بموضوع النماذج كثيرة لانريد ان نشرحها بالتفصيل لانكم لن تستفيدوا منها اذا لم تعرف لغات برمجة اخرى
هذه صورة للكود الخاص بهذا الدرس ونتيجة التنفيذ في المتصفح و وضعنا كل العناصر المهمة والتي ستشاهدها في مواقع الويب
يرجى التركيز في الكود ومشاهدة النتيجة للتعلم اكثر وقد أرفقنا الكود بشكل ملف نصي للتحميل .

 نتيجة الكود السابق


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

الثلاثاء، 13 يناير 2015

المتصفح الجديد لمايكروسوفت " سبارتان "


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


الاثنين، 12 يناير 2015

دورة تعلم EXCEL 2007 من الصفر الى الاحتراف (الدرس الثالث)




الدرس الثالث من دورة تعلم برنامج EXCEL 2007 
في هذا الدرس ستتعلم المواضيع التالية :


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

للمتابعة شاهد هذا الفيديو 


الأحد، 11 يناير 2015

الدرس الثامن: دورة تعلم html للمبتدئين



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

نبدأ درسنا بوسم جديد وهو وسم العنوان للجدول ويكون بالشكل التالي :

<caption/> نص العنوان<caption>





ويكون هذا الوسم اسفل وسم الـ <table> مباشرة لكي نضع عنوان معين للجدول .


ننتقل الى تعلم خاصية Bgcolor وقد سبق وتعلمناها في دروس سابقة وتعني لون الخلفية لكن هنا في هذا الدرس لن نضعها في وسم الـ body وانما في وسم table كذلك يمكن وضعها داخل وسم الصفوف وداخل وسم الاعمدة لتكون بالصيغة التالية :


<"table bgcolor="color name or code >
<"tr bgcolor="color name or code >

<"td bgcolor="color name or code >

ويمكن كتاابة اسم اللون باللغة الانكليزية او كود اللون كما تعلمنا في دروس سابقة

كما سنتعلم خاصية اخرى وهي Align وفائدتها لتحديد محاذاة الجدول , في المنتصف او اليسار او اليمين

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

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





اضغط هنا لمتابعة الدرس التاسع

الجمعة، 9 يناير 2015

الدرس السابع: دورة تعلم html للمبتدئين




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

نبدأ درسنا السابع ..
قبل الغوص في تفاصيل الدرس وبما إن موضوعنا عن الجداول نحب أن نذكركم بأننا بدأنا دورة لبرنامج الجداول والحسابات الشهير Microsoft Excel ويمكنكم متابعتها من هنا 


اضغط هنا لمتابعة دورة excel

ماهو الجدول ؟؟
ببساطة يمكننا تعريف الجدول بأنه عبارة عن خطوط أفقية ( صفوف ) وخطوط عمودية ( أعمدة ) متقاطعة فيما بينها لينتج لدينا جدول .إذن الجدول بصورة عامة يتكون من صفوف وأعمدة .
نبدأ الان بالجزء الذي يخص html وكما تعلمنا في دروسنا السابقة ان اللغة بمجملها تتكون من وسوم tags ومجموعة من الخصائص لهذه الوسوم . فالجدول حاله حال بقية الامور التي تعلمناها فلديه وسم خاص لبنائه وهو :

<table>   وسم الفتح

<table/>   وسم الاغلاق



الان نأتي لتعلم الوسم الخاص بالصفوف وهو :

<tr>

<tr/>

اما الوسم الخاص بعدد الخلايا داخل الصف او الاعمدة فيكون بالشكل التالي :



<td>
<td/>


وهذا الوسم الاخير يكون بداخل الوسم الذي قبله .

فمثلا لو أردنا تكوين جدول يتكون من صفين سنكرر الوسم <tr> مرتين ولو اردنا ثلاثة صفوف سنكرره ثلاث مرات . اما عدد الاعمدة في كل صف فيمكن التحكم به بالوسم <td> وتكراره بقدر الاعمدة او الخلايا التي نريدها .
وكما تعودنا في كل درس سنرفق لكم صورة للكود مع النتيجة وتم التأشير بألون مختلفة على الصورة والتوضيح سيكون بحسب الالوان :

اللون الاسود يشير الى فتح الوسم الذي يقوم ببناء الجدول مع اغلاقه 
الخط الازرق يشير الى خاصية حدود الجدول ويمكننا تغيير الرقم 1 الى اي رقم اخر ونترك هذا لكم لمشاهدة الفرق .
المربع الاحمر هو الصف الاول للجدول مع احتوائه على ثلاثة اعمدة ويمكننا زيادتها بزيادة الوسم <td>
المربع الاخضر هو الصف الثاني مع احتوائه على ثلاثة اعمدة ايضا .
ويمكننا زيادة صف اخر بتكرار الوسم <tr > او بالاحرى تكرار المربع الاحمر او الاخضر بالكامل

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



اضغط هنا لمتابعة الدرس الثامن

الخميس، 8 يناير 2015

الدرس السادس: دورة تعلم html للمبتدئين



نستكمل معكم دورتنا لتعلم HTML  للمبتدئين في درسها السادس والذي سنتعلم فيه موضوع القوائم . فلابد وانك شاهدت بعض المواقع أثناء تصفحك وهي تحتوي على قوائم جانبية في يمين ويسار الموقع أو قوائم في أسفل الموقع . إن القوائم من المواضيع المهمة والتي تتواجد في معظم صفحات الويب لذلك لابد من تعلم موضوع القوائم والتركيز عليه .
سنتعلم نوعين من القوائم وهي القوائم الرقمية والقوائم النقطية ويوجد أنواع اخرى لكن النوعين السابقين هما الاهم والاكثر استعمالا والقوائم حالها حال بقية المواضيع في
html  فهي ايضا لديها وسوم ( tags  ) خاصة بها .
نبدأ بالقوائم الرقمية : لتمثيل القوائم الرقمية نستخدم الوسم التالي :
 <ol>

</ol>
هذا الوسم اعلاه هو وسم فتح ووسم اغلاق لتمثيل القائمة الرقمية اما عملية إضافة عنصر لهذه القائمة فيكون بالوسم التالي :
</li>عنصر القائمة <li>
ويمكننا تكرار هذا الوسم بعدد العناصر التي نريد اضافتها الى القائمة .
ننتقل الى القوائم النقطية فهي ايضا لديها وسم خاص بها وهو :

<ul>

</ul>

أما عملية اضافة عناصر لهذه القائمة فيكون بنفس طريق القائمة الرقمية وبنفس الوسم أي كالتالي :</li>عنصر القائمة <li> 
 وهذا مثال للكود لكيفية تمثيل قائمة رقمية وقائمة نقطية مع نتيجة التنفيذ في المتصفح







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

 
 

انتهى الدرس السادس .


لمتابعة الدرس السابع اضغط هنا 

دورة تعلم EXCEL 2007 من الصفر الى الاحتراف (الدرس الثاني)



الدرس الثاني من دورة تعلم برنامج EXCEL 2007 
في هذا الدرس ستتعلم المواضيع التالية :
انشاء جدول اكسل 

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

للمتابعة شاهد هذا الفيديو 

دورة تعلم EXCEL 2007 من الصفر الى الاحتراف (الدرس الاول)


من منا لم يسمع ببرنامج اسمه microsoft excel ؟؟!!
اذا لم تسمع به يا متابعنا العزيز نحب ان نذكرك بأن excel هو واحد من أهم برامج الجداول الالكترونية والحسابات الرياضية والمنطقية . هو برنامج لايمكن الاستغناء عنه في اي شركة او في أي مكتب . هو من اكثر برامج شركة مايكروسوفت استخداما بعد العملاق  microsoft word . هو برنامج يحل عشرات المعادلات ومئات النتائج في كبسة زر فقط !!!
فأذا كنت محاسب  وتعمل في الحسابات ستحتاج هذا البرنامج واذا كنت مهندس ستحتاج هذا البرنامج واذا كنت استاذ او مدرس او طالب مهتم بحل المعادلات ستحتاج له ايضا . واذا قدمت الى اي وظيفة تختص بالكومبيوتر فتأكد بأن اول الشروط ستكون معرفتك بهذا البرنامج .

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


الدرس الاول




الاثنين، 5 يناير 2015

الدرس الخامس: دورة تعلم html للمبتدئين



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

<a> فتح الوسم 
<a/> اغلاق الوسم
الوسم يحتوي على خاصية واحدة وهي href والتي سنضع فيها الرابط المراد الانتقال اليه .
حيث يكون الشكل النهائي للوسم يكون بالصيغة التالية :



< a href="www.google.com"> Google </a>


هذا مثال لاستخدام الوسم .
كل ماعليك فعله هو تغيير رابط الموقع من كوكل الى اي رابط تريده وكذالك تغيير الاسم حسب رغبتك .
الوسم الثاني الذي سنتعلمه هو وسم
<img> : وهو وسم خاص بأضافة الصور في الصفحة ويأخذ الخاصية SRC والتي نضع فيها رابط الصورة المراد استخدامها في الصفحة .
الشكل النهائي للوسم يكون بالصيغة التالية :

< img SRC ="photo link "></img >

غير photo link الى رابط الصورة في جهازك او موقعك او رابط الصورة من اي موقع . 

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



لمتابعة الدرس السادس اضغط هنا

الأحد، 4 يناير 2015

الدرس الرابع : دورة تعلم html للمبتدئين







نستكمل معكم دورتنا لتعلم html للمبتدئين في درسنا الرابع والذي سنتعلم فيه بعض الخواص الجديدة والوسوم tags الجديدة  . سنحاول ان نهتم في هذا الدرس بالوسوم والامور المتعلقة بالنص لان النص ومحتوى الصفحة من أهم الامور التي تجذب الزائر الى صفحتك . نبدأ بدرسنا لهذا اليوم والذي من المتوقع أن يكون سهل للجميع قبل ان ننتقل الى امور أصعب في الدروس القادمة والتي تخص التعامل مع الصور والروابط والجداول وغيرها من الامور .
سنتعلم في البداية كيفية تغيير لون نص الصفحة التي سنصممها الى لون معين غير الاسود لان اللون الافتراضي يكون الاسود
وتغييره عملية سهلة عن طريق اضافة بسيطة الى وسم <body>  ليصبح بالشكل التالي :

<" body text="blue  >

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


<B> : هذا الوسم يجعل النص عريض .

<strong> : هذا الوسم يجعل النص عريض ايضا وهو يقوم بنفس دور الوسم السابق . ويفضل استعماله .

<i> : هذا الوسم يجعل النص مائل .

<em> : هذا الوسم يجعل النص مائل ايضا وهو يقوم بنفس دور الوسم السابق . ويفضل استعماله .

<U> : هذا الوسم يجعل النص تحته خط .

<Center> : هذا الوسم يعمل على توسيط النص في الصفحة .

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



انتهى الدرس الرابع .

لمتابعة الدرس الخامس اضغط هنا