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

الدرس السادس 6 || دمج الجداول

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 03-17-2014, 01:45 PM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 33
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter
icon67 الدرس السادس 6 || دمج الجداول




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

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

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

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

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

وهي تابعة للدرس الماضي وهو الجداول

تعلمنا كيف ننشى جدول حسب الصفوف والأعمدة

لكن هذا الشكل كيف نتمكن من عمله




هذا نحتاج لدمج الصفوف والأعمدة بحيث عندما ندمجها تاتي بأشكال
فريدة ومناسبه للموقع

طيب شوف هذه الصورة شرح لخاصيتين
وهما





طيب هذا هو جدولنا


نريد دمج رقم 13 مــع 00 بجانبها على اليمين

ماهي الخاصية التي سوف نستخدمها
وكيف نستخدمها ؟

نقول لكم عند دمج الصفوف فأننا
نستخدم
COLSPAN
مع أعطائه قيمة وهي عدد الخلاياء التي سوف تدمجها
ويجب أحتساب الخلية الأولى
بحيث يصبح الكود في الصف رقم 13 بهذا الشكل
كود:
CLOSPAN="2"
تنويةّ:-
أذا دمجنا الصف بالذي بجانبه سوف تأتي هكذا





وأقول لكم لأتخفُ فهذا أمر طبيعي
أننا عندما دمجنا لم نحذف الخلية التي نريد الدمج معها
من الملف
فعندما نحذف هذا الخلية
كما الأن



يصبحُ جدولنا هكذا



تم الدمج بنجاح

طيب نريد دمج
13 مع 9 و 00 التي بجانبها

أقول لكم لزم ندمج 9 و 00 من ثم ندمجها مع 13

لايمكن دمج أكثر من عمود مع صف او اكثر والعكس صحيح

نعمل مع 9 كما عملنا مع 13

كود:
CLOSPAN="2"
ونحذف رقم 00 من الملف ويأتي اسفل رقم 9 ""طبيعياَ""

يصبح كهذا




الأن نأتي للجزء ألأخرمن الدرس وهو دمج الأعمدة

وهو نفس دمج الصفوف لكن نغير الأمر أو الخاصيه من
كود:
ROWSPAN="2"
ونحذف التي أسفلها

وذكرنا بالتنوية الأخير

"
COLSPAN = تاتي من اليسار الى اليمين فقط
ROWSPAN = تاتي من أعلى الى أسفل فقط
"

نريد الأن دمج رقم 13 مع 9 وحذف رقم 9 من الملف

نرى الكود الخاص بذلك



صورة أخيرة للجدول بعد الدمج النهائي




الحمدلله على الأنتهاء من الجدول

والمعذرة على التأخير في طرح هذا الاسبوع لمشاغل الدراسة

واجب الدرس

هذا هو الملف حمله وعدل عليه بحيث

تدمج 00 مع 10 = ROWSPAN
&
تدمج 6 مع 5 = COLSPAN

كان هذا الدرس الجميل البسيط أهم الدروس في
HTML
وألأنن نودعكم والى الأسبوع القادم


في أمان الله


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





التعديل الأخير تم بواسطة JERY7 ; 03-17-2014 الساعة 01:57 PM
رد مع اقتباس
قديم 03-17-2014, 02:04 PM   #2
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

Icons65 رد: الدرس السادس || دمج الجداول

JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 03-17-2014, 02:44 PM   #3
.
 
الصورة الرمزية كامل الهذلي
رقـم العضويــة: 145566
تاريخ التسجيل: Apr 2012
العـــــــــــمــر: 28
الجنس:
المشـــاركـات: 10,272
نقـــاط الخبـرة: 1908

Icons12 رد: الدرس السادس || دمج الجداول





كيف حالك أخوي الغالي JERY7 عساك بخير

علومك وأخبارك إن شاء الله زينه .



مشكور أخوي الغالي JERY7

بصراحه موضوع جميل منك أخوي الغالي

تسلم هذه الأنامل على هذا الموضوع الرائع ..

واصل يالغالي JERY7 وأنا في إنتظار جديدك ...

تقبل مروري يالغالي ..

في أمان الله وحفظه ..






