جديد:أحصل على 10 ألعاب فلاشية جديدة على مدونة محترف البرمجة

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

و الصلاة و السلام على   أشرف المرسلين

أما بعد يسرني اليوم أن أطرح لكم عشرة ألعاب فلاشية ممتعة و جديدة

و هده الصورة احداهن 

حمل الأن

مفاجأة :قالب محترف البرمجة للجميع سارع للتحميل

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

اعزائي الأن يمكنكم استعمال قالب محترف البرمجة السابق

بإضافاته الرائعة .. و امتيازه بسرعة التصفح

التحميل 

من هنا

تنصيب الأنضمة بشكل وهمي على الكمبيوتر

بسم  الله

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

اليوم يا رفاق سأشرح لكم كيف ستقوم بعمل نظام وهمي أو افتراضي

يساعدك لتجربة تطبيقات لا تريد تجربتها في الكمبيوتر

و المهم أننا سنستعمل برنامج جميل جدا virtuial-box

إدن شغل الفيديو بالأسفل

حمل  فرجة سعيدة

لا تنسى ترك تعليق

الفرمات بدون محرك أقراص و الفلاش

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

مرحبا متابعينا مجددا في مدونة محترف البرمجة اليوم عندنا حلقة مخصصة

لأهل الفرمات الدين يصعب إيجاد حلول للفرمات بدون محرك أقراص أو الفلاش

لكن ببصاطة هناك نوع أخر لن أطول عليكم 

الشرح بالفيديو فرجة ممتعة    
حمل ultra iso

مفاجأة اليوم.حمل قالب بلوجر للمدونة السابق

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

اليم تم تغيير   قالب المدونة  

و  قد تم فتح التحميل المجاني للقالب  السابق هدية لكم

الدي أتمنى أن ينال إعجابكم 

المعاينة --التحميل

لكن   لا تنسى تقييم القالب الجديد  لأنني أثيق في  رأيكم

شرح حصري للتقسيم السليم للملفات الكبيرة و تجميعها

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

درس اليوم يا أصدقاء سنتحدث عن التقسيم السليم للملفات 

و كيفية التجميع لها الدرس بسيط إدن فرجة ممتعة 

حمل هنا

كتاب تعليم html من تصميم محترف البرمجة

السلام عليكم

في هده المدة الطويلة فكرت أن أتيكم بكتاب يحمل دروس  html
يحتوي 80 صفحة

حمل من هنا
لا تنسونا من حسن دهائكم

الدرس الخامس من دورة html :إدراج الصور و الروابط

السلام عليكم و رحمة الله أصدقاءنا الأوفياء

في هدا الدرس سنتناول إدراج الروابط و الصور

أولا قبل البدء سنتمم تتمة صغيرة للدرس السابق

إجعل النص يتحرك من اليمين إلى اليسار أو العكس بالوسم

<marquee>

<marquee>النص هنا</marquee>

و يمكن إضافة الخلفية بالوسم المختص bgcolor

أو تغير إتجاه الحركة بالنسبة لإنجاه اليمين

"dir="rtl

أو اليسار

"dir="ltr

سنتطرق إلى موضوع اليوم

أولا الروابط:

يتم ادخال الروابط باستعمال الوسم <a>

<a/>الكلمة المربطة<"a href="yor link>

أنضر التطبيق:

إدراج صورة

1-إضافة صورة لرأس الصفحة

سنعمل بين الوسم head و نهايته و باستعمال الوسم <img>

<"img src="link imag>

مثال :

و نقوم بإضافة المقاس الدي نريده كالتالي

100% هو بكسيل الطول

200 بكسيل الإرتفاع

أو إدا أردت أن تكون وسط موضوع ما نعمل نفس الشيئ 

في body و نهايتة

بعض الخاصيات

alt

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

لدالك الإسم

< "img src="link imag" alt="your name>

يتبع....

الدرس الرابع:خاصيات النصوص

السلام عليكم متابعينا الأوفياء

في هدا الدرس سنتحدث عن خصائص النصوص

تابع معي:

أولا:غاصيات وضع الكتابة باستعمال الوسم align يستعمل داخل P .BR.PRE

اليمين-الوسط-اليسار

<"p align="center>

هدا للوسط

لليمين نعوض center ب left

لليسار right

تانيا:الخط المائل-و الضخم-و الخط المسطر

1-المائل نستعمل <i>

<i/>النص<i>

2-الضخم نستعمل <b>

<b/>النص<b>

3-المسطر<u>

<u/>النص<u>

ثالثا: خاصية FONT

هذه الخاصية لها دور تغيير اللون للكتابة COLOR

و دور تغيير نمط الكتابة FACE

و دور التحكم في حجم الخط SIZE

1-FACE

مثل:italic;arial....

كيفية الإدخال

<font/>النص<"font face="italic>

لك هده الفائمة

2-COLOR

<font/>النص<"رمز اللون"=font color>

3-SIZE

حجم الخط

<font/>النص<"font size="+2>

هده المرة كلما كبر الرقم كبرت الكتابة

إليك هدا التطبيق

إنتهى الدرس

كم يستحق هدا الشرح

?/10

إسمك


كم يستحق

الدرس التالث من دورة html.تنسيق النصوص

السلام عليكم أحبائي

درس اليوم انشاء الله سنتعرف على كيفية تنسيق النصوص.

تفضل معي:

1-الوسم <pre>

نستعمل هدا الوسم للكتابة بشكل حر فهو لا يكتب داخل الأوسام الرئيسية و له أيضا نهايته أنظر التطبيق:

أتتهى شرح الوسم

ننتقل:

