التخطي إلى المحتوى الرئيسي

المحاضرة الاخيرة بلغة HTML

المحاضرة الحادي عشر والاخيرة في لغة HTML


كما شرحنا في الفديو طريقة أدراج أطار

والتي يحذف فيها الـ Body

و الصفة التي تكون لعمل اطار

<*,farmeset cols=40%>

الصفة لادراج اطار


  • صفة COLS  والتي تستخدم لعمل الصفحة بشكل عمودي
  • صفةROWS والتي تستخدم لعمل الصفحة بشكل افقي
و40% تدل على ان حصة الاطار الاول 40% والحصة الثانيه 60%

و تستخدم بشكل التالي!
<*,farmeset rows=20%>
<..farm src=..1>
<..farm src=..1>
<..farm src=..1>


رقم 1 يدل على رابط موقع او صفحه مثلا 
https://google.com>

والان قد اكملنا التدوينة لإدراج اطار وفي الفديو يتضح لك الامر

المحاضرة الاخيرة بلغة HTML



و الان ننتقل الى طريقة ادراج نموذج {form}

الاضافات:

1-نص text

2-كلمة السر password

3-مساحة نص{ترك تعليق هنا} text area

4-اختيار select {اختر الدولة}

5-صندوق الفحص check box

6-صندوق اختياري radio - option

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

7-زر button وهو في دوره يقسم ثلاثة اقسام

  1. زر الموافق submit
  2. زر المسح reset
  3. زر من صنع المصمم user defined
ايضا نقطة السابعة توضح في الفديو وعند التطبيق


لمشاهدة الفديو:



و الان اكتب بعض الفروقات{الملحقات}


  • الفرق بين الـ html - Dhtml
HTML
  • الفرق سهل جداً جميع ما تم شرحه في المحاضرات السابقة هو عبارة عن الـHTML اي بمعنى اخر هي عبارة عن اللغة التي يمكن من خلالها ان نصمم مواقع الانترنت


DHTML
  • في كون هذه الاخيره و تعتمد على وجود{dynamic} في الصفحة ويكون ذلك عن طريق النماذج{form} التي تكون عن طريق دمج لغة الـHTML مع لغات البرمجة مثل Java script - VB script

تطبيق| محترف الكمبيوتر للمعلومات


مواضيع حول محاضرات تعلم HTML:

  1. تصميم مواقع بالغة HTML

  2. تصميم مواقع بالغة HTML

  3. تغير لون وحجم الخط بلغة HTML

  4. اضافة اشارات بلغة HTML

  5. أدراج الصورة بلغة HTML

  6. ادراج خط افقي بلغة HTML

  7. ارتباط تشعيبي بلغة HTML

  8. تنقل من صفحة الى صفحه اخرى بلغة  HTML

  9. ادراج جدول بلغة HTML

  10. تغيير الخلفية بلغة HTML

  11. المحاضرة الاخيرة بلغة HTML

المشاركات الشائعة من هذه المدونة

تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS

في التدوينة التالية نتعرف على: تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS الطريقة عبارة عن تغيير لون الخلفية عند نقل المؤشر الى مكان الخلفية، وعند اخراج المؤشر من المساحة المحددة لها سوف يعود لون الخلفية الرئيسي. في بادئ الامر كانت عبارة عن فكرة، وثم قمنا بتطبيقها وبعد ان راينا النتائج، قررنا ان نقم بتحويله الى فديو ورفعهُ على قناة اليوتيوب  Sarmad Saad ، لتعم الفائدة، وكان هدفنا من نشر الفكرة، هو بان تتحول الى فكرة الجميع يستفاد من الفكرة البسيطة. ماذا تنفع طريقة  تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS؟؟: جمالية في الموقع من ناحية التصميم تحديد مساحة معينا تغيير لون الخلفية عند نقل المؤشر في CSS أبهار الزائر لرؤية الرموز المستخدمة، ننصحك زيارة:  SoloLearn ملحوظه/ في الهاتف يجب النقر على الكلام لتغير لون الخلفية، في الحاسوب فقط نقل المؤشر الى مكان الخلفية لون الخلفية الرئيسي لون احمر تغيير لون الخلفية الى اللون الأزرق لمشاهدة قائمة التشغيل لتعلم CSS:  نتعلم سوياً لغة Css لمشاهدة الفديو: شكراً لكَ للمشاركة تطبيق| محترف الكمبيوتر للمعلومات م...

تكبير الصورة باستخدام لغة HTML و CSS

في التدوينة التالية نتعرف على: طريقة تكبير الصورة في لغة HTML - CSS تستطيع استخدام img:hover: نستخدم img:hover في لغة Css اي عند النقر او تمرير المؤشر على الصورة ولدينا الكثير من الاستخدامات الخاصة بأيعاز hover ملحوظة: في الهاتف يجب النقر على الصورة في الكمبيوتر فقط قم بتمرير المؤشر على الصورة - خطوات تكبير الصورة: ١ -  نستخدم أيعار img في لغة HTML ٢ - نحدد العرض والارتفاع للصورة في لغة CSS ٣ - نستخدم img:hover وثم نقوم بتحديد العرض والارتفاع لتكبير الصورة نستطيع مشاهدة العمل التالي، ولمعرفة طريقة استخدام الايعازات بشكل الصحيح Zoom image لمشاهدة الفديو: تطبيق| محترف الكمبيوتر للمعلومات مواضيع حول البرمجة: الفرق بين ادراج صورة  وادراج رابط تشعيبي في لغة HTML الفرق بين class و id في لغة CSS ادراج نموذج form في لغة HTML تكبير الصورة في لغة HTML مع CSS حفظ ملف Python