التعديل الأخير تم بواسطة كامل الهذلي ; 03-19-2014 الساعة 12:54 AM
كامل الهذلي غير متواجد حالياً   رد مع اقتباس
قديم 03-17-2014, 04:49 PM   #4
مشرف عام
 
الصورة الرمزية C a r l o s
رقـم العضويــة: 289552
تاريخ التسجيل: Nov 2013
العـــــــــــمــر: 30
الجنس:
المشـــاركـات: 14,650
نقـــاط الخبـرة: 5461
Twitter : Twitter

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

أولا الله يسامحك لأنك ما أرسلت لي دعوة من الدرس الأول

ثانيا الله يجزاك خير على السلسلة اللي بنستفيد منها فعلاً في حياتنا

و أنا أن شاء الله معك في الدروس أول بأول






C a r l o s غير متواجد حالياً   رد مع اقتباس
قديم 03-17-2014, 06:25 PM   #5
ѕαιтαмα-кυη
 
الصورة الرمزية ℓ є σ
رقـم العضويــة: 188930
تاريخ التسجيل: Mar 2013
الجنس:
المشـــاركـات: 1,477
نقـــاط الخبـرة: 242
Skype :
Gmail : Gmail
Facebook : Facebook
Twitter : Twitter
Youtube : Youtube
Blogger : Blogger
Wordpress : Wordpress

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

ههه ، صحيح +1 ، لمَ لمْ ترسل لنآ الدروس الأولى يا فتى

يا الله ، على الدرس الجميل ، و التصميم المذهل ، بارككَ الله

على هذا الدرس المفيد ، تحياتي لك / السرطان الأسود !

ℓ є σ غير متواجد حالياً   رد مع اقتباس
قديم 03-17-2014, 09:38 PM   #6
عاشق مبدع ومحترف
 
الصورة الرمزية ReD.ClouD
رقـم العضويــة: 308356
تاريخ التسجيل: Mar 2014
العـــــــــــمــر: 31
الجنس:
المشـــاركـات: 583
نقـــاط الخبـرة: 155

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

ما شاء الله درس مهم و جميل

تنسيق مناسب تماماً لمحتويات الدرس

خلاصة : درس رائع و مفيد

نفع الله بك يا بطل
ReD.ClouD غير متواجد حالياً   رد مع اقتباس
قديم 03-17-2014, 10:34 PM   #7
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

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

المعذرة يا شباب على

عدم إبلاغكم بسبب اني أرسل الى 30 شخصُ كل موضوع وأنسى

من أنسى يلايتُ أشتراكم في القسم من خلال الرد على الموضوع الأول


JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 03-18-2014, 04:17 PM   #8
♠_♠_♠_♠
 
الصورة الرمزية Fahadz
رقـم العضويــة: 105033
تاريخ التسجيل: Dec 2011
الجنس:
المشـــاركـات: 43
نقـــاط الخبـرة: 30

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

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

كيفكم شباب ؟ ان شاء الله تمام ♥♥♥♥

Fahadz غير متواجد حالياً   رد مع اقتباس
قديم 03-20-2014, 08:11 PM   #9
#
 
الصورة الرمزية Sasuke Uchiha!
رقـم العضويــة: 303519
تاريخ التسجيل: Jan 2014
العـــــــــــمــر: 26
الجنس:
المشـــاركـات: 10,568
نقـــاط الخبـرة: 1867

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

مشاء الله درس جميل ورائع وحلو ومفيد
مع إني موب فاهمه فيه شيء ومالي دخل بتسذا اشياء
بس اكيد مفيد واضح انه متعوب عليه الله يجزاك ألف خير
Sasuke Uchiha! غير متواجد حالياً   رد مع اقتباس
قديم 06-06-2014, 07:37 AM   #10

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

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

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


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

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

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

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

المواضيع المتشابهه للموضوع الدرس السادس 6 || دمج الجداول:
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الخامس 5 || الجداول JERY7 قسم تصميم وبرمجة صفحات الأنترنت 9 06-06-2014 07:37 AM
برنامج الجداول المدرسية الاصدار السادس العاشق 2005 أرشيف قسم البرامج 0 01-26-2009 06:41 PM

الساعة الآن 08:26 PM.


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

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

rel="nofollow" maxseven simplicity and clarity