منتديات احباب السماوه
مرحبا بك في منتدى احباب السماوه A7BABALSAMAWA تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Icon_biggrin

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

 
انشاءحساب في احباب السماوه
منتديات احباب السماوه
مرحبا بك في منتدى احباب السماوه A7BABALSAMAWA تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Icon_biggrin

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

 
انشاءحساب في احباب السماوه


اعلانك هناالرئيسيةأحدث الصورالتسجيلدخول


 
شاطر
تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Emptyالجمعة أغسطس 14, 2015 5:57 pm
المشاركة رقم:
المعلومات
مدير
مدير
الصورة الرمزية
ameeraljn

البيانات
الجنس : ذكر
الابراج : السمك
الأبراج الصينية : الحصان
عدد المساهمات : 1296
نقاط : 134142
الخبره : 5
تاريخ الميلاد : 26/02/1990
تاريخ التسجيل : 19/04/2012
العمر : 34
الموقع : IRAQ
العمل/الترفيه : غاوي نت
هوايتي : السباحة
المزاج : بنفسجي
تعاليق : اللهم اصلح لي حالي

التوقيت



الإتصالات
الحالة:
وسائل الإتصال:
http://a7babalsamawa.wwooww.net

 
مُساهمةموضوع: تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Emptyالجمعة أغسطس 14, 2015 5:57 pm



تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني


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

 منذ قليل تابعنا الجزء الاول سويا من الشرح الان مع الجزء الثاني مع الشرح المبسط لتصميم موقعك بنفسك عن طريق الفرونت بيج

نتابع عملية انشاء الارتباطات

يعتبر هذا الدرس ألف وباء تصميم مواقع الانترنيت ولذلك كن مستعداً جيداً لتعلمه بشكل جيد كما أنه أطول الدروس في هذه المجموعة التعليمية وقد كان من الممكن قسم هذا الدرس إلى درسين منفصلين ولكن بسبب أهميته فضلت أن يكون درساً واحداً قد يكون طويلاً بعض الشئ ولكن لا بد أنك قد امتلكت الخبرة الكافية من أجل فهم مثل هذا الدرس بسهولة ... لا أريد الإطالة هيا بنا ..... كيف تعمل الارتباطات : عند عرض أي صفحة ويب بواسطة مستعرض الويب الخاص بك ، يقوم المستعرض بتفسير الارتباطات على أنها توصيلات إلى ملفات أو موارد أخرى على الإنترنت . إذا كنت من مستخدمي نيتسكيب أو إنترنت إكسبلورر ، فسيتحول المؤشر بعد وضعه على الارتباط إلى يد بها إصبع مرفوع هذا المؤشر يدل على وجود ارتباط إلى مورد آخر على الإنترنت يتيح لك فرونت بيج إنشاء الارتباطات التي تريدها في صفحات الويب الخاصة بك . أنواع الارتباطات : هناك عدة أنواع من الارتباطات فبعضها يربط إلى صفحات داخل الموقع وبعضها الآخر يربط إلى مواقع أخرى وبعضها يربط إلى عنوان بريد الكتروني وأخيراً الارتباطات داخل نفس الصفحة و مايسمى أيضاً إشارة مرجعية أو مايدعى Bookmark وأخيراً أحب أن أنوه أن لا فرق بين الارتباطات بواسطة النصوص أو بواسطة الصور بل كلاهما لهما نفس الطريقة . ولنبدأ أولاً بـ الارتباطات إلى صفحات داخل الموقع : 1- قم بإنشاء صفحة جديدة . 2- اكتب النص التالي : صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً . حدد الكلمات . 3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink . اضغط على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني ( انظر الشكل 1 - 8 ) فيفتح لك مربع حوار , من Look in حدد موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات ثم اضغط على موافق .

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 029

وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع . لـ انشاء ارتباط إلى مواقع أخرى : 1- قم بإنشاء صفحة جديدة . 2- اكتب النص التالي : صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً . حدد الكلمات . 3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink . 4- في خانة Address ، اكتب النص التالي الذي بالصورة ( انظر الشكل 2 - 8 ) . 5- انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 031

لـ إنشاء ارتباط إلى بريد الكتروني : قم بالخطوات 1 و 2 و 3 السابقة وبعد أن تفتح مربع الحوار Insert Hyperlink اذهب إلى E-mail Address فيفتح لك مربع حوار اكتب في خانة E-mail address عنوان الإيميل الذي ترغب . وأخيراً إنشاء ارتباط داخل نفس الصفحة : 1 - قم بـ إنشاء صفحة جديدة . 2 - اكتب النص الذي ترغب به ثم حدده . 3 - من قائمة Insert اختر bookmark ( انظر الشكل 3 - 8 ) .

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 032

4 - سمه بـ الاسم الذي ترغب به ويفضل أن يكون اسم له علاقة بـ الارتباط اضغط على موافق وهكذا تكون قد أنشأت ارتباط داخلي أو مايسمى أيضاً إشارة مرجعية تستطيع إنشاء عدد غير محدد من الإشارات المرجعية . بعد إنشاء الإشارة المرجعية تكتب نصاً تريده ثم تحدد النص ثم من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink ومنه اختر Bookmark وحدد الإشارة المرجعية التي ترغب أن تربط إليها هذا النص . التعرف على الخرائط المصورة : عندما تنشئ عدة ارتباطات في صورة واحدة ، فإنك تنشئ ما يسمى بالخريطة المصورة . وللخرائط المصورة فائدة عظيمة في صفحات الويب حيث أنها تمثل تصويراً رسومياً يمكن للمستعرضين استخدامه في التنقل داخل موقع الويب . إنشاء الخرائط المصورة باستخدام فرونت بيج : أول خطوة في عملية إنشاء الخريطة المصورة هي تحديد الصورة التي تنوي استخدامها ، إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين GIF أو JPEG عليك حفظ تلك الصور بصيغة GIF أو JPG . ثم انتقل إلى خطوات تحويلها إلى خريطة مصورة وإليك هذه الخطوات . 1- قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة المصورة . 2- حدد الصورة التي قمت بإدراجها في الصفحة . 3- تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج من شريط أدوات الصورة ، انقر رمز Polygonal Hotspot . يجب أن يظهر المؤشر على شكل قلم رصاص . 4- ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة كل كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة المصورة . انقر في أحد أركان الكائن وستظهر نقطة إرساء ( مربعة ) . حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن وسترى البقعة الساخنة وهي محيطة بالكائن . 5- استمر في تتبع الكائن وإنشاء نقاط الإرساء إلى أن تصل إلى النقطة التي بدأت منها . انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن ، وسيظهر على الفور مربع حوار Create Hyperlink . 6- في مربع نص Address ، اكتب عنوان الصفحة التي تريد أن تنشئ الارتباط إليها . انقر زر OK لتحفظ الارتباط وتغلق مربع الحوار . 7 - كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى تريد أن تحولها إلى نقاط ساخنة داخل الخريطة المصورة . أنقر أداة البقعة التي تريد استخدامها مع تحديد المناطق التي تريد تحويلها إلى بقاع ساخنة داخل الصورة . معاينة الخريطة المصورة : ينبغي أن تستخدم علامة تبويب PREVIEW التي توجد في النافذة الرئيسية لفرونت بيج ( في الجانب الأيسر السفلي ) لتختبر الخريطة المصورة التي أنشأتها . لمعاينة الخريطة المصورة : 1- تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها . 2- تأكد من تحديد علامة تبويب Normal الموجودة في الجزء السفلي من نافذة الصفحة . 3- لمعاينة الصفحة والخريطة المصورة اللتين انتهيت من إنشائها ، انقر علامة تبويب PREVIEW وسترى الصفحة بنفس هيئتها عند استعراضها بواسطة أحد مستعرضات الويب . 4- ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة . إذا كانت الارتباطات الموجودة لديك تعمل ، فلابد أن يتحول المؤشر إلى شكل يد صغيرة بمجرد أن يمر فوق أحد الارتباطات

إنشاء واستخدام الإطارات

التعرف على الإطارات : إن بعض القوالب في فرونت بيج يتيح لك سهولة إنشاء صفحات الويب باستخدام الإطارات Frames . والإطارات أساساً عبارة عن صفحات ويب منفصلة أو مستقلة يتم عرضها داخل شاشة واحدة . هل يجب استخدام الإطارات ؟ يرى البعض أنه لافائدة من استخدامها كما يقبل البعض على استخدامها وأيضاً البعض الآخر لا يوليها أي أهمية ومن المشاكل التي تبرز لنا عند الحديث عن الإطارات على عرضها بصورة جيدة نظراً لاختلاف درجة وضوح الشاشة الخاصة بكل موقع . إنشاء الإطارات باستخدام قوالب فرونت بيج : بعد أن تنتهي من عملية التخطيط لاستخدام الإطارات إبدأ باستعراض الإطارات الموجودة وابحث عن قالب يشبه الذي خططة له بدرجة كبيرة دعنا نقوم بتأسيس موقع ويب في غاية البساطة مع الاستعانة بالإطارات : 1- من قائمة File ، اختر أمر New ثم Page or Web لتفتح مربع حوار New اختر منه Page Templates . 2- انقر علامة تبويب Frames Page لتعرض اللوحة الخاصة بها

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 033

3- حدد الإطار الذي تريد استخدامه في صفحتك ، في مثالنا حدد قالب Contents الذي يتيح لك إنشاء صفحة بداخلها إطاران . 4- انقر ok لإغلاق مربع الحوار وإنشاء صفحة الويب باستخدام القالب الذي حددته

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 034

ينبغي أن تحدد المحتوى الذي ستضعه في الإطارين ، كأن تدرج صفحات موجودة لديك أو تنشئ صفحات جديدة من فراغ . سنقوم بإنشاء قائمة بسيطة في الإطار الصغير الموجود في يسار الصفحة كما يلي : 1- في الإطار الأيسر ، انقر زر New Page وسيتم إنشاء صفحة جديدة في الإطار . 2- اكتب النص التالي في الصفحة المؤطرة : Page1 صفحة 1 3- حدد نص Page1 من قائمة Insert ، حدد أمر Hyperlink لتفتح مربع الحوار Insert Hyperlink . 4- في مربع Address اكتب اسم إحدى الصفحات التي أنشأتها من قبل في الدروس السابقة أو حدد إحداها بـ أي طريقة تودها . 5- في مربع حوار Insert Hyperlink ، انقر زر Target Frame لتفتح مربع حوار Target Frame ( انظر الشكل 9 - 3 ).

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 035

9 - 3 6- يعرض مربع حوار Target Frame شكلاً تمثيلياً للإطارين الموجودين في الصفحة ، حدد الإطار الأيمن بالنقر داخله ، هذا الإطار هو المكان الذي ستظهر فيه الصفحة التي أنشأت لها إطاراً ، حيث تم عرضها عندما تحدد الإطار الذي أنشأته . 7- انقر زر ok لإغلاق مربع الحوار Target Frame . انقر زر ok مرة أخرى لإغلاق مربع حوار Insert Hyperlink . 8- كرر الخطوات من 3 إلى 7 مع نصي صفحة 1و مع تحديد صفحتين مختلفتين لعرضهما في هذين الارتباطين . 9- تم الانتهاء من إنشاء صفحتك المؤطرة تقريباً ، الآن تحتاج إلى إلى تحديد الصفحة التي سيتم عرضها وغالباً ما تكون نفس الصفحة التي تمت تسميتها بواسطة ارتباط Page1 انقر زر Set Initial Page الموجود في اللوحة اليمنى لتفتح مربع حوار Insert Hyperlink . 10-اكتب اسم الملف الذي يحتوي على ارتباط إلى Page1 الذي أنشأته في الخطوة 4 . 11-انقر زر ok لإغلاق مربع الحوار . 12-من قائمة File ، حدد أمر Save لحفظ ملفاتك . سيطلب منك حفظ كل الملفات التي أنشأتها . ونظراً لأنك أنشأت الملف الظاهر في الإطار الأيسر ، سيطلب منك حفظه إلى جانب حفظ الملف المسمى بـ " مجموعة الإطارات " frameset file وهو الملف الذي يتحكم في الصفحة المؤطرة . 13-بعد الانتهاء من حفظ ملفاتك ، حدد علامة تبويب Preview لعرض الصفحات المؤطرة ( أي ذات الإطارات ) واختبر أدوات التحكم في الإطارات. ما تزال الإطارات مثيرة للجدل رغم ظهورها من بضع سنوات ، لكن لا تنس ألا تبالغ باستخدامها

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

الاستعداد لنشر موقع الويب الخاص بك : هناك العديد من الطرق من أجل نشر مواقع الانترنيت منها عن طريق فرونت بيج ومنها عن طريق file manager وأيضاً منها عن طريق برنامج ws_ftp . أما مساوئ الطريقة الثانية أي برنامج فيل ماناجر فهي أنه لا يمكنك أن ترسل جميع ملفاتك دفعة واحدة بل عليك أن ترسلها ملف تلو الآخر ولذلك هذه الطريقة صعبة وقليلة الاستخدام ، أما برنامج ws_ftp فهو برنامج رائع من أجل نشر المواقع فما عليك إلا أن تضع اسم المستخدم وكلمة المرور حتى تصبح عملية النشر كما لو كنت تقوم بنقل الملفات بين السواقات المختلفة في جهازك الكمبيوتر . ونشر موقع الويب عملية في غاية السهولة إذا استخدمت فرونت بيج . كل ما تفعله هو أن تحدد الموقع الذي تريد نشره ثم تحدد الموقع الذي تريد أن يتم عليه النشر . أما فرونت بيج ، فيتولى القيام بكل هذا . لكن قبل الإقدام على نشر موقع الويب الخاص بك ، ثمة مهام قليلة ينبغي عليك القيام بها : أولاً ، ينبغي أن تتأكد من وجود خادم ويب نشط على الإنترنت أو شبكة الإنترنت الخاصة بجهة عملك . فمن الضروري أن يتوافر خادم ويب حتى يتمكن الآخرون من استعراض موقعك . هذا وتوجد شركات عديدة تقوم بإنتاج برامج خادم الويب يمكنك الاستعانة بها ، حيث تعمل معظم هذه البرامج بصورة مرضية وجيدة . ثانياً ، ينبغي أن تتأكد من توافر كافة حقوق الأمان والوصول الضرورية . هذه الحقوق تتيح لك إنشاء ونسخ ملفاتك إلى خادم الويب . في هذا الشأن ، توفر عادة أجهزة خادم الويب للمستخدمين ما يسمى بالوصول " للقراءة فقط " read-only . هذا النوع من الوصول يتيح للمستعرضين عرض الملفات الموجودة على الخادم دون إدخال أي تغييرات عليها . ولكي تنشر موقع الويب الذي صممته على الخادم ، ستحتاج إلى الحقوق التي تمنحك حق القراءة والكتابة والإنشاء والحذف داخل مجلد موقعك الموجود على الخادم . ومدير الخادم هو المسئول عن منحك حقوق الوصول السليمة ، الأمر الذي يسمح لك بنشر عملك على الخادم . ثالثاً ، ينبغي أن تتأكد من أن خادم الويب الذي تنوي النشر عليه يدعم خدمة FTP لإرسال وربط ملفاتك بالخادم الذي قررت التعامل معه . وطالما أن هذا الخادم يدعم خدمة FTP ، فلن تحتاج إلى إجراء أي تغييرات أو إعدادات في فرونت بيج لكي تنشر مواقع الويب الخاصة بك . إرسال موقع الويب إلى الخادم : لنشر موقعك على خادم الويب : 1- حدد وافتح موقع الويب الذي تريد نشره . 2- من قائمة File اختر أمر publish Web لتفتح مربع حوار publish Web ( انظر الشكل 1 - 10 ) . 3- في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي ستنشر عليه موقعك . تستطيع أن تحدد في هذا المربع بروتوكول HTTP أو FTP . إذا كنت – على سبيل المثال – ستنشر على أحد أجهزة خادم الويب في مجال My Company.com ، فلك أن تكتب عنوان URL بهذا الشكل http://www.xxxxxx.com/ أو ftp://ftp.xxxxxx.com/ طبعاً حتى تكتب http يجب أن يكون الخادم عندك يدعم فرونت بيج أما إذا لم يكن يدعم فرونت بيج فاستخدم ftp . طبعاً سيطلب منك كتابة اسم المستخدم + كلمة المرور وهاتان الكلمتان تحصل عليهما من الخادم المضيف .

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 036

4- انقر زر publish لتبدأ إرسال موقعك إلى الخادم . 5- بحسب حجم موقع الويب الذي تقوم بنشره وسرعة الاتصال بالخادم ، قد تستغرق عملية النشر ما يتراوح بين بضع ثوان وبضع دقائق عندما ينتهي فرونت بيج من نشر موقعك ونجاح عملية النشر ، ستعرض لك رسالة توضح ذلك . 6- سوف يظهر عند الانتهاء وصلة لمعاينة الموقع الذي تم نشره ، انقر ارتباط published web site . 7- انقر زر Done لإغلاق مربع حوار publish web . مهام إدارة موقع الويب : باستخدام فرونت بيج لتعديل موقعك ، لن تضطر إلى تذكر المجلد الذي وضعت فيه أحد الملفات . إذ يتولى فرونت بيج القيام بهذه المهمة نيابة عنك . كما يتمتع فرونت بيج بقدر من الذكاء بما يكفي للتمييز بين الملفات التي قمت بتعديلها وتلك التي قمت بإضافتها منذ آخر عملية نشر قمت بها . 1- تأكد من أن الموقع الذي تريد تحديثه قد تم فتحه . 2- من قائمة File ، اختر أمر publish web لتفتح مربع حوار publish web . 3- في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي نشرت عليه موقعك . تأكد بعد ذلك من تحديد مربع العلامة publish changed pages only . 4- انقر زر publish لبدء إرسال الصفحات الجديدة و/ أو المحدثة إلى الخادم . يتمتع فرونت بيج بذكاء يجعله يقارن بين موقع الويب المنشور وبين الموقع الموجود على جهازك ، ثم يقوم بإرسال الصفحات الجديدة أو التي طرأ عليها أي تغييرات فقط . الحصول على تقارير عن موقع الويب : للحصول على تقارير عن موقع الويب : 1- افتح موقع الويب الذي تريد أن تحصل على تقرير عنه . 2- من شريط view ، انقر رمز reports سيظهر بعد ثوان على الشاشة تقرير يضم معلومات عن الموقع الذي فتحته (انظر الشكل 2 - 10).

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 0102

إضافة تعدد الوسائط والصور المتحركة إلى موقع الويب تعريف تعدد الوسائط : ملفات تعدد الوسائط تنقسم إلى تعدد الوسائط المرئية video والسمعية audio ، ضع في اعتبارك أن ملفات الصوت التي سوف تضعها في موقعك تحتاج إلى أن يكون كل متصفح يريد سماع الصوت أن يكون يملك كرت صوت وسماعات ، وملفات الفيديو سوف تأخذ منك حيزاً كبيراً ووقتاً كبيراً أثناء التحميل . إضافة الصوت إلى صفحات الويب : إضافة الصوت إلى موقعك أمر في غاية السهولة غير أنه ستواجهك مشكلة تحديد موقع أو إنشاء ملفات الصوت التي تريد استخدامها . لرؤية ( أو لسماع ) كيف يمكن استخدام الصوت كأحد التحسينات . ونظراً لأن ملفات MIDI صغيرة نسبياً ، فإن تشغيلها يبدو كأنه يتم تلقائياً . إذا ألقيت نظرة على مجلد ملفات الإنترنت المؤقتة على جهازك ستجد ملفاً أو أكثر يحمل امتداد الملف MIDI وهذه الملفات هي ملفات MIDIالتي تستطيع استخدامها في سماع الصوت على جهازك . لإضافة أحد ملفات MIDI – أو أي نوع آخر من ملفات الصوت – إلى موقع الويب الخاص بك : 1- حدد وافتح الصفحة التي تريد أن تضيف إليها ملف الصوت . 2- من قائمة File ، اختر أمر Properties لتفتح مربع حوار Page Properties

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 001

3- في جزء Background Sound ، اكتب اسم الملف الصوتي في مربع نص Location ، استخدم زر Browse . إذا لم تستطع تذكر الموقع المحفوظ فيه الملف . 4- في جزء Loop ، حدد عدد المرات التي تريدها لتشغيل الملف الصوتي تستطيع تحديد خانة Forever ، مما يعني أن تشغيل الملف الصوتي سيدوم طيلة عرض الصفحة التي تضم هذا الملف . 5- انقر زر ok لتحفظ الإعدادات التي حددتها وتغلق مربع الحوار . 6- لمعاينة الصفحة مع الخلفية الصوتية الخاصة بها ، انقر علامة تبويب preview داخل النافذة الرئيسية لفرونت بيج . إضافة لقطات الفيديو إلى صفحات الويب : اعلم أن لقطات الفيديو تميل إلى استخدام ملفات كبيرة الحجم وتستلزم تحميلها بالكامل قبل أن يتمكن المستخدمون من مشاهدتها . لإضافة إحدى لقطات الفيديو إلى موقع الويب : 1- حدد وافتح الصفحة التي تريد أن تضيف إليها لقطة الفيديو . 2- من قائمة Insert ، حدد أمر Picture ثم Video لتفتح مربع Video وبالتالي يمكنك تحديد ملف لقطة الفيديو المراد إلى الموقع

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 002

3- في الوضع الافتراضي ، يجعل فرونت بيج كافة لقطات الفيديو تبدأ التشغيل تلقائياً عندما يتم إدراجها في الصفحة المحددة . إذا لم ترغب في أن تبدأ لقطات الفيديو التشغيل تلقائياً عندما تكون صفحة الويب التي تضم تلك اللقطات مفتوحة ، قم بعد ذلك بتحديد أمر Properties من قائمة Format لتفتح مربع Picture Properties . إذا لم تكن علامة تبويب video محددة ، قم بتحديدها لتعرض اللوحة الخاصة بها ( انظر الشكل 3 - 11) .

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 003

4- توجد خيارين لبدء تشغيل لقطات الفيديو لديك تلقائياً أو عند تمرير مؤشر الفأرة فوق لقطة الفيديو حدد طريقة البدء التي تريد استخدامها بالتحديد على مربع العلامة . 5- بكتابة رقم في خانة Loop ، تستطيع تحديد عدد المرات التي تريدها لتشغيل لقطة الفيديو . 6- بعد إنهاء التعديلات الخاصة بعدد مرات تشغيل اللقطة ، انقر زر Save لحفظ تلك التعديلات وإغلاق مربع الحوار . 7- لمعاينة لقطة الفيديو بعد إدراجها في الصفحة ، انقر علامة تبويب preview داخل النافذة الرئيسية لفرونت بيج.

صفحات الأنماط والعناصر النشطة

التعرف على العناصر النشطة : العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب، وهي على سبيل المثال لا الحصر الأزرار المتحركة hover buttons و عداد الزيارة hit counter والنص المتحرك marquee . أما الأزرار المتحركة فهي عبارة عن أزرار لها تأثيرات خاصة وأما عداد الزيارة فهو عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان نصي قابل للحركة . ولنبدأ أولاً بـ الأزرار المتحركة بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم المستخدم بتمرير مؤشر الفأرة فوقها والكثير غيرها من المؤثرات الحركية وأيضاً تستطيع تشغيل أصوات أو عرض صورة معينة . من أجل إضافة أزرار متحركة : 1- من Insert اختر Web Component لتفتح مربع حوار Insert Web Component اختر من Component Type أمر Dynamic Effects ومن Choose an effect اختر Hover Button

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 004

- أضف ما تراه مناسباً من التأثيرات من حيث اسم الزر والرابط الذي سيربط إليه الزر ولون الزر و التأثير الحركي للزر ... ألخ من التأثيرات

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 005

ثانياً عداد الزيارة : من Insert اختر Web Component لتفتح مربع حوار Insert Web Component اختر من Component Type أمر Hit Counter ومن Choose a counter style اختر شكل العداد الذي ترغب به ( الشكل 3 - 12 )

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 006

ثالثاً النص المتحرك :من Insert اختر Web Component لتفتح مربع حوار Insert Web Component اختر من Component Type أمر Dynamic Effects ومن Choose an effect اختر Marquee . وهنا يفتح مربع حوار Marquee properties الذي تستطيع من خلاله إضافة النص المتحرك إضافة إلى تطبيق التأثيرات الحركية واللونية المختلفة عليه ( الشكل 4 - 12 )

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 007.

التعرف على صفحات الأنماط : هي عبارة عن وسيلة تتيح التحكم في سمات معينة داخل موقع الويب بأكمله . بعبارة أخرى ، تتيح لك صفحات الأنماط التحكم في سمات معينة داخل موقع الويب بأكمله . أي أنها تتيح لك التحكم في كافة مظاهر النص الذي يظهر داخل صفحات الويب . أيضاً توجد طريقة أسهل للحصول على نفس النتائج . حيث يتيح لك فرونت بيج استخدام ما يسمى بـ " الفكرة العامة " theme لتغيير هيئة وشكل مواقع الويب الخاصة بك . تطبيق الأفكار العامة على موقع الويب : إن أردت تطبيق إحدى الأفكار العامة الجاهزة على موقع الويب يمكنك القيام بذلك بسهولة بتطبيق إحدى أو كل الأفكار العامة ولكن إن أردت تطبيقها جميعاً مرة واحدة . لتطبيق فكرة عامة على موقع الويب الخاص بك : 1- حدد الموقع الذي تريد أن تطبق عليه الفكرة العامة ثم افتح هذا الموقع داخل فرونت بيج . 2- من قائمة Format اختر أمر Theme لتفتح مربع حوار Themes

تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني 008

