السلام عليكم ورحمه الله وبركاته
نبدأ الدرس
بسم الله الرحمن الرحيم
طبعا الجداول من اهم الحاجات الموجوده فى لغه ال html
وكل المواقع تقريبا موجود فيها جداول
طيب واحنا فى اخر الدوره فى امتحان تصميم صفحه ويب
وعشان صفحتك تكون تمام
لازم تضع فيها جداول
ماشى ندخل فى المفيد
التعامل مع الجداول سهل مثلها مثل اى امر فى اللغه
المهم وسوم الجداول 3 وسوم لا رابع لها
اولهم الوسم الاتى<TABLE>............................</TABLE>
وهو وسم تعريف الجدول ومهم طبعا
طيب الوسم الثانى
<TR>................</TR>
طبعا احنا عارفين ان اى جدول يتكون من صفوف
ده بأه وسم تعريف الصف اللى فى الجدول
<TD> ...................</TD>
اللى فات ده وسم تعريف اجزاء صف الجدول(الخلايا)
تعرف بخلايا الجدولطيب ببساطه وبلا لف ولا دوران
كيف اقوم بانشاء الجدول؟؟
طبعا اول شىء نكتب الوسم الاول
وهو وسم تعريف الجدول
<TABLE> ... </TABLE> طيب كم عدد صفوف الجدول هنفترض انهم 2 صف نعمل ايه؟؟ نكتب وسم تعريف الصف بعدد الصفوف كالاتى <TR> ... </TR><TR> ... </TR> طيب كم عدد خلايا الصف مثلا كل صف يتكون من 3 خلايا وطبعا الوسم ده يكتب بين وسم تعريف الصف لانه جزء منه كالات <TABLE>
<TR>
<TD> البند الاول</TD>
<TD> البند الثانى</TD>
<TD> البند الثالث</TD>
</TR>
<TR>
<TD> 50 </TD>
<TD> 60</TD>
<TD> 70 </TD>
</TR>
</TABLE>
طبعا يتضح من البيانات السابقه انه هذه اكواد جدول مكون من صفين والصف مكون من 3 خلايا
وهذا هو الجدول فقط ولكن دون خطوط له
طيب عاوزين خطوط فى خصائص كثيره لها نستخدمها مع وسم تعريف الجدول اللى
هو <TABLE> ... </TABLE> وسوف اقوم بشرح اهمها هنا
اولا الخاصيه BORDER
هذا الخاصيه تحدد سمك حدود الجدول طيب لو ما عملناهاش بتكون 0 اى لا حدود كالاتى
<TABLE BORDER="3"> هذا مثال عادى
<TABLE BORDER="0"> هذه هى القيمه الافتراضيه حيث لا حدود
ثانيا الخاصيه HEIGHT
من الاسم واضح انها بتحدد طول الجدول بالبيسكل
<TABLE HEIGHT="150">
وممكن نحدد انسبه الارتفع بالنسبه للمتصفح كالاتى
<TABLE HEIGHT="90%">
ثالثا الخاصيه
WIDTH
تحدد عرض الجدول
وسهل طريقه هى الاتى
<TABLE WIDTH="600">
وتوجد طريق اخرى لتحديد نسبه العرض بالنسبه للنافذه
اللى يحبها يطلب فى الاستفسارات بس انا مش هضعها هنا
CELLSPACINGالخاصيه الرابعه
لتحديد المسافه بين الخلايا
كالاتى
<TABLE CELLSP
ACING="10">
BGCOLORرابعا الخاصيه
تستخدم لتحديد لون خلفيه الجدول
كالاتى
<TABLE BGCOLOR="#00FFFF">
خامسا الخاصيه
ALIGN
ووظيفتها تحديد المحاذاه
ومرت علينا قبل كذا
يعنى يمين والاه شمال
<TABLE ALIGN="Left">ده شمال
ALIGN="Right"> وده يمين
CELLPADDINGاخيرا الخاصيه
لتحديد حجم الهوامش
<TABLE CELLPADDING="10">
طيب هذه هى الخصائص المستخدمه مع وسم تعريف الجدول
ندخل على وسم تعريف الصف
طبعا وسم الصف
<TR> ... </TR>
نستخدم معه الخاصيه
ALIGN
وشرحناها وطبعا القيمه الافتراضيه هى سنتر
يعنى فى الوسط
والخاصيه
BGCOLOR
شرحناها فوق
وهذى لو عاوزين لكل صف لون نضعها معه بنفس الكود السابق
طيب ندخل على وسوم الخلايا
وهى كتير
وانا مليت
راح اشرحها وامرى لله
اولا الخاصيه
ALIGN
شرحناها
WIDTHثانيا الخاصيه
شرحناها
HEIGHTثالثا الخاصيه
شرحناها
BGCOLORرابعا الخاصيه
شرحناها ودى لو عاوز لكل خليه لون يعنى لو فاضى ورايق
خامسا الخاصيه
COLSPAN
وهذى لدمج مجموعه خلايا
يعنى عاوز اكتب شىء ومش مكفيه خليه واحده فادمج مجموعه خلايا
عشان اعرف اكتب فى الوسع
وكودها
<TD COLSPAN="n">
وطبعا
N
هو عدد الخلايا التى سيتم دمجها
سادسا الخاصيه
VALIGN
وهذى لتحديد المحاذاه
وطبعا اكوادها
TOP لاعلى
MIDDLE للوسط
BOTTOM للقاع
واخيرا
ROWSPAN
لدمج الخلايا لكن عموديا وليس افقيا
راجع الشرح الافقى وانت تفهم
وبس انتهى
طبعا لاحظنا تكرار الاوسمه كتير
يعنى اللون مثلا
مع الجدول الون الجدول كله لون واحد
مع الصف كل صف يختص بلونه
مع الخلايا كل خليه لها لون
وانهينا الدرس
وبانتظار التطبيقات ان شاء الله
تحياتى لكم
اخوكم
أنت غير مسجل بشبكة ابن الخليج; للتسجيل اضغط هنا; للمساعده وشرح طريقة التسجيل اضغط هنا
09-29-2007, 06:17 مساءً 
المواضيع المتشابهه
العرض العادي
