بسم الله الرحمن الرحيم
قبل كل شئ اود ان اشكر اخواني الكرام علي ردودهم الجميله {{لكم جزيل الشكر يا اخواني}}
سنبدأ اليوم بمشيئة الله تعالي درساً في غاية الاهميه وهو الجداول
قد يظن الكثير منا ان الجداول هي عباره عن مربعات او مستطيلات بها الصور في صفحات الويب
وان ليس لها استخدماً اكثر من ذلك و لكن يا اخواني لا تتعجلوا بالحكم علي الاشياء قبل المعارفه
الكامله بها .
فالجداول هي اساس صفحات الويب حيث ان موقع الويب مثلاً يتكون من هيدر وفووتر
اي يتكون من رأس الصفحه اي الجزء العلوي والجزء السفلي وما بينهما هل سألت نفسك
اخي كيف اصفحت هذه الصفحه تتكون من صور كلاً منها في مكانها المحدد لها بظبط حتي لا
يضيع مظهر التصميم
في الحقيقه اود ان اخبرك اخي القارئ ان كل هذا معتمد علي الجداول
____________________________الدرس السادس الجداول_________________________
اولأ لكي تقوم بعمل جدول لابد من إخبار المتصفح من انك تود عمل الجدول عن طريق الوسام الاتي
1-: <table>
هذا الوسام يقوم بتعريف المتصفك بأنك تريد عمل جدول
وهو وسام زوجي يكتب بهذه الطريقه <table> </table>
الان قمن بتعريف المتصفح بأننا سنقوم بعمل جدول
ولكن من ما تتكون الجداول
الجداول تتكون من صفوف وخلايا
لذلك لعمل الجدول لابد من معرفة كيفية عمل الصفوف والخلايا
والان اخي افتح معي المفكره واكتب الاتي
<table><tr><td>جدول مكون من صفاً واحد وخليه واحده
</td></table>فلنحلل هذا الكود
اولاً كتبان الوسام
<table>
لتعريف المتصفح بأنك تريد عمل جدول
ثانياً كتبنا الوسام
<tr>
لتعريف المتصفح ان هذا هو الصف الاول ضمن صفوف الجدول
وهو وسام زوجي يكتب بهذه الطريق
<tr/>هنا نضع الخلايا ضمن وسام تعريف الخلايا تابع الشرح<tr>
ثالثاً كتبنا الوسام
<td>
لتعريف المتصف بأننا سنضيف خليه الي الجدول
وهو وسام زوجي يكتب بهذه الطريقه
<td> </td>
الان اتهينا من الجزء الاول من الدرس
ولكن قبل وضعي لبقية الدرس
احببت انا اتأكد من انكم قد فهمتعم الدروس السابقه
لذلك اريد تطبيقات علي كل الدروس
واول تطبيق هو
مطلوب عمل صفحة انترنت بالموصفات التاليه
1-لون الخلفيه اسود
2-لون الخط في هذه الصفحه ابيض
3-اكتب في وسط الصفحه الاتي
لا إله إلا الله & محمد رسول الله
4- ضع تحتها شعار جلاكسو
وهذا هو إمتداد صورة شعار جلاكسو
https://www1.glaxu.net/up3/uploaded/panerfreehost.jpgولوضع هذا التطبيق كل ما هو عليك كتابة
الاكواد التي تؤدي الي هذا العمل
اكتب هذه الاكود في نفس الموضووووووووووووووووووع