تعلم لغة HTML من الصفر إلى مستوى الإحتراف في دورة مجانية كاملة بالفيديو وباللغة العربية


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

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


صراحة هي دورة رائعة لذلك أحببت مشاركتها معكم وأنصح جميع الاصدقاء و المتابعين أن يشاركوها مع أي صديق يرغب في تعلم لغة HTML .
كان معكم رضوان، لا تبخلوا علينا بتعليقاتكم و آرائكم لأشارك معكم أي شيء مفيد ترغبون فيه و إلى الموضوع القادم، دمتم بخير :)

دروس مصورة تعلم HTML على هاتفك الأندرويد

السلام عليكم ورحمة الله 
أحبيتي مرحبا بكم على مدونة الرضوان في هذه التدوينة الجديدة
إليكم طريقة تعلم لعة البرمجة HTML على هاتفك بتطبيقات مجانية تشمل دروس مصورة رائعة لتتمكن من تعلم هذه اللغة البرمجية الجميلة التي تعني (HyperText Markup Language) 
وهي لغة رقم تستخدم في انشاء و تصميم صفحات الويبومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب

تطبيق Learn HTML ↓↓↓
وهذه بعض الصور للدروس التي يحتويها التطبيق


أسئلة وإمتحانات ↓↓↓

--------------------------------
التطبيق مجاني للتحميله من هنا


ثم تطبيق Basic HTML ↓↓↓

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

تحميل التطبيق مجانا من هنا

مع جديد مواضيع البرمجة دائما على مدونة الرضوان إقرأ وتعلم واكتشف الجديد في البرمجة في هذه المقالات

إنشاء مواقع الويب بسهولة مع برنامج غووغل Google web designer

قدمت غووغل برنامجها الرائع Google web designer لتمكين مُبرمجي المواقع (المبتدئين ) وللذين ليست لديهم خبرة كبيرة في التصميم والبرمجة بتسهيل عملية تصميم وإكمال إنشاء موقع إحترافي للجميع المنصات وذلك بتصميم صفحات الويب بجمالية واحترافية وجاء ذلك لما قالت عنه غووغل " نحن بحاجة لتطوير صفحات الويب"
يمكنك تحميل نسختك من البرنامج Windows و Mac من برنامج " Google web designer"
تصاميم تتلائم مع اللوحات الرقمية مثل الايباد والهواتف الذكية
كفكرة عامة هناك تبسيط للكثير من الأعمال التي قد تأخذ الكثير من وقتك في عمل موقع أنترنت أو صفحة ويب بلغة HTML5 أو CSS بتجاوزها والعمل فقط بزر الفأرة والعمل السطحي بلوحة المفاتيح


دورة تعلم HTML : شرح ما هو padding و margin ؟ الدرس الثاني

السلام عليكم ورحمة الله
معكم الرضوان وأسعد الله أوقاتكم بكل خير
بعد أن وجدت سؤال مهم جدا في مدونة عفريت بلوجر في موضوع كيفية تعريب قوالب بلوجر يدوياً يتحدث عن ما هو "البادين" padding ؟ وما هو "المارغين" margin ؟

قررت شرح هذين العنصرين ببساطة تامة لمعرفتهما والفرق بين كل واحد منهما..
نجد أن اشكال البادين والمارجين في نصوص "الاش تي مايل" HTML تكون على الشكل التالي والقياسات تتغير فقط مثال:
padding: 12px 10px 8px 6px;
padding: 14px 12px 6px 5px;
margin : 7px 12px 5px 6px;
margin : 7px 12px 11px 6px;
....
..
إلى أخره حسب القياسات...

الأن نمُر للشرح

أولاً : البادين padding :
أظن انني يجب علي العودة للتدوينة وشرح ما هو البادينغ padding و المارجين margin
أخي البادين padding هو الفرق الخارجي بيع العناصر وعند تعديل الأرقام (القياسات)

مثلاً منزلين أو سيارتين أو كرتين المسافة الفاصلة بين المزلين أو الكرتين أو السيّارتين هو البادين padding

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


ثانياً: المارغين margin:

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

أتمنى يكون الشرح واضح وسهل للجميع إلى قادم الدروس مع دورة تعلم HTML على مدونة الرضوان
كان معكم الرضوان

بالتوفيق ^_^

أول دروس HTML : كيفية الكتابة داخل إطار ملون ووضع خلفية للكتابة - دورة تعلم html



مرحبا بكم ومعكم الرضوان 
مع أول إنطلاقة للدورة تعليم لغة html التي ستعتبر من أهم الدورات التعليمية التي نقدمها على المدونة سنسعى فيها للتعليم أهم وابرز خصائص لغة المواقع و صفحات الويب بالّرجة الأولى
الامر ليس صعباُ على الإطلاق هكذا كان يبدو لي الامر في البداية
لكن مع مرور الوقت والتعلم المثستمر إستطعت تحقيق التقدم الملموس
وكذلك سيأتي الدور عليك إن كنت ترغب بتعلم لغة html وهي اللغة المستعملة في تصميم المواقع و الصفخات على الانترنت
فمثلا كل موقع تتصفحه ترى فيه تجمع كبير من الصور والروابط والفلاشات والسكريبتات والكثير من الاشياء الاخرى رُكبت فيما بعضها البعض باستعمال هذه التقنية وهي لغة الاش تي ام ال HTML و التي تعني باللغة الإنجليزية HyperText Mark-up Language
لغة تجميع الروابط المركبة بعضها البعض عبر صفحات الويب Huper text باستعمال لغة أخرى يتقنها المتصفح
نبدأ مع أول درس ولأنها الإنطلاقة قررت ان يكون متميزا
كيفية الكتابة داخل إطار ملون ووضع خلفية للكتابة 
 
 مرحبا بكم ومعكم الرضوان
في هذا الدرس الخاص بتعلّم لغة html
سنتعلم كيف تكتب شيء داخل إطار باللّون الذي تريده
وتضع اي صورة تريدها في الخلفية
تابع معي الدرس والشرح
^_^  

قم بوضع هذا الكود داخل موضوعك لكن اختر صفحة التعديل HTML
 <br />
<div class="warning" style="background: #FCF762 url(صع هنا رابط الصورة التي ستظهر في الخلفية) 8px 6px no-repeat; border: #FF0000 1px solid; padding: 5px 5px 5px 40px;">

اكتب هنا النص الذي ترغب فيه</div></div>  


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

نهاية الدرس 
بالتوفيق و إلى قادم الدروس إن شاء الله