درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح
فااصل00 :: درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح :: نشاهد جميعاً بعض صفحات المواقع تتمدد كلما كبرت شاشة المتصفح .. وتصغر بصغرها كذلك ... طريقة عمل التمدد سهلة للغاية ... واليوم سنقوم بشرحها .. ايجى026 نحتاج طبعا لبرنامج الفرونت بيج للعمل عليه ... سنأخذ مثال توضيحي فقط ... ويقاس عليه كل الاشياء الاخرى ... نسخة1 لنبدأ على بركة الله ... 1) نفتح البرنامج ... ونبدأ بصفحة جديدة 2) نقوم بإدراج جدول مكون من ثلاث خانات بالطول وبالعرض .. http://absba6.absba.org/teamwork7/sa...f11311f34a.png 3) على الجدول نقوم بالضغط بالزر الايمن للفأرة .. ونختار خصائص الجدول .. http://absba6.absba.org/teamwork7/sa...f115e21d14.png ثم نجعل الخصائص كما بالصورة .. http://absba6.absba.org/teamwork7/sa...f1171419f3.png لاحظ أننا قمنا بجعل الجدول متمدد بنسبة 100% حتى تكون الصفحة متمددة .. ستصبح الصفحة هكذا .. http://absba6.absba.org/teamwork7/sa...f1185553a2.png 4) الآن سنأخذ بعض الصور كمثال .. وسندرجها بالجدول .. http://absba6.absba.org/teamwork7/sa...f122066e3d.png سنقوم الآن بإدراجها من خلال قائمة إدراج >> إدراج صورة من مجلد http://absba6.absba.org/teamwork7/sa...f1197a5e4a.png لاحظ الصور وأماكن إدراجها .. http://absba6.absba.org/teamwork7/sa...f11a5618d5.png ستصبح هكذا .. http://absba6.absba.org/teamwork7/sa...f11b2d6cab.png 5) الآن يبقى لدينا صور مناطق التمدد .. http://absba6.absba.org/teamwork7/sa...f11d0d9577.png لجعل الصور متمددة فإننا ندرجها على شكل خلفية .. وليس على شكل صورة .. لاحظ .. http://absba6.absba.org/teamwork7/sa...f1236473af.png http://absba6.absba.org/teamwork7/sa...f12495863d.png http://absba6.absba.org/teamwork7/sa...f125e64acb.png ثم ندرج باقي الصور بنفس الطريقة http://absba6.absba.org/teamwork7/sa...f127433ed3.png سيصبح هكذا http://absba6.absba.org/teamwork7/sa...f1286ba45e.png 6) الآن نقوم بسحب أطراف الخلايا .. http://absba6.absba.org/teamwork7/sa...f12983b630.png لنرى الناتج النهائي .. http://absba6.absba.org/teamwork7/saif02/246310/175.png http://absba6.absba.org/teamwork7/sa...f12bda4808.png 333ايجى نت6333ايجى نت6333ايجى نت6 الآن دعونا نأخذ مثال بسيط لكيفية اختيار منطقة التمدد ..! افرض أن لديك مثل هذه الصورة بصفحة الموقع .. http://absba6.absba.org/teamwork7/sa...f13d9d6606.jpg كيف نجعلها تتمدد ... أولا يجب علينا اختيار منطقة معينة تصلح لأن تكون منطقة تمدد ... لاحظ اختياري في الصورة ..! http://absba6.absba.org/teamwork7/sa...f13ecd6725.jpg ثم علينا أن نقسم تلك الصورة الى عدة صور من ظمنها صورة خاصة بمنطقة التمدد .. الجزء الأيسر: http://absba6.absba.org/teamwork7/sa...f132e96457.jpg منطقة التمدد: http://absba6.absba.org/teamwork7/sa...f133df31a5.jpg الجزء الأيمن: http://absba6.absba.org/teamwork7/sa...f13532d6da.jpg بعد ذلك نقوم بإدراج الصور .. وكذلك بإدراج صورة منطقة التمدد على شكل خلفية .. لنحصل على شكل متمدد .. http://absba6.absba.org/teamwork7/saif02/246310/208.png فاصل--فاصل--فاصل-- وبهذه الطريقة تستطيع عمل صفحة موقعك بشكل متمدد ... وقس على ذلك عمل استايلات المنتديات المتمددة .. وثيمات المجلات ... لانها في النهاية هي نفس الطريقة المستخدمة ... ! فاصل--فاصل--فاصل-- اتمنى أكون وفقت في شرح الطريقة ايـــجـــىheart (256ايـــجـــىheart (256 |
رد: درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح
تسلم الايادى يامعلم
شرح وافى وكافى |
الساعة الآن 11:54 PM |
Powered by vBulletin
الاختلاف عن البقية معنى الإبداع وصنع الشيء المستحيل ..(المقلدون خلفنا دائماً) من قلدنا أكد لنا بأننا الأفضل..