إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

درس تصميم قائمه عليا لموقع ويب

تقليص
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • [شرح] درس تصميم قائمه عليا لموقع ويب

    بسم الله الرحمن الرحيم



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

    1- أنشيء صوره جديده
    ملف -) جديد
    اجعل العرض 648 و الارتفاع 115

    2- طبقه -) طبقه جديده -) ثم اضغط نعم

    3- باستخدام اداة التحديد المستطيل اصنع تحديد كالتالي.



    4- تحديد -) تدوير المستطيلات -) اجعل نصف-قطر 30 ثم اضغط نعم



    5- باستخدام اداة ملء بالدلو املء المنطقه المحدده باللون الابيض

    6- طبقه -) طبقه جديده -) اضغط نعم.

    7- تحديد -) قلص -) 3 ... نعم

    8- غيير لون المقدمه الى F0B259 و لون الخلفيه الى F87811



    9- باستخدام اداة المزج امليء المنطقه المحدده من الاعلى الى الاسفل. ثم تحديد -) لاشيء.



    10- بعد ذلك قم باختيار الطبقة التي تحتها ذات المستطيل الابيض الذي لا يحتوي زوايا حاده.
    ثم قم بعمل التالي. مرشحات -) الضوء و الظل -) ظل ساقط. إجعل الازاحه x = 0 و الازاحة y=0 و نصف-قطر الغشاوة =5 و اختر اللون الاسود و مقدار العتمه = 50 ثم اضغط نعم. لتسصبح النتيجه شبيه بالصوره في الاسفل.



    11- يمكن إضافة بعض النصوص و الخطوط للحصول على شكل نهائي شبيه بالتالي.



    يمكن رأية هذا الدرس في موقع جيمب العربي ايضا.

  • #2
    درس جميل وسهل التنفيذ سأقوم بالتجربة بإذن الله
    [email protected]
    سلسلة وسلاسل الدروس و الدورات في الجيمب
    المساعدة لمن يستحقها إقرأ القوانين ثم إبحث وإن لم تجد غايتك سنساعدك
    تلك هي الدنيا.............

    تعليق


    • #3
      شكرا على الدرس أخي
      اريد تعلم طريقة تقسيم البانر بالGimp لاستعماله بموقع فهل لديك فكرة؟
      سبحان اللّه | سبحان اللّه | سبحان اللّه
      مجموعة دروس Inkscape
      مجموعة دروس CSS
      لا تنسى أن تدعوا لي بالخير :)

      تعليق


      • #4
        شكرا على الدرس أخي
        اريد تعلم طريقة تقسيم البانر بالGimp لاستعماله بموقع فهل لديك فكرة؟
        كلامك غير مفهوم مذا تقصد بالتقسيم هل تقسد تقسيمه إلى خانات أم مذا ؟
        [email protected]
        سلسلة وسلاسل الدروس و الدورات في الجيمب
        المساعدة لمن يستحقها إقرأ القوانين ثم إبحث وإن لم تجد غايتك سنساعدك
        تلك هي الدنيا.............

        تعليق


        • #5
          شكرا اخي محمد أسامة مرورك بالموضوع جعله اجمل.

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

          تعليق


          • #6
            كلامك غير مفهوم مذا تقصد بالتقسيم هل تقسد تقسيمه إلى خانات أم مذا ؟
            حسب معلوماتي البانر عادتا لا يتم تقسيمه. ولكن قد يتم تحويله الى صورة gif متحركه في بعض الاحيان. فهل هذا هو ما كنت تريد قوله؟ ياريت لو توضح اكثر.
            شكرا على الاهتمام
            انا اقصد مثل ما هو موجود في Ps حيث يمكنك تقسيم الصورة إلى أجزاء و حفظ الملف بـ Save for web فتحصل على شكل موقع جاهز. مثل القوالب
            انظر مثلا هذا درس لعمل ذلك بال PS
            ..اعتقد بانكم فهمتم ماذا اقصد
            شكرا
            سبحان اللّه | سبحان اللّه | سبحان اللّه
            مجموعة دروس Inkscape
            مجموعة دروس CSS
            لا تنسى أن تدعوا لي بالخير :)

            تعليق


            • #7
              هذا ليس تقسيما بل بانران تم جمعهما في بانر واحد وهذا سهل التنفيذ حيث تقوم بجمع الطبقتان لكل لاير في لاير البانر وتصغيرهما لمناسبة الحجم في البانر إن لم تفهم ساقوم بشرح بالصور شكرا
              [email protected]
              سلسلة وسلاسل الدروس و الدورات في الجيمب
              المساعدة لمن يستحقها إقرأ القوانين ثم إبحث وإن لم تجد غايتك سنساعدك
              تلك هي الدنيا.............

              تعليق


              • #8
                ذا ليس تقسيما بل بانران تم جمعهما في بانر واحد وهذا سهل التنفيذ حيث تقوم بجمع الطبقتان لكل لاير في لاير البانر وتصغيرهما لمناسبة الحجم في البانر إن لم تفهم ساقوم بشرح بالصور شكرا
                لا ، في الدرس الذي وضعت رابط له، تقوم بوضع خطوط لا تخرج في التصميم النهائي و هي فقط للمساعدة على التقسيم، ثم تقوم برسم كل جزء في الصفحة و بعدها يقوم البرنامج بحفظ كل جزء في صورة منفصلة، وهذا ما سياعد على استعمالها في مواقع الويب
                انظر مثلا الى نتيجة هذا الدرس "أقصد: (درس تصميم قائمه عليا لموقع ويب) الذي نحن فيه الآن" :النتيجة تكون صورة بها كتابة!
                فكيف ستستعملها ك banner لموقع ويب؟ أي يجب عليك تقسيم الصورة إلى أجزاء، كل زر لوحده: الأولى، عن الموقع، ... و لكن ما ابحث عنه هو كيف تضع خطوط مثل الموجودة في Ps و كيف تجعل Gimp يقوم بحفظ كل زر في صورة منفصلة حسب الخطوط...
                سبحان اللّه | سبحان اللّه | سبحان اللّه
                مجموعة دروس Inkscape
                مجموعة دروس CSS
                لا تنسى أن تدعوا لي بالخير :)

                تعليق


                • #9
                  هذا الدرس يتحدث عن تقطيع الرسوم لاستخدامها في صفحات الويب. قم يقرائته بتأني. اعتقد انه يحتوي على جواب ما تسأل عنه.

                  http://www.linuxac.org/forum/showthr...imp&highlight=

                  تعليق


                  • #10
                    هذا الدرس يتحدث عن تقطيع الرسوم لاستخدامها في صفحات الويب. قم يقرائته بتأني. اعتقد انه يحتوي على جواب ما تسأل عنه. http://www.linuxac.org/forum/showthr...imp&highlight=
                    شكرا لك أخي tariq9 هذا تماما ما كنت ابحث عنه بارك الله فيك.
                    سبحان اللّه | سبحان اللّه | سبحان اللّه
                    مجموعة دروس Inkscape
                    مجموعة دروس CSS
                    لا تنسى أن تدعوا لي بالخير :)

                    تعليق

                    يعمل...
                    X