دليل المعهد | طريقة الدراسة| التأصيل العلمي| فريق العمل

العودة   معهد آفاق التيسير للتعليم عن بعد > الأقسام العامة > المنتديات > المنتدى التقني > دورة أسس (html)

إضافة رد
 
أدوات الموضوع إبحث في الموضوع انواع عرض الموضوع
  #26  
قديم 19 ذو الحجة 1433هـ/3-11-2012م, 11:18 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

لتوضيح المعلومة فقط ؛ جميع وسوم الصيغة css تكتب ضمن الوسم HTML ويظهر تأثيرها على الصفحة كاملة ؟

رد مع اقتباس
  #27  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 12:28 AM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

خصائص تنسيق النصوص والفقرات الموجودة في درس تنسيق الفقرات باستخدام css تستعمل أيضا أثناء الكتابة بلغة HTML العادية -يعني عند عدم استخدام css - ؟

رد مع اقتباس
  #28  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 12:32 AM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
لتوضيح المعلومة فقط ؛ جميع وسوم الصيغة css تكتب ضمن الوسم HTML ويظهر تأثيرها على الصفحة كاملة ؟
أعتذر السؤال خاطئ

رد مع اقتباس
  #29  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 07:03 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
السلام عليكم ورحمة الله وبركاته
أعتذر عن الانقطاع بسبب ظروف طارئة
الآن في درس تنسيق القوائم باستخدام css الطريقة الثانية تكتب الصيغة ضمن الوسم html ، هل هذا يعني أن هذا التنسيق سيتم تطبيقه على كل القوائم في الصفحة ؟
وعليكم السلام ورحمة الله وبركاته

لا بأس . يسر الله لك

نعم . يا أختي يطبق على القوائم في الصفحة

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

وفقك الله

رد مع اقتباس
  #30  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 07:26 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
خصائص تنسيق النصوص والفقرات الموجودة في درس تنسيق الفقرات باستخدام css تستعمل أيضا أثناء الكتابة بلغة HTML العادية -يعني عند عدم استخدام css - ؟
بارك الله فيك.
نعم يمكن استخدامها -بإذن الله- ، لكن انتبهي لطريقة كتابتها
وفقك الله .. هذا الوسم <style> لا يكتب في وسوم html لكن يكتب بشكل مستقل في قسم الرأس

كود بلغة HTML:
<head><style>ul.circle{...}</style></head>
أما عندما تستخدم مع وسوم html

كود بلغة HTML:
<ul style=....>
رزقك الله العلم النافع والعمل الصالح

رد مع اقتباس
  #31  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 06:19 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

جزاك الله خيرا

رد مع اقتباس
  #32  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 06:34 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

- ما هو الوسم <b> ؟
- ذكرتِ أن الخاصية text_shadow لا تظهر إلا مع الوسم <p> ولكن مرة استخدمتيها مع <p> ومرة مع <br> لعلها سقطت سهوا ولكن ليطمئن قلبي :)

رد مع اقتباس
  #33  
قديم 20 ذو الحجة 1433هـ/4-11-2012م, 09:00 PM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
- ما هو الوسم <b> ؟
- ذكرتِ أن الخاصية text_shadow لا تظهر إلا مع الوسم <p> ولكن مرة استخدمتيها مع <p> ومرة مع <br> لعلها سقطت سهوا ولكن ليطمئن قلبي :)
<b> : الخط العريض- bold
كنت تستخدمين شطر من وسم العنوان <h6/> وهذا وسم ناقص ، لا يعمل... وأيضا هذا الحجم صغير بالنسبة للعنوان
وأنت بارك الله فيك ..استخدمت حجم الخط size= 6 في الوسم <font> لذلك أضفت له وسم الخط العريض <b> حتى يكون العنوان بارز


أما خاصية الظل فهي موجودة ضمن وسم واحد فقط هو <p>

كود بلغة HTML:
<b><p style="text-shadow:0.5em 0.5em 0.5em #000000"><font face="deco type naskh variants" color="#990000" size="6"> أولاد عبد المطلب بن هاشم  </font></p></b>
وفقك الله لما يحب ويرضى

رد مع اقتباس
  #34  
قديم 27 ذو الحجة 1433هـ/11-11-2012م, 12:30 AM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

ما ذا يعني : target="blank" ?

رد مع اقتباس
  #35  
قديم 27 ذو الحجة 1433هـ/11-11-2012م, 01:04 AM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

