ما الجديد
ستار دي في بي | StarDVB

أهلاً وسهلاً بك من جديد في ستار دي في بي StarDVB. تم في الاونة الاخيرة تطوير وتخصيص الموقع ليشمل IPTV و SMART TV بشكل أوسع من السابق. إذا كنت مسجل سابقا يمكنك الدخول باسم المستخدم السابق نفسه، وإن كنت غير مسجل مسبقاً، يمكنك التسجيل الان. نرحب بمشاركاتك واقتراحاتك في أي وقت، نتمنى لك وقتاً ممتعاً معنا.

شرح الفرونت بيج كاملا بالصور

جواد فلسطين

مشرف سابق
اولا المقدمة:-
مقدمة الموقع

بسم الله الرحمن الرحيم
اللهم صلي على محمد وآل محمد

لكل الذين يطمحون لأن يكونوا محترفي تصميم المواقع ، للمبتدئين وللذين خطو خطوات متقدمة في هذا الطريق تقدم
منتديات Stardvb وعضوها جـــواد فلسطين بين أيديهم موقع ( فرونت بيج2002)
وهو يقدم شرح للبرنامج ووضائفه شرحا كاملا ، يستوعب كل جزئيات البرنامج بما يغنيك عن اي موقع أو كتاب في هذا الغرض ، سائلين المولى العلي ان ينتفع به الجميع

مقدمة البرنامج
تعديل وتنسيق النص:
getimg.php


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

إضافة الصور:
getimg.php


من الممكن أن تضيف الصور على صفحات الويب الخاصة بك لكي تشرح المفاهيم المعروضة فيها بصورة أفضل وتحسن من مظهرها يتضمن فرونت بيج مجموعة كبيرة من الصور الجاهزة والأشكال البسيطة والتأثيرات النصية التي يمكنك إضافتها في صفحات الويب بسرعة . ويوفر لك عدت طرق لتخصيص الصور ، كان تضيف النصوص إليها أو تقص أجزاء من أطرافها .
انشاء ارتباطات:
getimg.php


من الممكن أن تنشأ الارتباطات التشعبية لكي تربط كلمة أو صورة أو عبارة معينة بصفحة الويب ومن الممكن أيضا أن تنشأ ارتباطات ببريد الكتروني بحيث يتمكن الزائرون من النقر عليه لإرسال رسالة إليك أو إلى أي شخص آخر . يستطيع فرونت بيج أن يفحص جميع الارتباطات الموجودة في موقعك لكي يتأكد من أنها تعمل بصورة صحيحة.
انشاء الجدول:
تستطيع انشاء الجداول لكي تعرض المعلومات على صفحة الويب بصورة أنيقة . تفيد الجداول أيضا في التحكم في موقع الصور والنصوص على الصفحة بدقة . يوفر لك فوتو شوب العديد من تصميمات الجداول الجاهزة التي تستطيع استخدامها بسرعة لكي تحسن من مظهر الجداول التي تنشئها .

استخدام هيكل التحرك:
getimg.php


يمكنك أن تعمل في عرض التحريك لكي تحدد كيف تربط صفحات الويب الموجودة في الموقع ببعضها البعض. وبمجرد إعداد هيكل التحرك لموقعك ، يمكنك أن تضيف أزرار التحريك على صفحات الويب . هذه الأزرار عبارة عن ارتباطات رسومية يمكن أن ينقر فوقها الزائرون لكي يتنقلوا بسهولة بين الصفحات الموجودة في الموقع .

انشاء الإطارات:
getimg.php


تستطيع انشاء الإطارات لتقسيم نافذة المستعرض إلى أجزاء مستقلة . يمكن ان يعرض كل إطار صفحة ويب مختلفة . تتيح لك الإطارات أن تجعل بعض المعلومات (( مثل الإعلانات أو أزرار التحريك)) ثبته على الشاشة بصفة دائمة حتى لو فتح الزائر صفحة أخرى .

انشاء النماذج:
getimg.php


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

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

تعريفات عامة :

الشبكة العالمية العنكبوتية (( world wide web )) : هي جزء من الانترنت وهي تتكون من مجموعة ضخمة من المستندات يتم حفظها على أجهزة كمبيوتر عديدة حول العالم , ويتم اختصاره بـ The Web .

URL : وهذه الكلمة هي اختصار لـ uniform resource locator وتعني محدِّدِ الموارد الموحد وتشير إلى عنوان الصفحة على الويب.

صفحة الويب(( web page )): هي مستند على الويب يمكن أن يحتوي على الصور والنصوص وملفات الصوت والفيديو.

خادم الويب (( web server )): هو كمبيوتر يحفظ صفحات الويب و يتيح لزائري الويب أن يستعرضوها.

موقع الويب (( web site )): هو مجموعة من صفحات الويب يتم إنشاؤها وصيانتها بواسطة كلية أو جامعة أو وكالة حكومية أو شركة تجارية أو منظمة أو فرد.

الارتباطات (( hyper link )): تحتوي صفحات الويب على ارتباطات والارتباط link هو نص مميز أو صورة على صفحة الويب تشير إلى صفحة أخرى على الويب وعندما ينقر المستخدم فوق الارتباط فان المستعرض ينقله إلى الصفحة التي يشير إليها هذا الارتباط سواء كانت في نفس الموقع أو على موقع آخر على الويب .

مستعرض الويب (( web browser )) : هو برنامج يتيح لك عرض واستئناف المعلومات المتوفرة على الويب .
انترنت اكسبلورر(( internet explorer )): مستعرض الويب الشهير الذي يأتي مع أحدث إصدارات ويندوز ويمكن لك الحصول على هذا المستعرض من موقع www.microsoft.com/windows/ie .
نيتسكيب نافيجيتور: مستعرض الويب الشهير ، يمكنك الحصول عليه عبر www.netscape.com أو محلات الكمبيوتر.

لغة HTML : وهذه الكلمة اختصار لـ Hypertext Markup Language وهي لغة كمبيوتر تستخدم لإنشاء صفحات الويب . وصفحات الويب هي مستندات HTML تتكون من نصوص وتعليمات خاصة تُسمى العلامات tags ، يقوم مستعرض الويب بتفسير العلامات في مستند HTML لكي يحدد طريقة عرض صفحة الويب . وعندما تقوم بإنشاء صفحة ويب في فرونت ، فانه سيقوم بإضافة هذه العلامة في المستند بدون أن تراها.


نصائح عامة

راجع المعلومات:
يجب أن تفحص صفحات الويب بدقة لتتأكد من خلوها من الأخطاء الإملائية والنحوية . إذا احتوت صفحتك على أخطاء إملائية فان زائري الصفحة سيفترضون ان المعلومات المعروضة بها غير دقيقة وربما ترغب في طباعة صفحات الويب على الورق كي تتمكن من مراجعتها بدقة أكبر.

ضع المعلومات المهمة أولا:
دائما اعرض أهم معلومات في أعلى كل صفحة داخل الموقع بعض الزائرين يكتفون بقراءة الجزء العلوي من الصفحة ولا يستعرضون محتويات الصفحة إلى أسفل لقراءة كل المعلومات الموجودة بها . إذا لم تضع المعلومات المهمة في أعلى الصفحة فان هؤلاء الزوار لن يروها .

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

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

ضع قائمة بالأسئلة المتكررة :
قائمة الأسئلة المتكررة FAQ هي قائمة تحتوي على الأسئلة التي تتكرر بصورة دائمة حول موضوع معين وعندما تضع قائمة بالأسئلة التي يكررها زوار موقعك فانك ستوفر للزائرين إجابات عن الأسئلة الشائعة حول موقعك بهذا الشكل سيتمكن الزائرين الجدد من العثور على إجابات عن أسئلتهم دون الحاجة إلى توجيه أسئلة أليك مما يوفر وقتك ووقتهم .

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

تحديث المعلومات :
يجب أن تقوم بتحديث صفحتك بصورة دورية لذا لم تتغير المعلومات المعروضة في الموقع أبدا فان الزائرين سيقرءونها مرة واحدة ولن يزورونها مرة أخرى يجب أنت تضمّن تاريخ الصفحة حتى تتيح للزائرين معرفة تاريخ آخر تحديث لها.

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

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

جدول محتويات:
يجب أن تحتوي الصفحة الرئيسية في موقعك على جدول محتويات يعرض المعلومات الموجودة في موقعك ، يمكن أن يتضمن الجدول ارتباطات تتيح للزائرين الانتقال إلى المعلومات التي تتيح اهتمامهم بسرعة.

تذكير بوضع إشارة عودة :
تحتوي مستعرضات الويب على خاصية تسمى الإشارة المرجعية BOOKMARK أو المفضلة favorites وهي تتيح للزائرين أن يحفظوا عنوان موقع الويب التي تعجبهم ويرغبون في العودة إليها مرة أخرى . يمكنك تضمين صورة أو نص جذاب في الصفحة الرئيسية لكي تذكّر الزائرين بوضع إشارة مرجعية لموقعك ، إذا وضع الزائرون إشارة مرجعية لصفحتك فإنهم في الغالب سوف يعودون إليها مرة أخرى .

سرعة التحميل:
يجب أن تعمل حجم الصفحة الرئيسية في الموقع وحجم الصور الموجودة صغيرا بقدر الامكان مما يؤدي إلى ظهور الصفحة الرئيسية بسرعة على شاشة الزائرين، إذا استغرقت الصفحة الرئيسية وقتا طويلا في تحميلها ، فقد يغادر الزائر موقع الويب.


بداية التصميم

انشاء صفحة الويب​

بعد فتح فرونت بيج قم بفتح انشاء صفحة ويب كما هو موضح بالصورة التالية:


getimg.php


سيفتح لك مربع الحوار التالي:


getimg.php


قم باختيار الصفحة التي تلائمك والأفضل ان تختار empty web لكي تتكيف بالصفحة حسب ما تريده ثم حدد المكان الذي تريد حفظ الصفحة فيه ثم اضغط ok .
ملاحظة: يُمَيَّز المعالج بـ إذا اخترت معالجا فان فرونت بيج سيسألك عدة أسئلة قبل انشاء الويب .

عرض صفحات الويب


getimg.php

عرض وإخفاء شريط الأدوات


getimg.php


التنقل بين صفحات الويب



getimg.php


انشاء صفحة خالية


ما عليك إلا نقر كما في الصورة التالية:


getimg.php


انشاء صفحة ويب جديدة باستخدام القوالب الجاهزة التي تفيد المبتدئين في التصميم

افتح كما في الصورة

getimg.php


سيفتح لك مربع الحوار التالي:



getimg.php


حفظ صفحة الويب

ويكون كالتالي:


getimg.php


استخدام لوحة المهام

لأداء المهام بسرعة يمكنك استخدام لوحة المهام وهي كالتالي :

getimg.php


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

getimg.php


يمكنك تحديد لوحة المهام التي تريد عرضها​

getimg.php


تغيير طريقة عرض موقع الويب كما في الصورة التالية

getimg.php


طريقة فتح الويب مباشرة



طرق عرض صفحات الويب

وهي ثلاث طرق كما هو مبين في الصورة التالية:

getimg.php


الطريقة الأولى : normal وتتيح لك إدخال وتعديل وتنسيق المعلومات في الصفحة.
الطريقة الثانية: html وتتيح لك رؤية رموز html المستخدمة لانشاء الصفحة.
الطريقة الثالثة: preview تتيح لك رؤية كيف ستظهر الصفحة على الويب.

عرض الصفحة في مستعرض الويب
اضغط رمز المستعرض أو اذهب إلى file > preview كما هو موضح بالصورة

getimg.php


إذا ضغطت file > preview ستظهر لك هذه القائمة​

getimg.php


بعد اختيار المستعرض الذي تريده اضغط preview

تغيير عنوان صفحة الويب

ويكون كالتالي:


getimg.php


فيفتح لك مربع الحوار التالي:

getimg.php


و سوف يظهر اسم الصفحة للزائر في أعلى متصفح الويب في شريط العنوان.

تعديل النصوص

يجب ان تعرفه عزيزي القارئ ان التعامل مع النصوص في فرونت بيج هي تقريبا نفس طريقة التعامل مع غيره من برامجMicrosoft office من حيث نقل النص أو إلغائه أو نسخه والذي يعتمد على تضليل النص لعمل أي تغيير عليه.

إضافة الرموز

getimg.php


التدقيق الإملائي
ويتم ذلك كالتالي:
اضغط على الرمز الموضح بالصورة ثم اختر Change لاختيار الكلمة البديلة أو Ignore لتجاهل الكلمة.


getimg.php

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

فل نعتبر هذا هو الجزء الاول ولكم مني تحياتي
 
أعلى