دورة لبرنامج NetObjects Fusion لتصميم موقعك من الصفر حتى النهاية

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

    دورة لبرنامج NetObjects Fusion لتصميم موقعك من الصفر حتى النهاية

    السلام عليكم ورحمة الله وبركاته

    ارجو من جميع الاخوة الاطلاع وفتح موقع وعدم حذفه للعمل عليه خطوة بخطوة مع بعض ونقوم بفتح نفس العمل ونطبق عليه الشروحات


    نبدأ بشرح البرنامج ونبدا بتصميم موقع مؤلف من صفحة واحدة وذلك لتسهيل الشرح

    قوائم البرنامج




    فتح موقع لنبدأ العمل والشرح

    أفتح البرنامج ومن ملف File

    موقع جديد New Site

    ثم Blank Site



    يتبع الدرس الثاني

    #2
    بعد فتح الموقع (العمل الجديد)

    نتعرف على أدوات البرنامج والتي سوف نستخدمها

    تعليق


      #3
      بعد ان تم انشاء العمل سنرى كيفية أضافة صفحات جديدة

      بيمين الماوس ثم نختار صفحة جديدة ويمكن أنشاء الصفحة بالشكل الذي تريد أفقي أو عمودي او متتالية عمودي أو متتالية أفقي

      فقط يجب عليك أن تأخذ بعين الاعتبار طريقة ظهورها عند أنشاء الأزرار

      أما الصفحات التي ستكون عبارة عن رابط فقط بأمكاننا عدم ظهورها بوضع علامة الصح عند Exclude from navigation وبهذا الشكل لن تظهر

      أولآ نفتح العمل


      ثم ننشئ الصفحات


      الآن سندخل الصفحة الرئيسية للعمل عليها نقرتين



      سنشرح طريقة عمل الازرار Button Navigation


      ننقر نقرة عاى أداة عمل الازرار ثم نسحب ونفلت كما في الشرح












      نفس الطريقة تطبق على الأزرار في حال اردنا أن تكون افقي ونختار طريقة انسدال الأزرار

      وهذا شكل العمل عمودي



      أفقي



      يتبع

      تعليق


        #4
        أضافة الكتابة (الخطوط) والتأثيرات على الخطوط

        من اداة الكتابة A نقرة ثم نقرة مكان الكتابة ونسحب بشكل مستطيل ثم نضيف النص المطلوب



        هناك العديد من التاثيرات الخفيفة مثل تلوين الأرضية ونوع الخط وحجمه وتقارب المسافة وتباعد المسافة بين النص




        ملاحظة : النص بأمكانك تحريكه ووضعه بالمكان المطلوب في الصفحة



        شرح أضافة صورة

        من اداة اضافة صورة نقرة واحدة ثم نقرة بوسط الصفحة ثم نحدد مكان الصورة







        نلاحظ بأنه تم أضافة الصورة









        لرؤية العمل على البرنامج أو في صفحة أكسبلورر




        يتبع

        تعليق


          #5
          طريقة عمل الجداول

          من أداة عمل الجداول



          ثم نقرة في الصفحة ونحدد عدد الجداول أفقيآ وعموديآ











          يتبع

          تعليق


            #6
            طريقة أضافة مقطع فلاشي او مقطع صوتي

            البرنامج يدعم جميع صيغ الملفات الصوتية

            مجرد الضغط على المطلوب أدراجه فلاش او ملف صوتي ويتم تحديد الملف من الجهاز




            طريقة أدراج رابط


            هذه الخيارات لادراج رابط على نص ما . لدينا صفحة وفيها تفسير لحديث شريف ولأضافة رابط الصفحة في الصفحة الرئيسية يتم تظليل الهدف ومن ثم تحديد
            رابط الصفحة . هذا بالنسبة لرابط صفحة

            أدراج رابط ملف ونريد رفعه للموقع ليتم تحميله من قبل الاخوة نستخدم خاصية File Link ونحدد مسار الملف

            أدراج رابط خارجي External Link نضع فقط رابط الملف










            البعض يريد أن يرى العمل الذي قام به أو يريد رفعه على الدومين

            لدينا خاصيتين بالبرنامج













            يتبع شرح السكربتات والشريط المتحرك

            تعليق


              #7
              أضافة عدة بنرات في بنر واحد ومتقلب بين الفترات

              نضغط على Add Banner


              ثم نضيف بنر ونحدد عدد البنرات المطلوب أضافتها والزمن للتبديل بينهم ومن ثم التأثير لشكل التبديل





              ملاحظة : لرؤية العمل يجب أن يكون لديك الجافا بالجهاز
              لرؤية العمل

              http://www.mowafak.ro/


              لاضافة عدة صور وتكون متغيرة أيضآ

              نضغط على Rotating picture



              ثم نضيف عدد الصور بالضغط على أشارة الزائد + ثم نحدد مكان كل صورة بالنقر على الصورة على اليسار ثم من اليمين تحديد مكانها



              لرؤية العمل بنفس الرابط فوق




              ملاحظة مهمة

              لايمكنك رؤية العمل لهذا الشرح الا اذا رفعت الموقع أو للدومين أو للجهاز كما في الشرح في الدرس السادس


              يتبع

              تعليق


                #8
                أضافة زر العودة للصفحة الرئيسية

                من الأداة سحب وفلت


                نضيف من اليسار الى اليمين صفحة البداية






                اضافة محرك البحث قوقل

                من الاداة


                ثم نحدد لغة البحث ولون الأرضية والصفحة التي ستفتح محرك البحث




                طريقة عمل شريط متحرك أفقي أو عمودي

                ملاحظة: يصمم الشريط داخل أطار Tabel


                من الاداة


                ثم نحدد لو الارضية والسرعة والقاصل للتوقف والمؤثرات الأخرى



                من هذه اللوحة نكتب عنوان النص ثم النص ونحدد لون الخط ومكان النص وحجم الخطوط






                لوضع صورة متغيرة عند أقتراب الماوس منها الى صورة ثانية

                من الأداة


                نحدد الاولى صورة الواجهة الثانية الصورة البديلة والثالثة لو أردت عند أبتعاد الماوس تظهر صورة ثالثة




                رفع صورة من موقع ثاني

                من الاداة


                ثم نضع رابط الصورة فقط




                وضع صورة وتظهر في وقت تحدده أنت

                من الأداة


                ثم تحدد عدد الصور ثم مكان الصورة ثم الوقت الذي ستظهر به




                لمشاهدة الاعمال التي قمنا بها

                http://www.mowafak.ro/



                يتبع

                تعليق


                  #9
                  طريقة عمل ألبوم صور بطريقة ظريفة كما في المواقع

                  من اداة انشاء الالبوم Photo Gallery



                  نحدد مكان الصور بالجهاز ثم نحدد الصور المطلوبة



                  تمت اضافة الصور ونأتي للتأثيرات والخيارات



                  نحدد شكل ولون الاطار المنبثق وعدد الصور بالافقي



                  لون وشكل الاطار المنفرد طريقة ظهور الصور بالصفحة



                  شكل الصور بعد التصميم وعند قيام الزائر بالضغط على الصورة



                  ستظهر له على الشكل التالي ويتنقل بالأسهم للامام والخلف لرؤية باقي الصور



                  لرؤية العمل

                  تعليق


                    #10
                    سأشرح خاصية Active X


                    بعض ميزاتها لأنها تحتوي على الكثير من الاضافات ولايمكن شرحها كلها



                    في هذه الخاصية يمكننا ادراج رزنامة أو ملف اكسيل أو ملف PDF للعمل عليه والكتابة عليه على الصفحة

                    هذه الخيارات وبأمكانك أختيار المطلوب لعملك



                    سندرج رزنامة

                    من الاداة ونحدد الرزنامة وهي Calendar Control



                    أدراج ملف أكسيل



                    لرؤية العمل

                    http://www.mowafak.ro/html/untitled1.html

                    تعليق


                      #11
                      أدوات الخطوط والتأثيرات

                      تعليق


                        #12
                        طريقة عمل فورم لأرسال البريد من صفحتك الى أي بريد

                        من على الشريط الأعلى وبيمين الماوس ونختار الاداة



                        ونختار البريد



                        أختار ماتريد ظهورة من خيارات

                        مع بقاء المرسل - المرسل له - عنوان الرسالة



                        هنا نحدد نفس الصفحة التي تم أنشاء البريد عليها



                        يجب كتابة آيبي موقعك لانه سيكون الأرسال عبره



                        مهم جدآ

                        الآن نعود للصفحة ونحدد نوع الصفحة



                        نختار PHP كما تم الأختيار في بداية أنشاء البريد ( الصورة 4 )



                        الشكل النهائي للعمل وبأمكان الزائر وضع بريده وبريد المرسل له ويرسل بريد عن طريق موقعك

                        تعليق


                          #13
                          طريقة عمل صفحة لرفع الملفات مثل مواقع رفع الصور والملفات

                          من الاداة ونختار NOF Forms handler



                          ثم نختار Forms handler



                          ان كنت لم تكن قد قمت بعمل ملف أستعلامي (بروفيل) قم بانشاءه من جديد واكتب الأسم فقط



                          سوف نزيل بعض الخاصيات



                          ليصبح بهذا الشكل



                          نحدد نفس الصفحة التي تم أنشاء العمل عليها



                          أختر نوع السكربت وهذا حسب مايدعم الدومين الخاص بك ثم حدد الصفحة التي ستكون عليها الملفات والآيبي للموقع



                          ثم نعود الى الصفحة ونحدد خيار Html



                          ليصبح العمل الناتج على الشكل التالي



                          يتبع

                          __________________

                          تعليق


                            #14
                            أضافة عرض أسعار مايسمى ب Ecommerce

                            من الأداة ونختار Ecommerce



                            ثم نضيف بروفيل جديد



                            نضيف الأصناف من Add ثم نضع أسم كل صنف وننتقل للذي بعده ونضيف أسمه وسعره ورقمه (الرقم سيكون في حال تم أشتراك بينك وبين مواقع الشراء )



                            هنا سنضيف أنواع الصنف كما نعلم أنه لديك أنواع من هذا الصنف مثلآ للسكنر لدي نوعين LG و HP



                            بعد أضافة الصنف نضغط على New Option لأضافة الانواع



                            تمت أضافة النوع ونطبق هذا على الكل في حال وجد انواع ويمكنك اضافة أكثر من نوع



                            أكتب معلومات عن الصنف في حال رغبت تفاصيل عنه مكوناته سرعته لونه



                            أضف صورة الصنف



                            الآن نقرة على كل صنف ثم نضغط على Add All لأضافة الاصناف وانواعها للعمل



                            نختار طريقة العرض



                            نضيف الخيارات التي ستظهر جانب الصنف مثل السعر والنوع وأسم الصنف



                            هنا يمكنك عمل أطار وتلوين للنص





                            طريقة العرض



                            حدد نوع العملة



                            شكل العمل النهائي



                            مشاهدة العمل



                            هذا الخيار في حال تريد رفع العمل لموقعك يجب عليك وضع معلوماتك المشرك بها مع مواقع الشراء





                            يتبع

                            تعليق


                              #15
                              بعد ان قمنا باتشاء صفحة عادية الآ سنقوم بأنشاء صفحة يكون فيها الازارا والبنر ثابت ويتم عمل سكرول لوسط الصفحة فقط

                              لتظهر بهذا الشكل يمين ويسار وفوق ثابت



                              أو بهذا الشكل يمين وفوق ثابت فقط



                              من يمين العمل ومن على Giudes نضع الماوس ونسحب يمين ومن الجهة الثانية نسحب للأسفل حسب الحجم المطلوب



                              في حال نقرت بمكان فارغ بالطرف الذي أنشئ يمكنك مشاهدة الاعدادات للأطراف الثابتة ومنها تحدد حجم الطرف ايضآ



                              الآن نذهب الى خصائص الصفحة ومن التبويب الثاني ونضع علامة صح أمام Generatye HTML Farme ليتم أنشاء الأطراف



                              لدينا خيار تغيير لون الأطراف لتصبح بلون غير لون الأرضية وذلك بالنقر بيمين الماوس ونختار Farme Properties



                              أيضآ لدينا خيار عمل السكرول تلقائي أو ايقاف هذه الخاصية



                              أيضآ خاصية أدراج صورة منفصلة عن الارضية الأساسية



                              وأخيرآ نضيف الأزرار والبنر ليصبح بهذا الشكل



                              أو هذا الشكل





                              يتبع

                              تعليق

                              المواضيع ذات الصلة

                              تقليص

                              المواضيع إحصائيات آخر مشاركة
                              أنشئ بواسطة HaMooooDi, 05-26-2020, 01:54 AM
                              ردود 2
                              28 مشاهدات
                              0 معجبون
                              آخر مشاركة HaMooooDi
                              بواسطة HaMooooDi
                               
                              أنشئ بواسطة HaMooooDi, 05-26-2020, 12:53 AM
                              ردود 0
                              14 مشاهدات
                              0 معجبون
                              آخر مشاركة HaMooooDi
                              بواسطة HaMooooDi
                               
                              أنشئ بواسطة HaMooooDi, 05-26-2020, 12:30 AM
                              ردود 0
                              19 مشاهدات
                              0 معجبون
                              آخر مشاركة HaMooooDi
                              بواسطة HaMooooDi
                               
                              أنشئ بواسطة HaMooooDi, 05-22-2020, 02:11 AM
                              ردود 2
                              16 مشاهدات
                              0 معجبون
                              آخر مشاركة HaMooooDi
                              بواسطة HaMooooDi
                               
                              أنشئ بواسطة HaMooooDi, 04-24-2020, 01:50 AM
                              استجابة 1
                              31 مشاهدات
                              0 معجبون
                              آخر مشاركة HaMooooDi
                              بواسطة HaMooooDi
                               
                              يعمل...
                              X