2-سطر جديد باستعمال الوسم <br> له نهاية يمكنك ألا تكتبها و يكون صحيح لترجع إلى سطر جديد

الأن ننتقل

3-سطر جديد لكن هده المرة سطر فارغ بين السطرين

بالوسم <p> يتم وضعه على الشكل التالي:

1-ننتقل لكتابة العناوين

تكتب العنا وين بالوسم <h>

كما في المثال التالي

الأرقام التي بعد h درجة العنوان فكلما كبر العدد صغر حجم الخط

مادا تلاحظ????

ألا تلاحظ كل ما نكتبه يبدأ من اليسار 

إدن الحل معي.

إدهب للوسم الأول <html>

ثم أكتب داخلعه "dir="rtl

<"html dir="rtl>

إلى درس مقبل إنشاء الله للنتكلم عن خصائص الأوسام الأربعة

الأن ما عليك سوى التشجيع وشكرا

درس التاني من دورة html:تنسيق صفحة

السلام عليكم 

مرحبا أصدقاء درس اليوم عن تنسيق الصفحة

تلقائيا تكون خلفية الصفحة بيضاء و يمكن أن تغير لون الخلفية

دخل الوسمBgcolor بالوسم <body> كالتالي

<"رمز اللون#=body bgcolor>

هذه قائمة الرموز

 إليك التطبيق التالي

و قد تريد خلفية عبارة عن صورة

-عوض أن نكتب bgcolor

نكتب background ثم نضيف رابط الصورة كما هو مبين

في التطبيق التالي:

هكدا

هذه معاينة ما قمنا به

لا تقلق فالصورة صغيرة لذا تتكرر يجب أن تكون الصورة كبيرة

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

درس :إضافة هوامش

هدا الدرس مستقلعن الأخر

فكرة عن الهامش.:

ألأن كيفية الإضافة

لإضافة  هوامش جانبية

نستعمل الوسم marginwidth

كما طبقت في هنا

<"body marginwidth="20%>

20% نسبة الهامش

و يمكن أيضا التعبير بالبكسيل

<"body marginwidth="150>

أو هوامش طولية أي الأسفل و الفوق باستعمال

marginheight

و هو نفس العمل لكلا الوسمين.

أما المعاينة لن تضهر حتى تبدأ بالتصميم نسبيا.

إنتهى درس اليوم أتمنى أن تكونو مستفيدين

فأدعوكم إدا أعجبك الموضوع ألا تحرمنا من

-إعجابك                           

-تعليقك                             

-إشتراكك على المواقع الإجتماعية

-راسلني إدا عندك غموض لأفسر

jabarmohamed7@gmail.com

تحياتي...

الدرس الأول في دورة html

لغة أش تي م ل  لغة أصلها انجليزي

Hyper text markup language

و تعني لغة النص التشعبي

  مختلفة تماما عن لغات البرمجة الأخرى

مثل الصفرات و الوحدات و السي و الفزويال بسيك

لكن تعتبر لغة تعطي أمر للمتصفح بكيفية عرض و تنسيق

صفحة الويب,فكل المواقع عالميا لا تخلو من شفراتها و هي غير

حساسة في الكتابة فيمكن أن نكتب بالخط الكبير أو الصغير فلا مشكلة

و المهم بطبيعته الشفرات تكتب باللغة الإنجليزية فقط باستخدام برنامج

Notpad & Blocnot

 و هناك لغات أخرى من قبيلPhp    &   Java & xml

 إلخ.... نحن نركز فقط علىHtml

رجاءا التفت ملاحظاتي الثلاث قبل البدْء

1-سأستعمل كلمة ("شفرة" أو "وسم" أو "أمر") فهم معنى واحد            

تعني الكلمة الإنجليزية.« Tag »

2-لابد من حفض الدروس بالترتيب كي تكون على أحسن فهم عندما تكون 

هناك غموض راسلن فمرحبا بك و اعتمد أيضا على متصفحك

و يجب أن تكون إرادتك قوية جدا.

2-أنت أمام هذا الكتاب يعني قصدك الاستفادة فأنصحك أخي /أختي الكريمة

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

بسرعة.

 ابدأ الآن التوفيق للجميع

Html الشفرات عبارة عن الأوامر التي نكتبها في لغة

وتنقسم الوسوم إلى قسمين:
<tag>-وسم بداية

<tag/>
-وسم نهاية:

<tag>

يعني بداية أمر ما<tag/>

يعني نهاية هذا ألأمر

سننتقل الآن إلى موضوع

البدء في التصميم.

للبدء في التصميم يجب أن تفتح برنامج الكتابة

Notepad أو 
bloc-notes

أول ما ستكتب فيها الوسوم الرئيسية التالية 

سأشرح بالترتيب
<html> وسم ضروري بحيث يعطي للمتصفح بأن الصفحة عبارة عن أوامرhtm نهايته
<html/>
<head> وصف الصفحة بين هدا الوسم و نهايته نجد و سم خاص بكتابة عنوان الصفحة<title>
نهايتهما مبين في الصورة أعلاه
أما الوسم <body> يكتب فيه محتوى الصفحة
كيفية التحفيض و المعاينة

الآن كيف تخفض و تتعين بالمتصفح

Enregistrer souقم بالحفض باسم أو بالفرنسية

ثم اكتب اسم الذي تريد بعد الاسم مباشرة ضع نقطة ثم اكتب

Htm 

أو html

Mohamed.htmlهكذا مثلا: 

تم تفتح على متصفح جوجل أو إكسبلور5 فما فوق مثلا

لتعطي هدا الشكل في المتصفح

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

سيأتي الدرس الموالي بعد لحضات فتابعونا ..