معهد آفاق التيسير للتعليم عن بعد

معهد آفاق التيسير للتعليم عن بعد (http://afaqattaiseer.net/vb/index.php)
-   دورة أسس (html) (http://afaqattaiseer.net/vb/forumdisplay.php?f=652)
-   -   الأسئلة المتعلقة بدورة أسس (html) (http://afaqattaiseer.net/vb/showthread.php?t=19334)

سلمى نصار 19 ذو الحجة 1433هـ/3-11-2012م 11:18 PM

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

سلمى نصار 20 ذو الحجة 1433هـ/4-11-2012م 12:28 AM

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

سلمى نصار 20 ذو الحجة 1433هـ/4-11-2012م 12:32 AM

اقتباس:

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

أعتذر السؤال خاطئ

سامية السلفية 20 ذو الحجة 1433هـ/4-11-2012م 07:03 AM

اقتباس:

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

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

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

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

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

وفقك الله

سامية السلفية 20 ذو الحجة 1433هـ/4-11-2012م 07:26 AM

اقتباس:

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

بارك الله فيك.
نعم يمكن استخدامها -بإذن الله- ، لكن انتبهي لطريقة كتابتها
وفقك الله .. هذا الوسم <style> لا يكتب في وسوم html لكن يكتب بشكل مستقل في قسم الرأس

كود بلغة HTML:

<head><style>ul.circle{...}</style></head>
أما عندما تستخدم مع وسوم html

كود بلغة HTML:

<ul style=....>
رزقك الله العلم النافع والعمل الصالح

سلمى نصار 20 ذو الحجة 1433هـ/4-11-2012م 06:19 PM

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

سلمى نصار 20 ذو الحجة 1433هـ/4-11-2012م 06:34 PM

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

سامية السلفية 20 ذو الحجة 1433هـ/4-11-2012م 09:00 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 101633)
- ما هو الوسم <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>
وفقك الله لما يحب ويرضى

سلمى نصار 27 ذو الحجة 1433هـ/11-11-2012م 12:30 AM

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

سلمى نصار 27 ذو الحجة 1433هـ/11-11-2012م 01:04 AM

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

سامية السلفية 27 ذو الحجة 1433هـ/11-11-2012م 03:37 AM

اقتباس:

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

بارك الله فيك

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

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

سامية السلفية 27 ذو الحجة 1433هـ/11-11-2012م 03:38 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 102067)
هل بإمكاننا إضافة خصائص للوسم <title> ؟

نعم . يمكن إن شاء الله

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

وفقك الله

سلمى نصار 8 محرم 1434هـ/21-11-2012م 10:18 PM

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

سلمى نصار 8 محرم 1434هـ/21-11-2012م 10:21 PM

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

سامية السلفية 9 محرم 1434هـ/22-11-2012م 06:02 AM

اقتباس:

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

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

وفقك الله

سامية السلفية 9 محرم 1434هـ/22-11-2012م 06:23 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 102788)
لماذا نستخدم الوسم <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">
رزقك الله العلم النافع والعمل الصالح

سلمى نصار 10 محرم 1434هـ/23-11-2012م 04:42 PM

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

سامية السلفية 11 محرم 1434هـ/24-11-2012م 08:09 AM

اقتباس:

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


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

أولا:

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

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

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

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

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

سلمى نصار 11 محرم 1434هـ/24-11-2012م 08:20 PM

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

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

<input />
. أيهما نكتب به ؟

سلمى نصار 11 محرم 1434هـ/24-11-2012م 08:42 PM

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

سلمى نصار 11 محرم 1434هـ/24-11-2012م 08:59 PM

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

سامية السلفية 12 محرم 1434هـ/25-11-2012م 02:15 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 103014)
في درس النماذج كنا نكتب الوسم input هكذا
كود بلغة HTML:

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

<input />
. أيهما نكتب به ؟

بارك الله فيك..
لا فرق بينهما بالنسبة لـــHTML
تماما كما في السؤال السابق
http://www.afaqattaiseer.com/vb/show...8&postcount=40

كود بلغة HTML:

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

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

سامية السلفية 12 محرم 1434هـ/25-11-2012م 02:17 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 103015)
هل يكتب الجزء الخاص بالهويات في الرأس head أم في المتن body ؟

اقتباس:

يكتب الجزء الخاص بالهويات في الرأس head
نعم يا أختي
لأنه في المتن سوف يظهر كنص عادي . والله أعلم

سامية السلفية 12 محرم 1434هـ/25-11-2012م 02:27 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 103016)
ما هو الوسم <span> وكيف نستخدمه ؟

وسم محايد ...ليس له تأثير مباشر. فالتأثير يظهر عند إضافة خاصية .

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

كود بلغة HTML:

<span style="color:blue">blue</span> >
وأيضا : dir ، id ، class

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

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

سلمى نصار 13 محرم 1434هـ/26-11-2012م 07:19 PM

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


الساعة الآن 06:05 AM

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