العودة   مجموعة رابط من اجل العراق - التدريب والتطوير > ملتقى البرمجة واللغات البرمجية > خاص بدروس الـ HTML
التسجيل التعليمـــات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة المشاركات مقروءة
رد
 
أدوات الموضوع طرق مشاهدة الموضوع
قديم 06-18-2010, 02:07 AM   رقم المشاركة : 1
link4iraq
المدير العام
 
الصورة الرمزية link4iraq






link4iraq غير متواجد حالياً

link4iraq is on a distinguished road


إرسال رسالة عبر مراسل MSN إلى link4iraq إرسال رسالة عبر مراسل Yahoo إلى link4iraq

افتراضي الدرس الثالث من سلسلة تعلم لغة Html من الصفر حتى الاحتراف

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

الدرس الثالث من سلسلة تعلم لغة Html من الصفر حتى الاحتراف

اهلا وسهلا بكم معنا من جدبد

[ شرح ] سنشرح الان وضيفة اربع من الوسوم الخاصة بلغة HTML وهذا لايعني انها لا تستخدم في غيرها ولكننا نريد التركيز على HTML فقط في هذه السلسلة :

الوسوم هي :

الاول : center توسيط النصوص او الصفحات في المتصفح
الثاني : left جعل النصوص او المواقع على يسار المتصفح
الثالث : right جعل النصوص او المواقع على يمين المتصفح
الرابع : justify يتخصص هذا الكود بجعل النصوص متساوية الاطراف لاضافة جمالية على الكتابة في المواقع

كود:
<p align="center">Link4iraQ</p>

<p align="left">Link4iraQ</p>

<p align="right">Link4iraQ</p>

<p align="justify">Link4iraQ</p>
[ مثال ]

Link4iraQ

Link4iraQ

Link4iraQ

شاهد اتجاه النص من اليمين الى اليسار :



شاهد هنا اتجاه النص من اليسار الى اليمين :



شاهد الصورة التالية لترى النص في منتصف الصفحة :



هنا النص متساوي الطرفين اليمين واليسار مما يضيف جمالية للنصوص في المواقع :



ارجو ان يكون الدرس مفيدا وواضحا وانتظر منكم التطبيق لنرى الى اي مرحلة وصلنا مع الدروس الثلاثة وهل يمكن عمل كود من الدروس الثلاثة كنموذج على ما شرحناه

مع التقدير والاحترام

... يتبع ...






التوقيع :
السلام عليكم وحمة الله وبركاته
تحية طيبة نهديها لكم من ارض الرافدين
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
رد مع اقتباس
قديم 06-18-2010, 03:24 PM   رقم المشاركة : 2
قمر الزمان
صاحب موقع في الشركة






قمر الزمان غير متواجد حالياً

قمر الزمان will become famous soon enough


افتراضي

كود:
<html>
<head><h1><p align= "center" > بسم الله الرحمن الرحيم</p></h1></head>
<body bgcolor="#99e6f9"><h3><p align="right">أشكركم على هذه السلسلة التعليمية الفريدة والمفيدة وسأبقى متابعة معكم لكم كل التقدير والإحترام راجية أن يكون تطبيقي بمستوى جيد</p></h2>
<h3><p align="left">I would like to thank you about these series of lectures that are very interesting and I'll still waiting the others this is just a try, god bless you</p></h3>
<h5><p align="center">قمر الزمان</p></h6></body>
</html>
ارجو أن يكون التطبيق صحيح

تحيتي لكم






آخر تعديل قمر الزمان يوم 06-18-2010 في 03:48 PM.
رد مع اقتباس
قديم 06-18-2010, 03:58 PM   رقم المشاركة : 3
link4iraq
المدير العام
 
الصورة الرمزية link4iraq






link4iraq غير متواجد حالياً

link4iraq is on a distinguished road


إرسال رسالة عبر مراسل MSN إلى link4iraq إرسال رسالة عبر مراسل Yahoo إلى link4iraq

افتراضي

جميل ان نكون سريعين في اداء العمل ولكن الاجمل ان نكرر المراجعة اكثر من مره للتاكد من سلامه العمل

العمل صحيح فقط في اتجاه اليمين واليسار اما الباقي فيجب ان تراجعيه مره ارخى لتري لما لم تعمل وسوم الحجوم والاهم ابتعدي عن الفرونت بيج لاننا لا نتعامل معه الان بل نكتب برنامجنا خطوة خطوة والاهم هو تطبيق الدروس بدون اضافات .

اتركي المثال كما هو وضعي مثال اخر بعد مراجعة الاول اكثر من مره لمعرفة سبب الخلل

ثم ساشرح الخلل الذي وقعتي فيه بعد ان تكرري المحاولة مره ومرتين وثلاث

تحياتي والبداية جميلة







التوقيع :
السلام عليكم وحمة الله وبركاته
تحية طيبة نهديها لكم من ارض الرافدين
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
رد مع اقتباس
قديم 06-18-2010, 04:20 PM   رقم المشاركة : 4
قمر الزمان
صاحب موقع في الشركة






قمر الزمان غير متواجد حالياً

قمر الزمان will become famous soon enough


افتراضي

أنا لا أملك برنامج فرونت بيج (كنت سابقاً أملكه لكنني فقدته ولا استطيع تحميله من النت لكبر حجمه ) لكنني استعمل برنامج php designer وكما تعرفون هو يدعم لغة الhtml ايضاً

والكود السابق كتبته بيدي وراجعته مرتين ولم اعرف اين الأخطاء سوى خطأ واحد (كما أظن) وهو وجود مسافة بين الcenter ونهاية الوسم .. ايضاً حاولت وضع وسم حجم الخط بعد ال<p> لكنه لا يعمل

وهذا تطبيق جديد لكن بدون اي اضافات

ارجو ان يكون صحيحاً

كود:
<html>
<h1><p align="center">السلام عليكم ورحمة الله وبركاته</p></h1>
<h2><p align="right">هذه محاولتي الثانية لعمل كود صحيح , حاولت وضع وسم حجم الخط بعد كود السطر لكنه لم يعمل لهذا وضعته في بداية سطر الكود</p></h2>
<h3><p align="left">تحيتي لكم </p></h4>
<h3><p align="left">قمر الزمان</p></h2>
</html>






رد مع اقتباس
قديم 06-18-2010, 06:29 PM   رقم المشاركة : 5
link4iraq
المدير العام
 
الصورة الرمزية link4iraq






link4iraq غير متواجد حالياً

link4iraq is on a distinguished road


إرسال رسالة عبر مراسل MSN إلى link4iraq إرسال رسالة عبر مراسل Yahoo إلى link4iraq

افتراضي

يبدو اننا نحتاج الى التوضيح اكثر هذه المره ههههههههههه

يمنع استخدام اي برنامج على الاطلاق في كتابة النصوص الورادة في هذه الدروس

استخدمي ملف Document.txt الموجود مع الوندوز

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

كود:
<h1 align="right">السلام عليكم ورحمة الله وبركاته</h1>

<h3 align="center">هذه محاولتي الثانية لعمل كود صحيح , حاولت وضع وسم حجم الخط بعد كود السطر لكنه لم يعمل لهذا وضعته في بداية سطر الكوه</h3>

<h4 align="left">تحيتي لكم ... قمر الزمان</h4>
الان ضعي هذا النص في اي برنامج قراءة نصوص وشاهدي الفرق وقارني بين النصين واخبريني اين الخلل في النص الذي وضعتيه انتي ولم تعمل الحجوم فيه

تقديري واحترامي






التوقيع :
السلام عليكم وحمة الله وبركاته
تحية طيبة نهديها لكم من ارض الرافدين
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
رد مع اقتباس
قديم 06-18-2010, 09:12 PM   رقم المشاركة : 6
قمر الزمان
صاحب موقع في الشركة






قمر الزمان غير متواجد حالياً

قمر الزمان will become famous soon enough


افتراضي

طبعاً الفرق واضح جداً

وهو دمج وسم الحجم مع الإتجاهات

لكن عندي هنا إستفسار

شاهد الصور للتطبيقات

[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]

[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]

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

السطر الأول h1 وهو كبير
السطر الثاني أصغر

والثالث أصغر ...

إذاً ما المشكلة ؟!







رد مع اقتباس
قديم 06-19-2010, 12:19 AM   رقم المشاركة : 7
link4iraq
المدير العام
 
الصورة الرمزية link4iraq






link4iraq غير متواجد حالياً

link4iraq is on a distinguished road


إرسال رسالة عبر مراسل MSN إلى link4iraq إرسال رسالة عبر مراسل Yahoo إلى link4iraq

افتراضي

الان ساشرح النقطة الاخرى والمهمة بعد ان قلت لا نستعمل اي برنامج في تطبيق الدروس الان ساضيف عدم مشاهدة الوسوم عبر المتصفح لانها الان تبدو صحيحه ولكن عند استمرار العمل واضافة التفاصيل الاخرى سيكون العمل فاشل مئة بالمئة ...

الان الصورة ادناه هي للوسوم التي كتبتها قمر الزمان



هن الصورة التي كتبتها انا



تطبيق الوسوم التي كتبتها قمر الزمان "طبعا بدون متصفح"



تطبيق الوسوم التي كتبتها انا "وبدون متصفح"



مشاهدة الفرق بين الوسمين في الصورة ادناه :



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



اعتقد الشرح واضح الان وساركز على النقاط التالية :

ليس المهم كتابة الاكواد والوسوم بقدر اهمية ترتيب النصوص البرمجية وتقليل نسبة الخلل وحذف الزيادات البرمجية مهما كانت صغيرة

في كافة مراحل هذه الدروس يمنع منعا باتا استخدام اي برنامج للمساعده في كتابة الوسوم البرمجية والاعتماد فقط على الكتابة بملف Document.txt فقط ونفس الملف بمجرد تغيير الامتداد من Document.txt الى Document.html سيكون ملف تنفيذي يسمح لنا بمشاهدة العمل الذي قمنا ببرمجته .

راجعي الان النصوص اعلاه واعملي نص بدون اي زيادات في الوسوم فقط التي تؤدي الغرض المطلوب حصراً

مع تقديري لسرعة الاستجابة







التوقيع :
السلام عليكم وحمة الله وبركاته
تحية طيبة نهديها لكم من ارض الرافدين
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
رد مع اقتباس
قديم 06-19-2010, 01:24 AM   رقم المشاركة : 8
قمر الزمان
صاحب موقع في الشركة






قمر الزمان غير متواجد حالياً

قمر الزمان will become famous soon enough


افتراضي

كود:
 <h2>الدرس الآن واضح جداً </h2>
<h3>بارك الله بك يا مديرنا</h3>

أصبحت كل النقاط واضحة جداً

شكرا وبارك الله بك






رد مع اقتباس
قديم 06-19-2010, 01:32 AM   رقم المشاركة : 9
link4iraq
المدير العام
 
الصورة الرمزية link4iraq






link4iraq غير متواجد حالياً

link4iraq is on a distinguished road


إرسال رسالة عبر مراسل MSN إلى link4iraq إرسال رسالة عبر مراسل Yahoo إلى link4iraq

افتراضي

تمام التمام الله يبارك بعمرك اختي

تقديري وان شاء الله نراك اكبر مصممة ومبرمجة







التوقيع :
السلام عليكم وحمة الله وبركاته
تحية طيبة نهديها لكم من ارض الرافدين
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
[عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
رد مع اقتباس
رد

« الموضوع السابق | الموضوع التالي »

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

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

كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع إلى


الساعة الآن: 03:03 PM

 
Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
جميع الحقوق محفوظه

تصميم معهد ترايدنت