مناقشة الدرس الثامن ..!!

الوليد الراشدي · #1 (**permalink**) 12-08-2008, 02:57 PM

السلام عليكم ..
بعد السلام الاخوان هنا سوف تتم مناقشة الدرس الثامن في الدوره ..الي هو كان :
الدرس الثامن : القوائم في لغة الــ html
\
و ان شاء الله نشوف مناقشه روعه ..

تنبيه:// الدورة هي مشاركة وتفاعل بين الأعضاء والمشاركين والمتلقين لذلك احرص عزيزي المتلقي أن يكون ردك فعالاً مشاركاً ولو بمعلومة إن لم يكن تطبيقاً ليكون ردك مفيداً نافعاً وتكون مساهماً بإلقاء الدورة بشكل أو بآخر.

بالتوفيق للجميع،،،

تقبلو فائق الاحترام و التقدير لجميع المشتركين بالدوره : الوليد الراشدي

3bsi · #2 (**permalink**) 12-08-2008, 05:47 PM

يعطيك العافية اخوي الوليد ، لي عودة ان شاء الله مساءاً ..

نواف · #3 (**permalink**) 13-08-2008, 12:06 AM

السلام عليكم
درس حلو
التطبيق

كود PHP:

  <html>

<head>

<title>البلدان العربية</title>

</head>

<body>

<h3 align="right">

البلدان العربية وعواصمها</h3>

<hr align="center" color="blue" size="3">

<dl>

<dt>سلطنة عمان

<dd>عاصمتها مسقط

<dt>الامارات

<dd>عاصمتها ابو ظبي

<dt>مصر

<dd>عاصمتها القاهره

<dt>تونس

<dd>عاصمتها تونس

</dl></body></html>

-------
بالنسبة للسؤال الأول
جربت ما أحط

اقتباس:

هل يجب وضع الخاصيه type عند علامة نهاية أمر القائمه سواء كانت قائمه عدديه أم غير عدديه ؟؟

لا < جربتها وزبط معي
---

اقتباس:

كيف تستطيع أن تعمل تنسيق لخط القائمه ؟؟

بصراحه ما فهمت السؤال

حسام خضر · #4 (**permalink**) 13-08-2008, 12:24 AM

التنسيق المراد هنا
هو تنسيق الخط
باستخدام خاصية الخط font

مثل هيك يعني

كود PHP:

  <html> 
<head> 
<title>البلدان العربية</title> 
</head> 
<body> 
<h3 align="right"> 
البلدان العربية وعواصمها</h3> 
<hr align="center" color="blue" size="3"> 
<dl> 
<dt><font color="red" size="5">سلطنة عمان</font> 
<dd><font color="blue" size="4">عاصمتها مسقط </font> 
<dt><font color="red" size="5">الامارات </font> 
<dd><font color="blue" size="4">عاصمتها ابو ظبي </font> 
<dt><font color="red" size="5">مصر </font> 
<dd><font color="blue" size="4">عاصمتها القاهره </font> 
<dt><font color="red" size="5">تونس </font> 
<dd><font color="blue" size="4">عاصمتها تونس </font> 
</dl></body></html>

السؤال هو كيف بنقدر نعمل تنسيق للخط

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

ارجو انو تكون الفكره وصلت يا اخي العزيز

تحياتي الك
اخوك حسام خضر

نواف · #5 (**permalink**) 13-08-2008, 02:38 AM

مشكور أستاذ حسام على الشرح
الحين فهمت :d
----
يالله يا شباب وينكم وين المنافسه :d

الوليد الراشدي · #6 (**permalink**) 13-08-2008, 08:19 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة 3bsi

يعطيك العافية اخوي الوليد ، لي عودة ان شاء الله مساءاً ..

اخي احنا ننتظرك وينك ؟؟!!

TAIMA · #7 (**permalink**) 13-08-2008, 09:12 PM

كود PHP:

  <html>

<head>

<title> البلدان العربيه </title>

</head>

<body bgcolor="LightGrey">

<h3 align="right"><font color="MediumVioletRed"> البلدان العربيه و عواصمها </h3></font>

<hr align="center" color="Blue" size="3">

<dl>

<dt><b><font color="DarkMagenta"> سلطنة عمــان </font></b><dd><font color="DarkSlateGray"> عاصمتها مسقــط </font>

<br>

<a href="http://ar.wikipedia.org/wiki/%D8%B9%D9%8F%D9%85%D8%A7%D9%86">

<img src="http://150.jeeran.com/علم%20سلطنة%20عمان.jpg"> 

</a>

<dt><b><font color="DarkMagenta"> الأمــارات </font></b><dd><font color="DarkSlateGray"> عاصمتها ابوظبي </font>

<br>

<a href="http://ar.wikipedia.org/wiki/%D8%A7%D9%84%D8%A5%D9%85%D8%A7%D8%B1%D8%A7%D8%AA_%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9_%D8%A7%D9%84%D9%85%D8%AA%D8%AD%D8%AF%D8%A9">

<img src="http://www.star28.com/images/arab/uae_flag.jpg"> 

</a>

<dt><b><font color="DarkMagenta"> مصــر </font></b><dd><font color="DarkSlateGray"> عاصمتها القــاهرة </font>

<br>

<a href="http://ar.wikipedia.org/wiki/%D9%85%D8%B5%D8%B1">

<img src="http://www.moqatel.com/openshare/Behoth/Dwal-Modn1/Egypt/Flag01.GIF"> 

</a>

<dt><b><font color="DarkMagenta"> تونـس </font></b><dd><font color="DarkSlateGray"> عأصمتها تونــس </font>

<br>

<a href="http://ar.wikipedia.org/wiki/%D8%AA%D9%88%D9%86%D8%B3">

<img src="http://img185.imageshack.us/img185/1994/tuns001if9.jpg"> 

</a>

</dl>

</body>

</html>

الأجوبة (بدون الأطلاع على اجوبة اللي سبقوني )

هل يجب وضع الخاصيه type عند علامة نهاية أمر القائمه سواء كانت قائمه عدديه أم غير عدديه ؟؟

ممممممم ماعرفت الجواب ... والى الأن ماعرفت بالضبط كيف استخدم هذا الكود

كيف تستطيع أن تعمل تنسيق لخط القائمه ؟؟

جربت اعمل تنسيق على خط القائمة في تطبيقي

ثالثاً : الامر
كود:
<li>وهذا الامر بخليكم تكتشفوا الي يسويه بنفسكم ..

بعد ماجربت احذفه من بعض الفقرات وارجع احطه عرفت انو وظيفته مع القائمة العددية ( وضع الأرقام تسلسليا)
ومع القائمة الغير رقمية
وظيفته وضع دوائر اللي تخص بداية الفقرة

ولمــا حذفته بالمرة من القائمة العددية والغير عددية اتلغت وظيفة <br> و <ul> و الكلام اترص جنب بعضه بدون اي تنسيق

الأجابة بإختصــار
كود <li> مكمل لعمل <br> و <ul> وبدونه الأوامر لا تعمل

e7sas · #8 (**permalink**) 14-08-2008, 12:09 AM

الســلام عليكم استاذ الوليد ..

كنت مستعجل وانا اجاوب ع السؤال ..
وان شاء الله صح ..

كود:

<html>
<head>
<title> البلدان العربية </title>
</head>
<body bgcolor="009966">
<b><h1 font size="3" align="right"> البلدان العربية وعواصمها </h1></b>
<hr size="3" color="blue">

<dl>
<dt> سلطنة عمان  <dd> عاصمتها مسقط  
<dt> الإمارات <dd> عاصمتها ابو ظبي
<dt> مصر <dd> عاصمتها القاهره
<dt> تونس  <dd> عاصمتها تونس  
</dl>


</body>
</html>

Muhammad 2024 · #9 (**permalink**) 14-08-2008, 06:43 AM

الف شكر بشان درس القوائم ...

و كالعادة ... نضيف الدرس الخاص فينا ...

و رح بحكيلكم على القوائم الفرعية !
الموضوع كالتالي !

كل ما ضفنا امر محدد بداية قائمة

<ol>
او
<ul>

نحن نأسس قائمة !

بس ممكن كمان الواحد يوسوي قواشم فرعية !

الموضوع كالتالي ....

مثلا انت عم تصنع قائمة !

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

<ol>
او
<ul>

جديد .....

و كمل اضف العناصر الفرعية ....
و عن اي عنصر بدك ستسوي قائمة تانية
كمان استخدم

<ol>
او
<ul>

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

<ol/>
او
<ul/>

!!!!
و هيك ترجع خطوة لورا يعني تكمل شغل بالقائمة السابقة !

بالتوفيق ......

Muhammad 2024 · #10 (**permalink**) 14-08-2008, 06:47 AM

كمان احب اضيف شغلة لانشاء العناصر بالقوائم

ممكن استخدام الأمر ...

<li>

</li>

و هاد هوة الأمر الرسمي .... لموضوع اضافة عناصر بالقوائم ! !!!
د

ملاحظة وقت استخدام القوائم الفرعية
اضافة العناصر

<li>

رح يخضع لآخر محدد

<ol>
او
<ul>

ما زال فعال اي غير مغلق

3bsi · #11 (**permalink**) 15-08-2008, 10:04 AM

هذا تطبيقي اخوي الوليد واعتذر جداً على التأخير

كود PHP:

  <html>

<head>

<title> البلدان العربيه </title>

</head>

<body>

<b><p align="right"><font size="3"> البلدان العربية وعواصمها </font></p></b><br>

<hr align="center" color="blue"><br>

<ul><dl><dt><li> سلطنة عمان <dd> مسقط<br>

<dt><li> الأمارات <dd> ابو ظبي <br>

<dt><li> مصر <dd> القاهره <br>

<dt><li> تونس <dd> تونس <br>

</body>

</html>

bico · #12 (**permalink**) 16-08-2008, 11:44 PM

السلام عليكم

هذا تطبيقى و اعتذر على التأخير

كود PHP:

<html> <head> <title> البلدان العربيه </title> </head> <body> <h1 align="right" font size="3"> <b> البلدان العربيه و عواصمها </h1> <hr> <align="center" color="blue" size="3"> <dl> <dt> سلطنه عمان <dd> عاصمتها مسقط <dt> الامارات <dd> عاصمتها ابو ظبى <dt> مصــــــر <dd> عاصمتها كيرو <dt> تونس <dd> تونس </dl> </body>

And You · #13 (**permalink**) 17-08-2008, 03:18 AM

السلام عليكم ورحمة الله
الف شكر استاد وليد واستاد حسام
جزاكما الله كل الخير وجعل عملكما هذا في ميزان حسناتكما
اعذراني على الغياب الطويل
بسبب قضاء العطلة خارج البيت رفقة الأهل :d
اتمنى انني لم افوت الكثير
وساعود بتطبيقاتي للدروس التي لم احضرها ان شاء الله
موفقين باذن الله

نواف · #14 (**permalink**) 17-08-2008, 07:15 AM

مشاءلله بدأ الحماس

الوليد الراشدي · #15 (**permalink**) 20-08-2008, 02:25 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة TAIMA

كود PHP:

  <html>
<head>
<title> البلدان العربيه </title>
</head>
<body bgcolor="LightGrey">
<h3 align="right"><font color="MediumVioletRed"> البلدان العربيه و عواصمها </h3></font>
<hr align="center" color="Blue" size="3">
<dl>
<dt><b><font color="DarkMagenta"> سلطنة عمــان </font></b><dd><font color="DarkSlateGray"> عاصمتها مسقــط </font>
<br>
<a href="http://ar.wikipedia.org/wiki/%D8%B9%D9%8F%D9%85%D8%A7%D9%86">
<img src="http://150.jeeran.com/علم%20سلطنة%20عمان.jpg"> 
</a>
<dt><b><font color="DarkMagenta"> الأمــارات </font></b><dd><font color="DarkSlateGray"> عاصمتها ابوظبي </font>
<br>
<a href="http://ar.wikipedia.org/wiki/%D8%A7%D9%84%D8%A5%D9%85%D8%A7%D8%B1%D8%A7%D8%AA_%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9_%D8%A7%D9%84%D9%85%D8%AA%D8%AD%D8%AF%D8%A9">
<img src="http://www.star28.com/images/arab/uae_flag.jpg"> 
</a>
<dt><b><font color="DarkMagenta"> مصــر </font></b><dd><font color="DarkSlateGray"> عاصمتها القــاهرة </font>
<br>
<a href="http://ar.wikipedia.org/wiki/%D9%85%D8%B5%D8%B1">
<img src="http://www.moqatel.com/openshare/Behoth/Dwal-Modn1/Egypt/Flag01.GIF"> 
</a>
<dt><b><font color="DarkMagenta"> تونـس </font></b><dd><font color="DarkSlateGray"> عأصمتها تونــس </font>
<br>
<a href="http://ar.wikipedia.org/wiki/%D8%AA%D9%88%D9%86%D8%B3">
<img src="http://img185.imageshack.us/img185/1994/tuns001if9.jpg"> 
</a>
</dl>
</body>
</html>

الأجوبة (بدون الأطلاع على اجوبة اللي سبقوني )

هل يجب وضع الخاصيه type عند علامة نهاية أمر القائمه سواء كانت قائمه عدديه أم غير عدديه ؟؟

ممممممم ماعرفت الجواب ... والى الأن ماعرفت بالضبط كيف استخدم هذا الكود

كيف تستطيع أن تعمل تنسيق لخط القائمه ؟؟

جربت اعمل تنسيق على خط القائمة في تطبيقي

ثالثاً : الامر
كود:
<li>وهذا الامر بخليكم تكتشفوا الي يسويه بنفسكم ..

بعد ماجربت احذفه من بعض الفقرات وارجع احطه عرفت انو وظيفته مع القائمة العددية ( وضع الأرقام تسلسليا)
ومع القائمة الغير رقمية
وظيفته وضع دوائر اللي تخص بداية الفقرة

ولمــا حذفته بالمرة من القائمة العددية والغير عددية اتلغت وظيفة <br> و <ul> و الكلام اترص جنب بعضه بدون اي تنسيق

الأجابة بإختصــار
كود <li> مكمل لعمل <br> و <ul> وبدونه الأوامر لا تعمل

السلام عليكم ..
اول حاجه اسف للتأخير و ذلك للسفر المفاجيء ..
المهم بالنسبه للخاصيه type او بالعربي النوع فــ تستخدم لتحديد نوع القائمه سواء كانت عدديه ام لا .. مع الاخذ بعين الاعتبار أن المتغيرات تتغير عند وضع القائمه عدديه أم غير عدديه .. و هذه هي المتغيرات ..
اولاً : متغيرات القوائم العدديه :

كود PHP:

  <ol type="I"> وهذا عشان تخلي نوع نقاط القائمه حروف لاتينيه كبيره ( كبيتل )

كود PHP:

  <ol type="i"> و هذا عشان تخلي نوع نقاط القائمه حروف لاتينيه بس صغيره ( سمول )

و باقي الخواص اطلع عليها من الدرس افضل لك ( عشان تفهم اكثر )
بالنسبه للتنسيق فــ الطريقه صحيحه ..
بالنسبه للامر

كود PHP:

  <li>

فــ هذا الامر يعني نقطه أو جزئيه في القائمه ..
اما اذا حذفته فــ راح يعتبر الكلام الي انته كتبته في النقطه الي حذفت من جنبها الامر

كود PHP:

  <li>

جزء من النقطه الي فوقه ..

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

مناقشة الدرس الثامن ..!!

دورة تعلم لغة الـ HTML