هل بإمكاننا إضافة خصائص للوسم <title> ؟

رد مع اقتباس
  #36  
قديم 27 ذو الحجة 1433هـ/11-11-2012م, 03:37 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
ما ذا يعني : target="blank" ?
بارك الله فيك

هذا يعني، فتح نافذة جديدة بالإضافة للنافذة الأصلية. مثلاً : عندما نستخدم " أرفق ملف في المشاركة" تظهر نافذة جديدة

وهناك أيضا : top و self وتعني أن الانتقال إلى صفحة جديدة في النافذة الحالية. مثال: عند النقر على أحد الأزرار "الدورات العلمية"
ننتقل إلى صفحة جديدة.

رد مع اقتباس
  #37  
قديم 27 ذو الحجة 1433هـ/11-11-2012م, 03:38 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
هل بإمكاننا إضافة خصائص للوسم <title> ؟
نعم . يمكن إن شاء الله

منها مثلا : dir يمكن أن نستخدمها مع <title> وأيضا id و class وهذه سنتعرف عليها في درس اليوم إن شاء الله

وفقك الله

رد مع اقتباس
  #38  
قديم 8 محرم 1434هـ/21-11-2012م, 10:18 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

في درس الخرائط الصورية المثال الأخير في نهاية الدرس هل نضع في نهاية الوسم img إشارة " / " كما كنا نفعل أثناء إضافة صور للبرنامج ؟ أم كما هو مذكور في المثال ؟

رد مع اقتباس
  #39  
قديم 8 محرم 1434هـ/21-11-2012م, 10:21 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

لماذا نستخدم الوسم <map name = " ourmap " > وما الفرق بينه وبين usemap = "#ourmap"

رد مع اقتباس
  #40  
قديم 9 محرم 1434هـ/22-11-2012م, 06:02 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
في درس الخرائط الصورية المثال الأخير في نهاية الدرس هل نضع في نهاية الوسم img إشارة " / " كما كنا نفعل أثناء إضافة صور للبرنامج ؟ أم كما هو مذكور في المثال ؟
بارك الله فيك .
نعم . نضع / وقبلها مسافة أوفراغ ؛ لأن <img> هو وسم أحادي الجانب
وبالنسبة لـــ HTML يمكن كتابة الوسم هكذا <img>
أما في لغات أخرى مثل XHTML فيجب كتابة الوسم </ img> ويجب الانتباه أكثر لأي أخطاء في كتابة الوسوم.

وفقك الله

رد مع اقتباس
  #41  
قديم 9 محرم 1434هـ/22-11-2012م, 06:23 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
لماذا نستخدم الوسم <map name = " ourmap " > وما الفرق بينه وبين usemap = "#ourmap"
في درس سابق تعلمنا كيف تعمل الصورة كرابط للانتقال لصفحة جديدة
الوسم <map></map>
لعمل خريطة صورية: صورة عليها مواضع فعالة
مثال: لدي صورة عليها 3 روابط تشعبية : 1- الانتقال لصفحة ويب ، 2- تشغيل ملف صوتي ، 3- تشغيل برنامج


والفرق بينهما :
name هذه خاصية موجودة تقريبا في كل الوسوم وذكرناها في دروس سابقة
هذا الوسم <map> وهنا قمنا بتعيين 3 مواضع فعالة كل موضع منها يعمل كزر للانتقال لصفحة ويب.

كود بلغة HTML:
      <map  name="imgmap">
  <area shape="rect" coords="0,0,82,126" href="1.htm" alt="hotspot1">
  <area shape="circle" coords="90,58,3" href="2.htm" alt="hotspot2">
  <area shape="circle" coords="124,58,8" href="3.htm" alt="hotspot3">
      </map>
أما usemap فهو من خصائص الوسم </ img> ويعني أن هذه الصورة عليها نقاط أو مواضع فعالة "خريطة صورية"

كود بلغة HTML:
<img src="img.gif"  usemap="#imgmap">
رزقك الله العلم النافع والعمل الصالح

رد مع اقتباس
  #42  
قديم 10 محرم 1434هـ/23-11-2012م, 04:42 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

في الدرس الثامن في أحد الأمثلة كانت قيمة size أكبر من maxlength . هل يوجد ضوابط أيهما أكبر أم لا يشترط ذلك ؟

رد مع اقتباس
  #43  