3- لتطبيق الفكرة العامة على موقع الويب بأكمله ، حدد زر الخيار All Pages الذي يوجد في جزء Apply Theme To لكن لتطبيقها على صفحات معينة ، فانقر زر الخيار Selected Page(s) l كما تستطيع أن تجعل الفكرة نطبق بكاملها أو بعض أجزائها من خلال الخيارات الموجودة أسفل أنواع الأفكار . 4- في مربع Theme ، استخدم شريط التمرير إلى أسفل حتى تصل إلى الفكرة العامة التي تريدها . عند نقر كل فكرة عامة موجودة سترى تمثيلاً لها داخل نافذة Sample of Theme الموجودة في يمين مربع الحوار . 5- عندما ترى الفكرة العامة التي تريدها ، انقر زر ok ، سيبدأ فرونت بيج بتطبيق الفكرة العامة على الصفحات التي حددتها أو على الموقع بأكمله . 6- عندما ينتهي فرونت بيج من تطبيق الفكرة العامة الجديدة ، ستظهر الصفحة التي حددتها لتطبيق الفكرة العامة عليها . تعديل الفكرة العامة في فرونت بيج : لتحديد فكرة وتبدأ في تعديلها ، لعمل ذلك ، اتبع الخطوات التالية : 1- اختر أمر Themes من قائمة Format لتفتح مربع Themes . 2- حدد الفكرة العامة التي تريد تعديلها من بين الأفكار العامة المتاحة . ستظهر الفكرة العامة داخل نافذة Sample of Theme . 3- انقر زر Modify وستظهر في مربع الحوار ثلاثة أزرار إضافية ، وهي Colors و Text و Graphics . انقر أحد الأزرار الثلاثة بحسب العنصر الذي تريد تعديله في الفكرة العامة . إذا أردت تعديل أكثر من عنصر في النص ، فانقر زر Text . سيظهر لك مربع حوار Theme Modify ليعرض عناصر النص التي يمكن تعديلها . 4- من قائمة Item ، حدد العنصر الذي تريد تغييره . فمثلاً ، حدد Heading1 لتعرض الخط المستخدم في عناوين Heading1 . 5- حدد خطاً مختلفاً يستخدم في Heading1 ، وسيحدد هذا الخط الجديد الشكل الذي ستظهر به كافة رؤوس Heading1 . 6- إذا أردت تغيير أي إعدادات خاصة بحجم بقية الرؤوس الأخرى ، فقم بهذه التغييرات مثلما فعلت في الخطوات من 4 إلى 6 ثم انقر بعد ذلك زر ok . 7- كي تتأكد من أنك لم تحذف الفكرة العامة الموجودة لديك ، انقر زر Save As لتحفظ التغييرات باسم جديد . في الوضع الافتراضي سيقدم فرونت بيج اسماً للفكرة العامة الجديدة هو Copy of theme . تستطيع أن تقبل هذا الاسم أو تقوم بتغييره ، انقر ok مرة أخرى لإغلاق مربع حوار Themes

. انتهي الجزء الثاني والدرس 



 

 







توقيع : ameeraljn





تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Emptyالثلاثاء نوفمبر 17, 2015 5:47 pm
المشاركة رقم:
المعلومات
الصورة الرمزية

البيانات
عدد المساهمات : 1
نقاط : 91621
الخبره : 0
تاريخ التسجيل : 17/11/2015

التوقيت



الإتصالات
الحالة:
وسائل الإتصال:

 
مُساهمةموضوع: commerce تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Emptyالثلاثاء نوفمبر 17, 2015 5:47 pm



تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني


ecommerce development egypt

ecommerce website development egypt

ecommerce company egypt

ecommerce solution egypt

ecommerce solution provider egypt

ecommerce in egypt

ecommerce web development egypt

ecommerce services egypt



 

 







توقيع : emad ezzat





 
الإشارات المرجعية


 

..

الذين يشاهدون الموضوع الان :35 ( الأعضاء 6 والزوار 31)



تصميم موقعك بنفسك من خلال الفرونت بيج بالتفصيل الجزء الثاني Collapse_theadتعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:53.
الموقع غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي احباب السماوه ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة a7babalsamawa 2017
  • ameeraljn my skype
Powered by a7babalsamawa.wwooww.net® Version 3.8.7 .Copyright ©2010 - 2016, sakrat almout ameer alsamawa
SEO by vBSEO ©2010, Crawlability, Inc.
تحويل وتطوير سكرات الموت العراقي احباب السماوه
©phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع