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

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

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

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

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

السلام عليكم
النهارده الدرس هيكون عباره عن وسوم بسيطه وان شاء الله يكون فاضل درسين فى الدوره
كنا تكلمنا سابقا عن
span
وقولنا انها للعبارات الصغيره
دلوقتى ال
div
والوسم ده يعنى كانه سطر وهمى لكى يسع كل ما يوضع بداخله


اى اننا نريد وضع صوره وعليها رابط نضعهم كاملين داخل ديف
<div></div>
والديف هنسميه بال
id
يكون على الشكل التالى
<div id=”Ahmed”></div>
كده احنا عرفنا الديف على انه اسمه احمد بحيث اننا فى دوره ال css
هنعرف الديف على انه احمد ونقوم بوضع اللون ليه مثلا والخلفيه وغيره كى تسهل العمليه
هناخد مثال
<div id=”Ahmed”>
<p>المنتدى هذا<span>جميل</span></p>
</div>
دلوقتى مثلا فى ال css
لو اردنا ان نقوم بتلوين السطر باللون الاسود
ولكن كلمه جميل باللون الاحمر
هنكتب عادى فى الوسم
p
وبعدين هنكتب الكلمه المراد لها تلون خاص داخل وسم
span
ونعرفها بكلاس
اى اسم وليكن
vbegy
ويكون لها تلون خاص
ملحوظه : كيفيه التليون والامور هذه سوف نقوم بشرحها بالتفصيل الملل فى دوره ال css

والان مجموعه جديده من الوسم
وهى الميتا تاج
Meta Tags
وهى مفيده للارشفه جدا
وايضا لعمل الترميز للصفحه

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

ده ترميز الصفحه
كما نلاحظ ان الترميز
UTF-8
بحيث انه المكتوب فى الصفحه هيكون عربى
علشان المتصفح يقدر على قراءه العربى اللى بداخل الصفحه
وايضا الكلمات الدليله ووضف الموقع يوضع فى الميتا فى منقطه الهيد كما ذكرنا سابقا

<meta name=”description” content=”فى بى ايحى التطويرية توفر لك كل ما هو جديد فى عالم التطوير” />
<meta name=”keywords” content=”فى بى ايجى ,تطوير فى بى , تطوير vb,استايلات , كل ما يلزم المطور” />

والان وسم السكربت

<script></script>

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

الى هنا انتهى الدرس
الدرس القادم ان شاء الله وسوم الجداول وكيفيه التعامل معها


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

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

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

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

أحمد حسن

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

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

    مشكور على المجهود

  2. FocusOn
    9 فبراير 2011 at 3:15 ص

    التطبيق بتاع النهاردة اهو ياريس وشكرا علي الدرس الجميل دة

    http://i51.tinypic.com/zukvhs.png

    بس فية سؤال… انا اما جيت اخلي كلمة الله اللي لونتها باللون الأزرق تبقي خطها اكبر شوية
    حطيتلها الكود دة
    h2
    بس لاقيت كلمة الله نزلت في سطر جديد لوحدها مش عارف لية؟؟

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

    شوف اول شئ اعمل الكلاس بالانجلش مش عربى
    ثانى شئ لما تعوز تكبر الخط على نفس السطر اعمل وسم

    وده تعمله كلاس وتعمله
    font:700 12pt Arial
    وهيكون تمام
    والتطبيق ممتاز بالتوفيق ان شاء الله فى باقى الدروس

  4. FocusOn
    9 فبراير 2011 at 11:31 م

    اعمل وسم اية؟؟؟ الوسم مش باين للأسف

  5. قناص جوبا
    11 فبراير 2011 at 1:05 ص

    اسف مش عارف الاضافه الخاصه بالاكواد فيه شئ مش مظبوط
    المهم الوسم span

‎اضف رد