شرح كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح - منتديات دفاتر التربوية التعليمية المغربية

عاشق النت · 06-07-2007, 10:31

بسم الله الرحمن الرحيم
الحمد لله رب العالمين، والصلاة والسلام على رسوله الكريم ..
:: درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح ::
نشاهد جميعاً بعض صفحات المواقع تتمدد كلما كبرت شاشة المتصفح .. وتصغر بصغرها كذلك ...
طريقة عمل التمدد سهلة للغاية ... واليوم سنقوم بشرحها ..
نحتاج طبعا لبرنامج الفرونت بيج للعمل عليه ...
سنأخذ مثال توضيحي فقط ... ويقاس عليه كل الاشياء الاخرى ...
لنبدأ على بركة الله ...
1) نفتح البرنامج ... ونبدأ بصفحة جديدة
2) نقوم بإدراج جدول مكون من ثلاث خانات بالطول وبالعرض ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

3) على الجدول نقوم بالضغط بالزر الايمن للفأرة .. ونختار خصائص الجدول ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

ثم نجعل الخصائص كما بالصورة ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

لاحظ أننا قمنا بجعل الجدول متمدد بنسبة 100% حتى تكون الصفحة متمددة ..
ستصبح الصفحة هكذا ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x232 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

4) الآن سنأخذ بعض الصور كمثال .. وسندرجها بالجدول ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

سنقوم الآن بإدراجها من خلال قائمة إدراج >> إدراج صورة من مجلد
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x208 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

لاحظ الصور وأماكن إدراجها ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x479 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

ستصبح هكذا ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x138 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

5) الآن يبقى لدينا صور مناطق التمدد ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

لجعل الصور متمددة فإننا ندرجها على شكل خلفية .. وليس على شكل صورة .. لاحظ ..
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

ثم ندرج باقي الصور بنفس الطريقة
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

سيصبح هكذا
ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x275 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x265 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 550x258 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 700x256 . ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„طط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

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

تحياتي

القلم الأحمر · 20-01-2008, 23:06

مشكور على الموضوع و الشرح المتميزين
دائما متألق كما عودتنا في أمان الله

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس الأول : كيفية تحميل صفحة على الموقع المستضيف Front Page	ahmida	أرشيف	0	28-06-2009 08:25
احفظ القران صفحة صفحة مع العفاسي المرجو التثبيث	tanjiya	دفــتــر الـقرآن الكريم	4	11-05-2009 18:59
احفظ القران صفحة صفحة مع العفاسي المرجو التثبيث	tanjiya	دفــتــر الصوتيات و المرئيات الإسلامية	1	08-02-2009 00:06
موجة البرد تتهدد أرواح المواطنين بجبال الأطلس..والدراسة تتوقف	action	دفاتر أخبار ومستجدات التربية الوطنية و التكوين المهني	16	12-12-2008 18:27