Home
Publicationsكيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
علومي :: المواضيع المكررة و المؤرشفة Recycle Bin :: قسم التصميم و الجرافيكس :: دروس و شروحات الجرافيكس
Page 1 of 1
كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
by discovery Thu May 05, 2011 2:32 am
كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
توزيع الهيدر و
الفوتير وكافة الصور التجمليه
وتلافى كافة الأخطاء لأى متصفح
+++============+++
شرح كيفية تلائم الستايل في جميع متصفحات الانترنت
يوجد طريقتان لتلافى خطأ التوزيع عبر المتصفح
الطريقة الأولى التحديد بحجم الخليه ولأنها تحتاج بال طويل وشرح قوى وتركيز
أتيت لكم بالشرح الأسهل لكى يتم التعرف عليه بكل سهولة من جميع الفئات
-------
قبل بدا الشرح عليك بتحميل إحدى المتصفحات الأتية
أو
بعد تحميل إحدى المتصفحات هذه
عليك الان تتصفح هذا الإستايل
http://www.losha.net/vb/index.php?styleid=1
بفضل الله لن يحدث اى خلل معك والصورة ثابتة مكانها كما ينبغى
الان نتوجه ونتصفح هذا الإستايل
http://www.omman.net/vb/index.php
سوف تعلم ما الفرق
ولمن لم يرد العناء فى التحميل للمتصفحات وأكتفى بما عنده
فلك الفرق
أضغط على الصورة المصغرة لكى ترى الفرق
الصورة الأولى للتصميم بدون أخطاء على اى متصفح
الصورة الثانية وطبعاً التوزيع لى وكان قبل تعلمى اماكن الأخطاء
الأن نجهز العدة ونأتى بترمس شاى
نلاحظ كثيراً في معظم الإستايلات أنها تتشوه شكليا عندما نقوم بتغيير
المتصفح من الأكسبلورر Internet Explorer الى
متصفح أخر مثل fireFox أو Opera
المشكله تكمن في إستخدام أزرار المحاذاه والتوسيط وغيرها في الفرونت بيج
عند تصميم الستايل
حل هذه المشكله هو عدم أستخدام هذه الأزرار نهائيا و تحريك الصور يدويا عن
طريق الأكواد
وحتى نقوم بتسهيل هذه العمليه قمت بشرح مبسط لكيفية محاذاة صوره الى
اليسار بدون اللجوء الى أزرار المحاذاه
وبنائاً على التطبيق للمحاذاه يسار سوف يتم ذلك يمين ويسار
ووسط
بعد إنشاء الخلايا الخاصه بالتصميم .. نضع الصوره وفي الشرح وضعنا
العمود الأيسر بدون الضغط على المحاذاه لليمين
الان نقوم بالضغط مره واحده على الصوره حتى نقوم بمعرفة أمتدادها
ننتقل الى صفحة الأكوادا بتحديد إنقسام
نضع على يسار إمتداد الصوره هذا الكود
كود PHP:
<div align="left">
فيكون هكذا
ثم نضع هذا الكود في أخر إمتداد الصوره
كود PHP:
</div>
فيكون هكذا
بكل بساطه رابط الصوره الفعلي هكذا
كود PHP:
<img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157">
قمنا بتعديله الى
كود PHP:
<div align="left"> <img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157"></div>
فكان الناتج هو انتقال الصوره الى الجزء الايمن وهو المطلوب
نكرر هذه العلميه على كل الأجزاء المراد تحريكها في الخلايا
وهذه هي اكواد المحاذاه للجوانب والتوسيط
فتم التوسيط بهذا الكود بالإضافه قبل وبعد
قبل كود الصورة
فى التوسيط
كود PHP:
<div align="center">
بعد كود الصورة
كود PHP:
</div>
بكده تحكمنا فى طريقة العرض
يعنى الصورة التى تحتاج يسار نغير
كود PHP:
<div align="left">
نهاية كود الصورة
كود PHP:
</div>
يمين
كود PHP:
<div align="right">
نهاية كود الصورة
كود PHP:
</div>
وطبعا فى جميع الصور الهيدر والفوتير
والصور التجميلية التى تختص فقط بالتقطير وليس
الصور العلويه والسفلية
وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم
[/size]
ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم
http://www.ps-revolution.com/forum/f28/t8702/
توزيع الهيدر و
الفوتير وكافة الصور التجمليه
وتلافى كافة الأخطاء لأى متصفح
+++============+++
شرح كيفية تلائم الستايل في جميع متصفحات الانترنت
يوجد طريقتان لتلافى خطأ التوزيع عبر المتصفح
الطريقة الأولى التحديد بحجم الخليه ولأنها تحتاج بال طويل وشرح قوى وتركيز
أتيت لكم بالشرح الأسهل لكى يتم التعرف عليه بكل سهولة من جميع الفئات
-------
قبل بدا الشرح عليك بتحميل إحدى المتصفحات الأتية
أو
بعد تحميل إحدى المتصفحات هذه
عليك الان تتصفح هذا الإستايل
http://www.losha.net/vb/index.php?styleid=1
بفضل الله لن يحدث اى خلل معك والصورة ثابتة مكانها كما ينبغى
الان نتوجه ونتصفح هذا الإستايل
http://www.omman.net/vb/index.php
سوف تعلم ما الفرق
ولمن لم يرد العناء فى التحميل للمتصفحات وأكتفى بما عنده
فلك الفرق
أضغط على الصورة المصغرة لكى ترى الفرق
الصورة الأولى للتصميم بدون أخطاء على اى متصفح
الصورة الثانية وطبعاً التوزيع لى وكان قبل تعلمى اماكن الأخطاء
الأن نجهز العدة ونأتى بترمس شاى
نلاحظ كثيراً في معظم الإستايلات أنها تتشوه شكليا عندما نقوم بتغيير
المتصفح من الأكسبلورر Internet Explorer الى
متصفح أخر مثل fireFox أو Opera
المشكله تكمن في إستخدام أزرار المحاذاه والتوسيط وغيرها في الفرونت بيج
عند تصميم الستايل
حل هذه المشكله هو عدم أستخدام هذه الأزرار نهائيا و تحريك الصور يدويا عن
طريق الأكواد
وحتى نقوم بتسهيل هذه العمليه قمت بشرح مبسط لكيفية محاذاة صوره الى
اليسار بدون اللجوء الى أزرار المحاذاه
وبنائاً على التطبيق للمحاذاه يسار سوف يتم ذلك يمين ويسار
ووسط
بعد إنشاء الخلايا الخاصه بالتصميم .. نضع الصوره وفي الشرح وضعنا
العمود الأيسر بدون الضغط على المحاذاه لليمين
الان نقوم بالضغط مره واحده على الصوره حتى نقوم بمعرفة أمتدادها
ننتقل الى صفحة الأكوادا بتحديد إنقسام
نضع على يسار إمتداد الصوره هذا الكود
كود PHP:
<div align="left">
فيكون هكذا
ثم نضع هذا الكود في أخر إمتداد الصوره
كود PHP:
</div>
فيكون هكذا
بكل بساطه رابط الصوره الفعلي هكذا
كود PHP:
<img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157">
قمنا بتعديله الى
كود PHP:
<div align="left"> <img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157"></div>
فكان الناتج هو انتقال الصوره الى الجزء الايمن وهو المطلوب
نكرر هذه العلميه على كل الأجزاء المراد تحريكها في الخلايا
وهذه هي اكواد المحاذاه للجوانب والتوسيط
فتم التوسيط بهذا الكود بالإضافه قبل وبعد
قبل كود الصورة
فى التوسيط
كود PHP:
<div align="center">
بعد كود الصورة
كود PHP:
</div>
بكده تحكمنا فى طريقة العرض
يعنى الصورة التى تحتاج يسار نغير
كود PHP:
<div align="left">
نهاية كود الصورة
كود PHP:
</div>
يمين
كود PHP:
<div align="right">
نهاية كود الصورة
كود PHP:
</div>
وطبعا فى جميع الصور الهيدر والفوتير
والصور التجميلية التى تختص فقط بالتقطير وليس
الصور العلويه والسفلية
وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم
في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت
فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
[size=21]Ali Losha
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت
فلله الحمد والمنة أن وفقت في ذلكوفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
[size=21]Ali Losha
[/size]
ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم
http://www.ps-revolution.com/forum/f28/t8702/
discovery- الجنس :
عدد المساهمات : 1002
النقاط : 56427
التقييم : 12
تاريخ التسجيل : 2010-04-28
Similar topics» ماهو البروشور , كيفية تصميم البروشور , اشكال مطويات , مطويه
» دروس تعليم تصميم الستايل من الصفر حتى النهائية
» دورة تصميم استايل منتدى .. تصميم فقط
» كيفية تصميم هيدر منحنيات
» كيفية عمل صفحة تصميم الموقع بالفرونت بيج
» دروس تعليم تصميم الستايل من الصفر حتى النهائية
» دورة تصميم استايل منتدى .. تصميم فقط
» كيفية تصميم هيدر منحنيات
» كيفية عمل صفحة تصميم الموقع بالفرونت بيج
علومي :: المواضيع المكررة و المؤرشفة Recycle Bin :: قسم التصميم و الجرافيكس :: دروس و شروحات الجرافيكس
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum