الدرس الاول من دوره xhtml ومقدمه بسيطه

الدرس الثانى من دوره xhtml ومعرفه بعض الوسوم

الدرس الثالث من دوره xhtml ومعرفه بعض الوسوم

الدرس الرابع من دوره xhtml ومعرفه بعض الوسوم

السلام عليكم

اهلا بيكو فى الدرس الخامس من الدوره

هنكمل مع بعض باقى وسوم الهوتمل واللى بواسطها هتسهل علينا دوره ال css

<dl>
<dt>منتدى</dt>
<dd>هو مكان يتجمع فيه الاعضاء وكل واحد يفيد الاخر ويستفيد</dd>
</dl>

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


<dl>

</dl>

وبداخله

<dt></dt>

ويعتبر ده العنوان

<dd></dd>

وهناك مثال اخر فى صفحه الملف الشخصى فى منتديات الفى بى
هناك مستخدين الوسوم هذه
الدرس الخامس

سوف نلاحظ كلمه العمر ومكتوب تحتها 19 ازاى

هنبتدى فى مجموعه جديده فى الوسم وهى
Links
يعنى الروابط
وهنستخدم فيها الوسم
<a></a>
وهو لوضع رابط على الكلمه او صوره
او لتوجيه الرابط لنفس الصفحه بس فى جزء فى اخر الصفحه مثلا
بالظبط مثل ما هو فى منتديات الفى بى
عند الضغط على الاعلى يطلع فوق لانه عامل رابط توجيه لفوق
هنشرح دلوقتى كيفيه العمل
ده كيفيه الاسعتمال

الدرس الخامس

هنعمل فى الاول مثلا

<h2 id=”Ahmed”>Ahmed</h2>

احنا عارفين الوسم h2
اما الاى دى هنشرحه فى وقت لاحق
بس دولقتى معناه اسم السطر ده
او بمعنى اصح اسم لمعرفه كيفيه الوصول للوسم
وبعدين عملنا كذا سطر
وعملنا الوسم اللى احنا بنشرحه

<a href=”#ِAhmed” >للاعلى</a>

ومعنى كلمه href اى الرابط اللى هنضعه
وعلامه ال # علشان احنا استخدمنا الاى دى
وهيكون ليها شرح فى وقت لاحق
طيب لو عاوزين نعمل رابط مثلا منتديات فى بى ايجى

<a href=”http://vbegy.info/vb”></a>

طبعا الوسم سهل

وسم اخر
<img />
وهو وسم لوضع الصور
وبيكون على الشكل
<img src=”هنا نضع رابط الصوره” alt=”هنا نضع كلمه او وصف للصوره ” width=”هنا نضع العرض” height=”هنا نضع الطول” />
وضيف وصف الصوره انه فى حاله عدم توافر الصوره تظهر الكلمه بتاعت الوصف بدل الصوره

الى اللقاء فى الدرس القادم مع تكلمه باقى الوسوم


لمشاهده الدرس فيديو مباشر

لتحميل برابط مباشر

رابط اخر للدرس

الموضوع الاصلى

أحمد حسن

احب التطوير والتصميم عندى امل كبير فى الله ثم فى نفسى عندى ثقه كبيره الحمدلله فى قدراتى كل يوم اتعلم جديد فى كل جزء من حياتى اتمنى ان اتعلم من اخطائى دائما ،،

التعليقات ( 10 )
  1. العوامى 3
    21 أبريل 2010 at 4:52 م

    مشكككككككور على الشرح

  2. mohob
    24 نوفمبر 2010 at 12:06 م
  3. قناص جوبا
    24 نوفمبر 2010 at 3:40 م

    تمام شغل مظبوط بالتوفيق ان شاء الله

  4. Focus On
    7 فبراير 2011 at 8:23 م

    اي خدمة ياأبو حميد تطبيقي اهو

    http://i53.tinypic.com/2wqvhqp.png

    وشكرا علي الدرس ياباشا… بس عندي استفسار
    لو انا عايز احط صورة توديني لأسفل الصفحة مثلا او لأعلي الصفحة اكيد هعمل نفس الأكواد اللي بعملها بس اما بحط كلمة مش صورة فاهمني يعني لو انا عايز اعمل صورة بدل الكلمة علشان توديني لأسفل الصفحة احط كود الصورة فين بالضبط اصل معظم المنتديات والمدونات عاملة كدة زيك بالضبط. وشكرا

  5. Focus On
    7 فبراير 2011 at 8:32 م

    بقولك ياريت تقولي اعمل اللي قولتلك علية بس ياريت تعمل حسابك وتقولي احطه فين وانا بعمل استايل منتدي
    يعني انا عندي الوقتي
    h1
    h2
    h3
    f1
    f2
    f3

    احط الأكواد فين بقي علشان يبقي فية سهم زي بتاعك كدة

  6. قناص جوبا
    8 فبراير 2011 at 2:49 ص

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

    1
    <a href=""><img alt="" src="" /></a>
  7. قناص جوبا
    8 فبراير 2011 at 2:50 ص

    الديفات دى هتضعها فى الهيدر والفوتر فى الاستايل
    اما سهل ايه مش فاهم ؟

  8. FocusOn
    8 فبراير 2011 at 3:32 م

    لا انت مش فاهمني…..
    شوف كدة السهم اللي عندك في المنتدي والمدونة اللي لونه برتقالي علي يمين الصفحة اللي بيوديك لأعلي الصفحة…
    دة بقي اللي انا عايز اعمله في المنتدي….
    1- عايز اعرف الكود بتاع السهم دة يبقي ازاي انتا قولتلي هيبقي كدة

    ياريت توضح اكتر وتكتبلي الكود كامل.
    2- انا عايز اعرف بقي اما اخلص الكود بتاع السهم اللي هيوديني لأسفل او لأعلي الصفحة عايز اعرف احطه فين وانا بعمل استايل منتدي… يعني استايل منتدي بيبقي متكون من اكواد هيدر وفوتر وفي البودي بنحط الـ div انا بقي عايز احط الكود بتاع السهم احطه فييين في المنتدي في اكواد الهيدر ولا اكواد الفوتر… يعني قولي انت عملته ازاي في موقعك.
    وشكرا….

  9. قناص جوبا
    9 فبراير 2011 at 9:30 م

    انا كنت شرحت الدرس هنا قبل كده

  10. المصممة شيماء
    10 ديسمبر 2012 at 6:32 م

    شكرا لك

‎اضف رد