تذكرني !
تابعنا على
Bleach منتديات العاشق

الدرس الخامس 5 || الجداول

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 02-20-2014, 02:11 PM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 33
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter
Icons43 الدرس الخامس 5 || الجداول




اللَّهُمَّ انْفَعْنَا بِمَا عَلَّمْتَنَا , وَعَلِّمْنَا مَا يَنْفَعُنَا , وَزِدْنَا عِلْمًا إِلَى عِلْمِنَا

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

كيفكم جميعاً أن شاء الله تمام !؟

وما تشكون من بأس!

اليوم موضوعنا راح نكتب فيه أكواد مهمة جداً جداُ

~ الجداول ~
تعدُ الجداول من أهم الأدوات التي في لغة HTML وذلك
لأستخدامهاٌ في جميع المواقعُ وبطرق مختلفة جداً


صورة كود الجدول




الكود كتطبيقُ



<TABLE> هذا هو الكود الأساسي
<TR> هذا الصف في الجدول
<TD> هذا الخلاياء في كل صف


صورة التطبيق




راح تقول أيش في !!

الأن تخيل معي شكل الجدول لكن طلع شكل غير شكل
الجدول الي في رأسك

طيب شوف بعد ما وضعنا حواف للجدول شكلة




بعد تعديل على كود <TABLE BORDER="5">

الأن عرفنا كيف ننشىء جدول لكن لم تتضح الصورة بعدُ

كيف يمكننا أن نستخدمه

أنظر للصورة وستعرفُ




طبعا في هذا الدرس لن نتطرق لجميع الأضافات التي يمكننا زيادتها

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

فقط يحتويها الجدول

راح نتعلم اليوم دمج الخلاياء حتى نعدل من شكل الجدول


مثل هذا جدولنا




وهذا الكود

كود:
<table border="5" >
        <tr>
            <td> </td>
            <td></td>
            <td></td>
            <td> </td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

         <tr>

            <td></td>    
            <td></td>
            <td></td>  
           <td></td> 
      
        </tr>

    </table>
طبعا لاتخفُ من الكود فهو بسيط جداً

كل ما نريد نضيف صف نكتب
</TR> <TR>
وكل ما نريد اضافه خليه ((لزم تكون داخل صف))
<TD>3ASQ.COM</TD>

طيب نبي جدول من صفين وثلاث خلاياء

<TABLE BORDER="5">
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>

</TR>



<TR>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>

</TR>

</TABLE>

BORDER="5" = حجم الحواف او الأطار
<TR> = صف جديد في الجدول
<TD> = خليه جديدة او حقل في الصف



أنتيهنا من الجزء الأول من الجداول


واجب الدرس
!

عمل جدول
مع أطار عرض 4

مكون من
صفين
وكل صف يحتوي على 4 خلاياء

في أمان الله


سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ أَشْهَدُ أَنْ لا إِلهَ إِلأَ انْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ



رد مع اقتباس
قديم 02-20-2014, 02:23 PM   #2
مشرف سابق
 
الصورة الرمزية Seo Sama
رقـم العضويــة: 86659
تاريخ التسجيل: Mar 2011
الجنس:
المشـــاركـات: 4,016
نقـــاط الخبـرة: 831

افتراضي رد: الدرس الخامس || الجداول

-_-" لم افهم شيئًا .. البته !!!
Seo Sama غير متواجد حالياً   رد مع اقتباس
قديم 02-20-2014, 02:23 PM   #3
♠_♠_♠_♠
 
الصورة الرمزية Fahadz
رقـم العضويــة: 105033
تاريخ التسجيل: Dec 2011
الجنس:
المشـــاركـات: 43
نقـــاط الخبـرة: 30

افتراضي رد: الدرس الخامس || الجداول

السلام عليكم ورحمة الله وبركاته ♥
كيفك jery7 ان شاء الله تمام





التعديل الأخير تم بواسطة Fahadz ; 02-21-2014 الساعة 11:34 AM
Fahadz غير متواجد حالياً   رد مع اقتباس
قديم 02-20-2014, 02:40 PM   #4
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

افتراضي رد: الدرس الخامس || الجداول

اقتباس:
المشاركة الأصلية كتبت بواسطة Laith M. Odhafa مشاهدة المشاركة
-_-" لم افهم شيئًا .. البته !!!
راجع الدرس هوون
JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 02-20-2014, 03:03 PM   #5
مشرف سابق
 
الصورة الرمزية Seo Sama
رقـم العضويــة: 86659
تاريخ التسجيل: Mar 2011
الجنس:
المشـــاركـات: 4,016
نقـــاط الخبـرة: 831

افتراضي رد: الدرس الخامس || الجداول

اقتباس:
المشاركة الأصلية كتبت بواسطة JERY7 مشاهدة المشاركة
راجع الدرس هوون
شكرًا .. سأفعل في القريب العاجل ..
Seo Sama غير متواجد حالياً   رد مع اقتباس
قديم 02-21-2014, 02:31 AM   #6
عاشق بدأ بقوة
 
الصورة الرمزية tarek12
رقـم العضويــة: 306590
تاريخ التسجيل: Feb 2014
العـــــــــــمــر: 31
الجنس:
المشـــاركـات: 65
نقـــاط الخبـرة: 12

افتراضي رد: الدرس الخامس || الجداول

بارك الله فيك على هذا التميز
tarek12 غير متواجد حالياً   رد مع اقتباس
قديم 02-21-2014, 01:20 PM   #7
كروساكي اتشيغو
 
الصورة الرمزية mamad
رقـم العضويــة: 98300
تاريخ التسجيل: Sep 2011
العـــــــــــمــر: 32
الجنس:
المشـــاركـات: 682
نقـــاط الخبـرة: 225
Yahoo : إرسال رسالة عبر Yahoo إلى mamad
Facebook : Facebook
Twitter : Twitter
Google Plus : Google Plus

افتراضي رد: الدرس الخامس || الجداول

وعليكم سلام

تم تطبيق ^^


mamad غير متواجد حالياً   رد مع اقتباس
قديم 02-23-2014, 06:00 PM   #8
عاشق جديد
 
الصورة الرمزية Salah.Eddine
رقـم العضويــة: 306945
تاريخ التسجيل: Feb 2014
العـــــــــــمــر: 28
الجنس:
المشـــاركـات: 2
نقـــاط الخبـرة: 10

افتراضي رد: الدرس الخامس || الجداول

شكراً لكم أخي الغالي
Salah.Eddine غير متواجد حالياً   رد مع اقتباس
قديم 03-02-2014, 06:39 PM   #9
عضو شرف
 
الصورة الرمزية υcнɪнα sαsυĸє
رقـم العضويــة: 226906
تاريخ التسجيل: Jun 2013
الجنس:
المشـــاركـات: 25,227
نقـــاط الخبـرة: 6936

افتراضي رد: الدرس الخامس || الجداول

تم التطبيق


υcнɪнα sαsυĸє غير متواجد حالياً   رد مع اقتباس
قديم 06-06-2014, 07:37 AM   #10

 
الصورة الرمزية hataki7
رقـم العضويــة: 316207
تاريخ التسجيل: May 2014
الجنس:
المشـــاركـات: 17,823
نقـــاط الخبـرة: 3970
Skype :
Gmail : Gmail
Facebook : Facebook

افتراضي رد: الدرس الخامس || الجداول

بارك الله فيك اخي على هذا العمل و الشرح الرائع
hataki7 غير متواجد حالياً   رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
الجداول, الدرس الخامس


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

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه للموضوع الدرس الخامس 5 || الجداول:
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس السادس 6 || دمج الجداول JERY7 قسم تصميم وبرمجة صفحات الأنترنت 9 06-06-2014 07:37 AM
الدرس الخامس عشر ωᾄἶl ҭђε ḋεṩἶʛᾗεʀ دورة احتراف برنامج AutoPlay Media Studio 8 11-14-2013 08:57 PM

الساعة الآن 11:58 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.

كُل ما يُكتب أو يُنشر في منتديات العاشق يُمثل وجهة نظر الكاتب والناشر فحسب، ولا يمثل وجهه نظر الإدارة

rel="nofollow" maxseven simplicity and clarity