اغلق هذه النافذة  أنت غير مسجل بشبكة ابن الخليج; للتسجيل اضغط هنا; للمساعده وشرح طريقة التسجيل اضغط هنا

شبكة ابن الخليج

Sitemap | Archive | Tag Could
التسجيلالبحثمشاركات اليوماجعل جميع المنتديات مقروءةالأرشيفاعلن معنا





الطريق إلى تصاميم خالية من الجداول

مناقشة موضوع الطريق إلى تصاميم خالية من الجداول في دروس برمجة مواقع; السلام عليكم ورحمة الله تعالى وبركاته، وبعد وسم <table> أو الجدول يكاد يكون الوسم الأكثر استخداما لتخطيط مواقعنا بالشكل الذي يراه المصمم مناسبا، ولكن منذ أن ظهرت منظمات كـ منظمة مشروع معايير الوي ...

العودة منتدى ابن الخليج> منتديات تعليمية> دروس برمجة مواقع

{ مِنَ الْمُؤْمِنِينَ رِجَالٌ صَدَقُوا مَا عَاهَدُوا اللَّهَ عَلَيْهِ فَمِنْهُم مَّن قَضَى نَحْبَهُ وَمِنْهُم مَّن يَنتَظِرُ وَمَا بَدَّلُوا تَبْدِيلاً } الأحزاب23

حادثة الإفك - تفسير ابن كثير وشرح عثمان الخميس



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

رد
 
LinkBackأدوات الموضوعطرق مشاهدة الموضوع
قديم 02-02-2007, 11:05 صباحاً   #1 (permalink)
.::+: Gulf Son :+::.

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 53,991
معدل تقييم المستوى: 53ADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيط
إرسال رسالة عبر مراسل ICQ إلى ADMINإرسال رسالة عبر مراسل MSN إلى ADMIN
افتراضيالطريق إلى تصاميم خالية من الجداول

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



وسم <table> أو الجدول يكاد يكون الوسم الأكثر استخداما لتخطيط مواقعنا بالشكل الذي يراه المصمم مناسبا، ولكن منذ أن ظهرت منظمات كـمنظمة مشروع معايير الويب WaSP، وظهور متصفحات كـالفايرفوكس، بدأ مصممو صفحات الويب بالاتجاه نحو صفحات تتبع نظم ولوائح ومعايير منظمة الويب العالمية والوصول إلى تصاميم تعتمد على معاييير الXHTML مع الCSS خالية من الجداول.
مثال للجدول
عندما ظهرت الجداول في لغة الHTML ظهرت لسبب واحد، ألا وهو لجدولة البيانات، أي لإظهار بيانات كالمقارانات أو الجداول أو الرسوم البيانية على شكل جدول، ولكن مع ظهور خاصية border=0 التي تتيح إخفاء حدود الجداول قام المصممون باستخدامها لتخطيط المواقع وإداج الصور والخ...

حسنا، ما المشكلة في استخدام هذه الجداول لخطيط الموقع؟

هي ليست مشكلة واحدة عزيزي القارئ، بل هي مشاكل عديدة سأسرد الأهم منها:
  • الجداول بطيئة


    في أغلب متصفحات الويب في الوقت الحالي، إذا لم تقم بتعريف عرض الجدول عند التصميم، فإن المتصفح سيتوجب عليه تحميل جميع الصور والنصوص الموجودة داخل الجدول قبل أن يستطيع عرضها على الزائر، حتى لو استخدمت الCSS في هذه الجداول فالمشكلة لا تزال قائمة حيث أنك لم تقم بتعريف عرض الجدول، والمشكلة تكبر مع استخدامك للجداول المتفرعة، أي جدول داخل جدول داخل جدول وهكذا، وهذا يسبب الكثير من البطء في موقعك.
  • توافق الXHTML


    ببساطة إذا كنت تستخدم الجداول في تصميم الصفحة فإنك تخالف معايير XHTML والسبب في ذلك كما ذكرت آنفا أن الجداول أنشئت لعرض البيانات المجدولة tablular data كالصورة التي أرفقتها فوق أي كالبيانات التي تستخلص في العادة من برامج قواعد البيانات وما يشابهها.
  • الجداول تكون خدّاعة


    لقد سمعت الكثير الكثير من الشكاوي حول عدم ظهور بعض المواقع بالشكل الصحيح مع هذا المتصفح ولكنها تظهر بالشكل الصحيح مع المتصفح الآخر. والسبب في بعض الأحيان يكون أن المصمم قد نسي إغلاق وسم هنا أو هناك في هذه الجداول وحتى عند التأكد من عدم وجود مشاكل مع الوسوم فإن المشكلة الأكبر هي عند الإنتهاء من التصميم يصبح تخطيط الصفحة كبير ومعقد جدا حتى يصعب عليك التعديل عليه في المستقبل، وفي بعض الأحيان لن يكون عندك خيار آخر إلا تصميم الصفحة من جديد وتخسر بذلك الوقت والجهد الكثير، وكان بإمكانك الإستعاضة عنها باستخدام الCSS وعندما تريد التعديل فإنك تعدل على ملف الCSS الخاص بالموقع واضافة وسم div هنا أو هناك وتوفر عليك الوقت والجهد.
  • مشاكل الطباعة


    أنا متأكد إنك في بعض الأحيان عندما تريد أن تطبع صفحة من موقع مصمم بالجداول فستجد أجزاء من الصفحة لا تظهر في الطباعة وستجد هذه الأجزاء المقطوعة تطبع في صفحات منفصلة مما يسبب الكثير من الصداع للمستخدم، ولكن عندما تستخدم الCSS في تصميمك فبإمكانك تصميم مخطط لصفحتك فقط للطباعة، أي عندما يريد الزائر طباعة صفحة من موقعك فالمتصفح يقوم باستدعاء ملف التخطيط الخاص بالطباعة وإظهار الأجزاء التي تريد أن تظهرها في الصفحة وإخفاء الأجزاء الغير مهمه، ولقراءة المزيد عن تخطيط الطباعة للصفحة باستخدام الCSS.
  • قابلية الموقع


    المتصفحات النصية (ومنها محركات البحث) ومتصفحات الجيب أو الهواتف الخليوية تعاني كثيرا من تصاميم الجداول، ولا تستطيع قرائتها بالشكل الصحيح، في الواقع فإن منظمة الويب العالمية وفي مقالها لنصائح تصميم الصفحات فأنها تقول "لا تستخدموا الجداول في التصميم" حيث بتصميمك لصفحتك باستخدام الCSS بإمكانك تصميم التخطيط المناسب للمتصفح، سواء كان متصفح جيب أو متصفح الشاشة أو حتى المتصفح العادي للحاسب.
  • الكفاءة


    المواقع المصممة باستخدام الCSS تقدم الكثير من المرونة للمستخدم والمصمم، حيث ليس فقط بإمكان الصمم التعديل على التصميم الكامل للصفحة بتعديل ملف واحد فقط، ولكن أيضا توفير تصاميم بديلة للموقع لاختيارها من قبل المستخدم.

أمثلة لتصاميم جاهزة بدون جداول

فكر بالمستقبل

التوجه الحالي للمتصفحات والمنظمة العالمية للويب يذهب إلى تصاميم تقوم على XHTML مع توافق الCSS حيث أن من المهم عزيزي المصمم أن تفهم وتفرق بين التصميم والمحتوى، فعندما تريد التعديل على التصميم تذهب إلى ملف التصميم، وعندما تريد التعديل على المحتوى تذهب إلى المحتوى، وبهذا يكون موقعك مرتب ومرن. "اكتب مرة، استخدم في أي مكان، لكل الأشخاص" موقعك باستخدام الCSS سيكون قابل للتصفح من أي جهاز و في كل مكان.

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

حقوق الدرس للكاتب عبدالرحمن العتيبة



من مواضيع ADMIN في المنتدى
__________________




يقول الامام مالك رحمه الله:
إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين.

وقال أبو الوفا بن عقيل رحمه الله:
انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق.

وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده

ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

ADMIN غير متواجد حالياً   رد مع اقتباس
قديم 02-07-2007, 02:05 مساءً   #2 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 11,360
معدل تقييم المستوى: 53n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

يعطيك العافية على الدرس حبيبي

لكن اعتقد الجداول عمليتها اسهل

والا اظطر الشخص تعلم css



من مواضيع n.a.r.u.t.o في المنتدى
__________________
::The Konoha Corporation::
Yes, I am proud to be muslim, arabi, emirate, khaymawe


  • مدونتي من هنا : [ www.4us.ae ]
  • على طاولة التخطيط : [ www.qtr.ae ]


n.a.r.u.t.o غير متواجد حالياً   رد مع اقتباس
قديم 02-07-2007, 02:09 مساءً   #3 (permalink)
.::+: Gulf Son :+::.

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 53,991
معدل تقييم المستوى: 53ADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيط
إرسال رسالة عبر مراسل ICQ إلى ADMINإرسال رسالة عبر مراسل MSN إلى ADMIN
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

السي اس اس افضل تقنياً

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



من مواضيع ADMIN في المنتدى
__________________




يقول الامام مالك رحمه الله:
إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين.

وقال أبو الوفا بن عقيل رحمه الله:
انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق.

وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده

ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

ADMIN غير متواجد حالياً   رد مع اقتباس
قديم 02-07-2007, 02:15 مساءً   #4 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 11,360
معدل تقييم المستوى: 53n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

بصراحة انا تعلمت الـ html وشويه من الدرس الي حطيته

والحينه احاول اتقن الـ php



من مواضيع n.a.r.u.t.o في المنتدى
__________________
::The Konoha Corporation::
Yes, I am proud to be muslim, arabi, emirate, khaymawe


  • مدونتي من هنا : [ www.4us.ae ]
  • على طاولة التخطيط : [ www.qtr.ae ]


n.a.r.u.t.o غير متواجد حالياً   رد مع اقتباس
قديم 02-08-2007, 01:45 مساءً   #5 (permalink)
:: مراقب قسم القرافيكس ::
 
الصورة الرمزية Mr Nigga
 
تاريخ التسجيل: May 2006
الدولة: القاهرة
المشاركات: 1,673
معدل تقييم المستوى: 57440Mr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيطMr Nigga نشيط
إرسال رسالة عبر مراسل MSN إلى Mr Nigga
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

موضوع ولا اروع واستفدت منو كثـير


وعنـدي سؤال شاغل بالي اليومين هذي يا ادمن اذا امكنك مساعدتي

اذا كنت اريد ان تصميم موقع يصبح بي اتش بي

بدلا عن اتش ام أل


لاني كما علمت وكما اشاهد ان البي اتش بي اخف

ولكـن ما هيا الطرق الصحيحه لهذا النوع من الديزاين وما طريقتـه ؟


ومشكور مجددا



من مواضيع Mr Nigga في المنتدى
__________________
Mr Nigga غير متواجد حالياً   رد مع اقتباس
قديم 02-08-2007, 02:13 مساءً   #6 (permalink)
.::+: Gulf Son :+::.

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 53,991
معدل تقييم المستوى: 53ADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيط
إرسال رسالة عبر مراسل ICQ إلى ADMINإرسال رسالة عبر مراسل MSN إلى ADMIN
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

التمبلتات

حاول تعتمد على التمبلتات



من مواضيع ADMIN في المنتدى
__________________




يقول الامام مالك رحمه الله:
إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين.

وقال أبو الوفا بن عقيل رحمه الله:
انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق.

وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده

ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

ADMIN غير متواجد حالياً   رد مع اقتباس
قديم 03-06-2007, 10:46 مساءً   #7 (permalink)
عضو متميز
 
الصورة الرمزية محمد يوسف
 
تاريخ التسجيل: Sep 2006
العمر: 25
المشاركات: 260
معدل تقييم المستوى: 1118محمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيطمحمد يوسف نشيط
إرسال رسالة عبر مراسل MSN إلى محمد يوسفإرسال رسالة عبر مراسل Yahoo إلى محمد يوسف
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

والله يا اخى ادمن اتمنى انك تمدنا بثل هذه الدورس لانى بحاجة اليها

وهذا الدرس سوف يفيدنى الكثير

بارك الله فيك



من مواضيع محمد يوسف في المنتدى
__________________
محمد يوسف غير متواجد حالياً   رد مع اقتباس
قديم 08-18-2007, 02:30 صباحاً   #8 (permalink)
عضــو
 
تاريخ التسجيل: Aug 2007
المشاركات: 13
معدل تقييم المستوى: 16Dark Eyes يستاهل ترحيب
افتراضيرد: الطريق إلى تصاميم خالية من الجداول

حياك ربي يا ادمن

والله انا معلوماتي قليله عن معظم لغات البرمجه

لكن على حسب ما فهمت بالموضوع

وحسب الامثله الموجوده

ان صعب اننا نطبق الكلام هذا على منتدى مثلا او على موقع كبير

يعني مثلا لو افترضنا ان رئيسية مجلة ابن الخليج بلغة اتش تي ام ال

صعب اننا نسوي مثلها بال Css

ياريت لو غلطان تصححولي

يسلموووووووووووو يالغاليين



من مواضيع Dark Eyes في المنتدى
Dark Eyes غير متواجد حالياً   رد مع اقتباس
رد

العبارات الدلالية
تصاميم


أدوات الموضوع
طرق مشاهدة الموضوع

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

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

المواضيع المتشابهه
الموضوعكاتب الموضوعالمنتدىمشاركاتآخر مشاركة
مشكلة في اصلاح الجداولendless loveمشاكل وحلول الـ مواقع710-22-2008 02:41 صباحاً
زاى اغير لون الجداولegy_memoمشاكل وحلول الـ مواقع103-29-2008 03:53 صباحاً
الجداول (html)بنكلنتوندروس برمجة مواقع610-26-2007 08:02 مساءً
ممكن بعض أسماء الجداولأبو خـ km ـالدمشاكل وحلول الـ مواقع411-23-2006 12:05 صباحاً
نسخ الجداولrwsyمشاكل وحلول الـ مواقع210-28-2006 10:16 مساءً


منتديات شبكة ابن الخليج

ثقافة بلاد الرافدين سجن الدموع قاموس الفراهيدي ابن بطوطة فضائح الجريمة منتدى الرياضة اناشيد اسلامية مانقو مايوهات الصحة العامة العطورات أقراط مطبخ ديكور الحمامات مانقو برامج الاداره والتحكم برامج صور طلبات المساعدة وتبادل الخبرات العاب قتالية Games Serials fight تحميل العاب الصياد ترافيان بي أس دي صور الديجيتال مسجات عتب مانقو دروس مبادئ الطباعة باستخدام لوحة المفاتيح دروس Swish دروس فوتوشوب Adobe Photoshopدروس ايميج ريدي Adobe ImageReadyدروس افتر افكت Adobe After Effect دروس Video Editing ملحقات Adobe Illustrator Digital Photos دروس 3D Studio Max دروس سويتش مبدئة دروس FoxPro دروس Outlook Express دروس NOVELL لينكس وندوز WINDOWS دروس السي مانقو احدث الهاكات شروحات احدث الهاكات قسم ستايلات vBulletinمجلة المنتديات mkPortalقسم ستايلات مجلة المنتديات mkPortal Stylesسكربتات وادوات تطوير المواقعمشاكل وحلول الـ مواقع اشهار مواقع آراءفوتوشوبCinema 4Dخامات فوتوشوبفرش فوتوشوباكشن فوتوشوباشكال فوتوشوبدليل مواقعاكتشف شخصيتكاخبارموسوعة الأطفالبوربوينتtorrentاختصار الروابطPageRankتوقيع لاميلكصانع القليترGlitterبرامج


الساعة تعتمد على توقيت جرينتش +3. الساعة الآن 10:08 صباحاً.
Search Engine Optimization by vBSEO 3.1.0

Valid XHTML 1.0 Transitional Valid CSS!Powered by vBulletin® Version 3.7.1,
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd
شبكة و منتديات حبيبى نت  |  شبكة العربي  |   Feeds:   XML   JS   RSS   RSS Feed