الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

هل بدأتم بأستعمال ال Div واتخاذ قاعدة Tableless

مغلق
بدأه Eng.Fedail في 8 يناير 2008 · 18 رد · 2,408 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

البعض بل الاغلب يستعمل الـ table بالتصميم ولكن اعتقد انه قد حان الوقت للأنتقال إلى div والاستغناء الكامل عن الـ table

استعمال الـ div افضل واسعر بكثير من الـ Table ولكنه يواجه صعوبة بالبرمجة ويعتمد على الخبرة والمهارة في كتابة اكواد css

هل بدأتم باستعماله وهل واجهتكم مشاكل؟

أنا هنا لمناقشة هذا الموضوع وايجاد الحلول المناسبة لكي نرقى ببرمجة الويب بـ asp.net ولكي نرتقي إلى عالم web 2.0 مبداياً

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#2

والله ياأخي الساحر في بعض الاحيان من الصعب ان تستغني عن table وعندي الكثير من الامثلة التي من الصعب ان تستخدم الـdiv

-----------------------------------------------------------------------------------------------------------------------------





 

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

Mohammad Sonaiea
 

#3
اقتباس
والله ياأخي الساحر في بعض الاحيان من الصعب ان تستغني عن table وعندي الكثير من الامثلة التي من الصعب ان تستخدم الـdiv

هل يمكن أن تذكر مثال؟؟؟؟

أعتقد أيضاً أننا نبحث عن tools تساعدنا في بناء المواقع بإستخدام css دون الحاجة لبناء الموقع من البداية

#4

واجهتني مشكلة سابقاً عند التصفح في متصفح آخر غير explorer مثل firefox أو Mozilla

وما وجدت حل غير وضح النموذج داخل table وبعدها ذهبت المشكلة

PMI_Logo_1.jpg

مدير مشاريع محترف - PMP
محلل أنظمة معتمد
مدير فريق برمجة تطبيقات ويب .Net

======|||||=====

======@ @====
==o0o== ( ) ==o0o===
================
كل منا يحتاج إلى الإرادة حتى يستطيع أن يقوم بعمله

#5

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

استخدام الموقع بدون الجدوال يعطي ميزات كثيرة من اهمها امكانية تغيير شكل الموقع بالكامل بسهولة .

لكن توجد بعض الصعوبات في البداية عند تعلم هذه الطريقة لكن مع الوقت يمكن تجاوزها .

واعتقد ان افضل طريقة للتعامل مع المواقع بدون جداول هي عن طريق استخدام قالب جاهز والتعديل عليه بحيث يناسب الموقع المراد تصميمه (طبعا معظم القوالب الاحترافية تكون متوافقة مع جميع المتصفحات ومتوافقة مع المقاييس العالمية )

ايضا توجد مواقع تقوم ببناء الشكل الذي تريده دون استخدام الجداول منها

هذا الموقع يصمم حسب الرغبة

http://www.positioniseverything.net/articl...emaker_form.php

المواقع التالية بها اشكال جاهزة

http://www.maxdesign.com.au/presentation/page_layouts/

http://www.fu2k.org/alex/css/index.mhtml

في ال starter kits مشروع thebeerhouse يستخدم هذه الطريقة ويستخدم قالبين بالاعتماد على theme بحيث يتغيير الموقع بشكل كامل حسب رغبة المستخدم وهذا ما لايمكن عمله باستخدام الجداول

#6
اقتباس

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

#7
اقتباس
والله ياأخي الساحر في بعض الاحيان من الصعب ان تستغني عن table وعندي الكثير من الامثلة التي من الصعب ان تستخدم الـdiv

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

اقتباس
واجهتني مشكلة سابقاً عند التصفح في متصفح آخر غير explorer مثل firefox أو Mozilla

وما وجدت حل غير وضح النموذج داخل table وبعدها ذهبت المشكلة

إذا لم تلتزم بالقوانين والشروط سوف يظهر خطأ محتمل وهذه فائدة استعمال الـ css لكي يظهر الموقع على كامل انواع المتصفحات بنفس الصورة

اقتباس
أعتقد أيضاً أننا نبحث عن tools تساعدنا في بناء المواقع بإستخدام css دون الحاجة لبناء الموقع من البداية

بناء الـ css من البداية يعطيك مرونه وتحكم كبير بتصميم مشروعك

الأخ tareqvb

لسنا بحاجة لـ Template بل نحن من سوف نبني تمبلت لكل مشروع خاص بنا فلم استعمل في حياتي التمبلت بد دائماً اقوم ببنائها لوحدي

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

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#8
اقتباس
لكن هل يمكن بواسطتها عمل نماذج معقدة ... بمعنى تحتوى على أشكال وأفكار مختلفة؟؟

على الاكيد يمكن عمل الشيء الكثير وحتى ان لم يتم الحصول على الشكل المطلوب من خلال هذا الموقع يمكن التدخل يدويا عن طريق ال CSS .

في الفترة الحالية معظم المواقع الكبيرة لا تعتمد على الجدوال وكذلك القوالب الجاهزة الجديدة كلها تكون مبينة على DIV

اقتباس
لسنا بحاجة لـ Template بل نحن من سوف نبني تمبلت لكل مشروع خاص بنا فلم استعمل في حياتي التمبلت بد دائماً اقوم ببنائها لوحدي

هذا الامر يرجع لك وعلى مدى خبرتك في تصميم المواقع اما بالنسبة لي وللبسطاء امثالي في تصميم المواقع نتجه الى القوالب لتوفير العناء علينا من فحص واختبار الموقع ليتوافق مع المتصفحات والمقاييس العالمية .

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

اقترح عليك ان تعمل دروس وان تبدأ من موقع صغير الى اكبر فالاكبر

#9

الأستاذ طارق سوف اقوم ببعض الدروس ان شاء الله ولكن لنرى مدى اهتمام الجميع بها ولنرى ماهي الامثلة المراد تطبيقها بالـ div ولنبدأ بالصغيرة ثم الكبيرة

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#10

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

سوف اختار موقع معين ويكون بسيط ونقوم ببنائه بواسطة الـ div والـ css والـ masterpage لكي يكون كتمبلت لكم

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#11
اقتباس
سوف اقوم ببعض الدروس ان شاء الله ولكن لنرى مدى اهتمام الجميع بها

جزاك الله خيرا يا اخي الساحر

ولك من المتابعين بإذن الله ...


مطور مواقع وتطبيقات الانترنت 


PHP

CodeIgniter , jQuery,AJAX ,CSS Coder

مطور تطبيقات الايفون والاندرويد

مدونتي الخاصة

#12

http://www.perfspot.com/default.asp

لنبدأ بهذا الموقع بما انه مصمم على asp

لو رأينا جزء من الـ source code

لوجدنا انه قد بنى موقعه على table

<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" BOTTOMMARGIN="0" rightmargin="0">
<br>
<table width="944" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
	<td>
		<img SRC="/images/v3/logo.gif" alt="PerfSpot Company Logo" WIDTH="175" HEIGHT="40"><br>
	</td>

	<td align="right" style="padding-right:10px">
		<a TITLE="Select Language Page" href="/world.asp?l=default%2Easp" class="link">International:<img SRC="/images/v2/g.gif" border="0" align="absmiddle" WIDTH="19" HEIGHT="19"></a>
	</td>
</tr>
<tr>
	<td align="center" colspan="100%">
		<img SRC="/images/spacer.gif" width="1" height="10">

طريقة بناء موقعه مطابقة بصورة كثيرة لـ web 2.0 لذلك قمت باختياره

سوف نقوم بنائه على الـ div لقد قمت ببنائه وانتهيت منذ فترة

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

سوف أبدأ معكم طريقة تصميمه خطوة بخطوة ولكن اريد أن ارى آرائكم الآن

post-55351-1199905134_thumb.jpg

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#13

إذا سمحتم لي بالسؤال التالي :

لدي صورة في المرفقات عندما أستخدم تصميم tables فإني أضع الجدول وأجعل الخلفيه له الصورة ,كيف يمكن أن أنفذ هذا في css؟؟

post-40080-1199950865_thumb.gif

#14

<table style="background-image: url('img.gif')"

<div style="background-image: url('img.gif')"

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#15

شكرا على الرد..

لكني لم أقصد ذلك , إذا استخدمنا هذة الطريقة فإننا سوف نضطر لتحميل الصورة بأكملها ,أنا أرغب بأخذ أجزاء من الصورة فقط فمثلا وسط الصورة أبيض ولاأحتاج أن أجعله صورة أصلا, كيف يمكن أن أستخدام Css بعد ذلك لإظهار نفس الشكل

#16

مع أن ردك خارج الموضوع لكني سوف اعتبره تابع لأنه css على العموم ارفع الصوره المراد وضعها خلفيه لكي اراها وارفع مثالك بالـ table

لكي استطيع فهم ماتريد

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#17

لا داعي لأكمال الموضوع الموضوع

عودوا إلى جداولكم ولن اعود لفتح الموضوع مرة اخرى كانت الادارة صادقه في هذا الموضوع

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#18

لماذا لم تكمل ؟؟؟ أنا لم أكمل سؤالي لأني أحببت أن لانخرج عن الموضوع

#19
اقتباس
لماذا لم تكمل ؟؟؟


مطور مواقع وتطبيقات الانترنت 


PHP

CodeIgniter , jQuery,AJAX ,CSS Coder

مطور تطبيقات الايفون والاندرويد

مدونتي الخاصة

هذا الموضوع مغلق.

مواضيع مشابهة