قديم 11 محرم 1434هـ/24-11-2012م, 08:09 AM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
في الدرس الثامن في أحد الأمثلة كانت قيمة size أكبر من maxlength . هل يوجد ضوابط أيهما أكبر أم لا يشترط ذلك ؟

حياك الله يا أختي

أولا:

size : حجم الحقل [---------------------]

إذا استخدمت وحدها بدون maxlength يمكن للمستخدم إدخال نص يتجاوز الحجم المحدد للحقل وطبعا لن يظهر النص كاملا للمستخدم

ثانيا:
إذا استخدمت مع
maxlength : أقصى طول للنص بداخل الحقل [----------------]

لا يشترط أن يكونا متساويين
ويمكن أن يكون حجم الحقل size أكبر من طول النص بداخل الحقل maxlength
ويمكن أن يكون العكس لكن إذا كان طول النص أكبر من حجم الحقل في هذه الحالة لن يظهر النص كاملا بالنسبة للمستخدم
لذلك الأفضل أن يكون maxlength أقل أو يساوي size

وفقك الله ورزقك العلم النافع والعلم الصالح

رد مع اقتباس
  #44  
قديم 11 محرم 1434هـ/24-11-2012م, 08:20 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

في درس النماذج كنا نكتب الوسم input هكذا

كود بلغة HTML:
<input>
، أما في درس الفئات والهويات كتبت هكذا
كود بلغة HTML:
<input />
. أيهما نكتب به ؟

رد مع اقتباس
  #45  
قديم 11 محرم 1434هـ/24-11-2012م, 08:42 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

هل يكتب الجزء الخاص بالهويات في الرأس head أم في المتن body ؟

رد مع اقتباس
  #46  
قديم 11 محرم 1434هـ/24-11-2012م, 08:59 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

ما هو الوسم <span> وكيف نستخدمه ؟

رد مع اقتباس
  #47  
قديم 12 محرم 1434هـ/25-11-2012م, 02:15 PM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
في درس النماذج كنا نكتب الوسم input هكذا
كود بلغة HTML:
<input>
، أما في درس الفئات والهويات كتبت هكذا
كود بلغة HTML:
<input />
. أيهما نكتب به ؟
بارك الله فيك..
لا فرق بينهما بالنسبة لـــHTML
تماما كما في السؤال السابق
http://www.afaqattaiseer.com/vb/show...8&postcount=40

كود بلغة HTML:
<input />
صحيح لأنه وسم أحادي الجانب
لكن أغلب المواقع التي تشرح عن وسوم html تكتب الوسم هكذا <input>

جزاك الله خيرا يا أختي

رد مع اقتباس
  #48  
قديم 12 محرم 1434هـ/25-11-2012م, 02:17 PM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
هل يكتب الجزء الخاص بالهويات في الرأس head أم في المتن body ؟
اقتباس:
يكتب الجزء الخاص بالهويات في الرأس head
نعم يا أختي
لأنه في المتن سوف يظهر كنص عادي . والله أعلم

رد مع اقتباس
  #49  
قديم 12 محرم 1434هـ/25-11-2012م, 02:27 PM
سامية السلفية سامية السلفية غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Apr 2011
المشاركات: 2,007
Lightbulb

اقتباس:
المشاركة الأصلية كتبت بواسطة جنان الفردوس مشاهدة المشاركة
ما هو الوسم <span> وكيف نستخدمه ؟
وسم محايد ...ليس له تأثير مباشر. فالتأثير يظهر عند إضافة خاصية .

أما بالنسبة للاستخدام مع الأنماط inline، مثال:

كود بلغة HTML:
<span style="color:blue">blue</span> >
وأيضا : dir ، id ، class

وهناك خصائص أخرى لكن لم ندرسها في الدورة

وفقك الله لما يحب ويرضى

رد مع اقتباس
  #50  
قديم 13 محرم 1434هـ/26-11-2012م, 07:19 PM
الصورة الرمزية سلمى نصار
سلمى نصار سلمى نصار غير متواجد حالياً
برنامج الإعداد العلمي - المتابعة الذاتية
 
تاريخ التسجيل: Jun 2012
الدولة: Jordan
المشاركات: 392
افتراضي

عذراً لم أفهم كيف تختلف الهويات عن الفئات بأنها تطبق مرة واحدة لكل مستند ؟

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
المتعلقة, الأسئلة

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

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


الساعة الآن 02:35 AM


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir