ردا على طلب العضو الكريم الحربي
حتى أكون واضحا قبل البدء >> لم استخدم الاكسبلورر السابع حتى الآن ولكن حسب خبرتي في مجال برمجيات الانترنت سأرد على سؤال ان شاء الله .
بالنسبه للاكسبلورر السابع فهو تقريبا متعارض في بعض الخطوط الشائعه والمستخدمه بكثره في المواقع العربيه وخصوص الخط MS Sans Serif بحيث انه اما يصبح صغيرا جدا ولا يرى أو انه سيعرض كهيئة رموز ولايتعرف عليه الاكسبلورر .
وفي هذه الحاله يجب استخدام الخطوط التي لا تتعارض مع المتصفح الجديد ولا تتعارض معنا نحن كعرب وفي كتابتها للاحرف من اليمين لليسار . والخطوط التي يدعمها الاكسبلورر السابع وافضلها هي :
tahoma
Times New Roman
Arial
وانصحك بإستخدام تقنية css تعتبر طريق سهل لتغيير الالوان والخطوط والاحجام كيفما تتفق وكيفما تشاء .
وهذا مثال بسيط :
====================== والآن بالنسبه للتصميم >>> استغرب من المصممين الذين لايراعون التنسيق في صفحاتهم بحيث اذا كبرت الشاشه او صغرت يتكسر التصميم وينخرب بيته !! بسيطه جدا وسهله الحكايه ولكن يبيلها جهد شويه وتركيز واتعب بالأول راح ترتاح بالنهايه . أولا يجب عليك تقسيم التصميم يديا بحيث تأخذ الهيدر على جنب ثم الفوتر ثم الوسط وتقوم بتقصيص كلا منهما على حده . ويجب عليك ان تراعي الطول والعرض وغالبا العرض ما يهم كثر الارتفاع بحيث اذا قمت بتقصيص الهيدر الى ثلاث او اربع صور وجعلت الصوره اليمنى عرضها 200 واليسرى 200 واللي بالوسط مثلا 190 >> ستلاحظ مشكله بالتصميم لان الارتفاع غير متساوي ... واما العرض غالبا ما يتأثر به التصميم ولكن تتأثر به احجام الشاشات !!!
بما انني ذكرت احجام الشاشات يجب ان أنوه عن امر مهم بالنسبه للتمدد مع عرض وطول الشاشه للزائر وهو امر مهم للغايه .
تلقا القيم بالنسبه المئوية والبكسل >>>>>>> هنا مربطك الفرس !! اذا اخترنا البكسل ووضعنا مثلا قيمة العرض 400 راح يكون عرض الجدول 400px ثابت ولا يتمدد نهائيا ولا ينكمش . طيب اذا اخترنا النسبة المئوية ووضعنا القيمه 90% راح تلاحظ ان الجدول ملأ 90% من شاشتك او شاشة الزائر .
أتمنى ان قد وفقت في هذا الشرح وايصال الفكره بشكل سليم . والله ولي التوفيق
ابوليالي
السلام عليكم سؤالي : كيف اخلي التصميم يقبل جميع المتصفحات بالذات الاكسبلورر 7 وجزاكم الله خير .
حتى أكون واضحا قبل البدء >> لم استخدم الاكسبلورر السابع حتى الآن ولكن حسب خبرتي في مجال برمجيات الانترنت سأرد على سؤال ان شاء الله .
بالنسبه للاكسبلورر السابع فهو تقريبا متعارض في بعض الخطوط الشائعه والمستخدمه بكثره في المواقع العربيه وخصوص الخط MS Sans Serif بحيث انه اما يصبح صغيرا جدا ولا يرى أو انه سيعرض كهيئة رموز ولايتعرف عليه الاكسبلورر .
وفي هذه الحاله يجب استخدام الخطوط التي لا تتعارض مع المتصفح الجديد ولا تتعارض معنا نحن كعرب وفي كتابتها للاحرف من اليمين لليسار . والخطوط التي يدعمها الاكسبلورر السابع وافضلها هي :
tahoma
Times New Roman
Arial
وانصحك بإستخدام تقنية css تعتبر طريق سهل لتغيير الالوان والخطوط والاحجام كيفما تتفق وكيفما تشاء .
وهذا مثال بسيط :
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>مثال على css</title>
<style>
<!--
p { font-family: Tahoma; color: #FF0000 }
body { ; color: #000000; font-weight:bold }
a { font-family: Tahoma; font-weight: bold }
-->
</style>
</head> <body> <p>السلام عليكم ورحمة الله وبركاته</p>
<p>مثال لأخونا الحربي على استخدام css</p>
<p><a href="http://www.tlbat.com">www.tlbat.com</a></p>
<br>
<br>
وبالتوفيق للجميع
</body> </html>
لاحظ ان قيم الانماط css هي بالكود التالي :
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>مثال على css</title>
<style>
<!--
p { font-family: Tahoma; color: #FF0000 }
body { ; color: #000000; font-weight:bold }
a { font-family: Tahoma; font-weight: bold }
-->
</style>
</head> <body> <p>السلام عليكم ورحمة الله وبركاته</p>
<p>مثال لأخونا الحربي على استخدام css</p>
<p><a href="http://www.tlbat.com">www.tlbat.com</a></p>
<br>
<br>
وبالتوفيق للجميع
</body> </html>
<style>
<!--
p { font-family: Tahoma; color: #FF0000 }
body { ; color: #000000; font-weight:bold }
a { font-family: Tahoma; font-weight: bold }
-->
</style>
وتستطيع تغيير القيم حسب رغبتك وطبعا هذا مثال بسيط وهذه اللغه تحمل في جعبتها الكثير من الروائع والابداعات .
======================<!--
p { font-family: Tahoma; color: #FF0000 }
body { ; color: #000000; font-weight:bold }
a { font-family: Tahoma; font-weight: bold }
-->
</style>
====================== والآن بالنسبه للتصميم >>> استغرب من المصممين الذين لايراعون التنسيق في صفحاتهم بحيث اذا كبرت الشاشه او صغرت يتكسر التصميم وينخرب بيته !! بسيطه جدا وسهله الحكايه ولكن يبيلها جهد شويه وتركيز واتعب بالأول راح ترتاح بالنهايه . أولا يجب عليك تقسيم التصميم يديا بحيث تأخذ الهيدر على جنب ثم الفوتر ثم الوسط وتقوم بتقصيص كلا منهما على حده . ويجب عليك ان تراعي الطول والعرض وغالبا العرض ما يهم كثر الارتفاع بحيث اذا قمت بتقصيص الهيدر الى ثلاث او اربع صور وجعلت الصوره اليمنى عرضها 200 واليسرى 200 واللي بالوسط مثلا 190 >> ستلاحظ مشكله بالتصميم لان الارتفاع غير متساوي ... واما العرض غالبا ما يتأثر به التصميم ولكن تتأثر به احجام الشاشات !!!
بما انني ذكرت احجام الشاشات يجب ان أنوه عن امر مهم بالنسبه للتمدد مع عرض وطول الشاشه للزائر وهو امر مهم للغايه .
لو تفكر فيها بعمق شويه راح تكتشف مدى سهولة الامرالحين وقت تسوي جدول بالفرونت بيج وتضغط كلك يمين وتختار خصائص الجدول راح تلقا قيم العرض والارتفاع >>> مو صح ؟؟ <<<
تلقا القيم بالنسبه المئوية والبكسل >>>>>>> هنا مربطك الفرس !! اذا اخترنا البكسل ووضعنا مثلا قيمة العرض 400 راح يكون عرض الجدول 400px ثابت ولا يتمدد نهائيا ولا ينكمش . طيب اذا اخترنا النسبة المئوية ووضعنا القيمه 90% راح تلاحظ ان الجدول ملأ 90% من شاشتك او شاشة الزائر .
من هذا المنطلق والنسبه المئوية هي التي تتمدد مع شاشة الزائر مهما كان صغرها او كبرها والقيمه النهائيه للشاشه هي 100% ولك الخيار بالقيمه الى اقل منها .
أتمنى ان قد وفقت في هذا الشرح وايصال الفكره بشكل سليم . والله ولي التوفيق
ابوليالي
