حول الفرونت بيج((دروس من اجزاء))

[سدة الوادي]

برنامج الفرونت بيج هو برنامج يساعدك في بناء موقعك بطريقة صحيحة وسريعة في وقت قريب كان على من يريد أن يبني موقعاً له على الإنترنت أن يتعلم لغة الـ
HTML وعن طريق برنامج الفرونت بيج تستطيع أن تبني الموقع بدون أن تتعلم هذه اللغة سنحاول أن نلقي الضوء على أمور كثيرة في هذا البرنامج لنذلل بإذن الله بعض الصعوبات التي من الممكن أن تواجه المستخدم لهذا البرنامج سنبدأ أولاً

بتوضيح أمر يقوم البرنامج بعمله بعد تثبيتك للبرنامج ألا وهو :
http://www.3aden.com/of/dars11.gif
أن البرنامج يقوم بإضافة مجلد اسمه ( My
webs ) وسيضعه في القرص الصلب تحت ملف
My Document ، هذا المجلد سيضع فيه البرنامج تلقائياً ( عندما تطلب منه أن ينشئ ويب ) ملفات الويب ،إذا ما قمت بعمل ملف ويب عن طريق الفرونت بيج فإن هذا البرنامج أتوماتيكياً سيقوم بعمل عدة ملفات وستجدها في ملف الويب الذي عملته ربما تستغرب وجود هذه الملفات وقد تقوم بحذفها لأنك لم تعملها وهذا غلط فلا تحذف أي ملف أنشئه البرنامج مهما كان ، لتعرف على هذه الملفات سنذكر أسمائها :


- * - ( private ) :http://www.3aden.com/of/dars12.gif

يخزن فرونت بيج الملفات المستخدمة لتنظيم وإدارة الويب في هذا المجلد. يجب أن تدع هذا المجلد وشأنه فلا تحاول أن تلغي شيء أو تضيف شيء له .


* - ( Images http://www.3aden.com/of/dars13.gif
في هذا المجلد يمكنك أن تضع جميع الصور التي استخدمتها في بناء موقعك وهذا يساعد على ترتيب الموقع وعدم تراكم صفحات الويب والصور في مكان واحد هناك مجلدات أخرى تضاف من قبل البرنامج عند اختيارك لأمور عديدة ترغب في أن تضاف للموقع مثل ملفات ال
borders والعديد من الملفات التي يقوم بإنشائها البرنامج تبعاً لاختيارك لتطبيقات تريد ظهورها في موقعك بالإضافة للملفات التي ينشأها البرنامج تستطيع أن تنشا الملفات التي تريدها لتضع فيها أيضا ما تريد كما تستطيع أن تنشأ موقع ويب وتنشأ بداخله عدة مواقع ويب أخرى.

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

[سدة الوادي]

لتفتح موقع ويب موجود لديك اتبع الخطوات التالية :


1. انقر على File>Open . ( ملف =>فتح )

http://www.3aden.com/of/dars21.gif

2. ستجد مربع حوار فتح ملف قد فتح أمامك .
http://www.3aden.com/of/dars22.gif
- Look in ( بحث في ):

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

2- القائمة التي في اليسار :

تعتبر هذه القائمة اختصار سريع لتصل إلى الملفات الموجودة في Desktop, My Documents, Favorites,History ، وأيضاً ملفات الإنترنت التي قمت بفتحها عن طريق البرنامج من الإنترنت مباشرة وتجدها تحت
Web Folders .

3- file name ( اسم الملف ):

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


4- Files of type ( أنواع الملفات):

اختر الملفات التي تريد لها أن تظهر أمامك من هذه الخانة لديك عدد كبير من الخيارات

5- Search the webhttp://www.3aden.com/of/dars23.gif

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

6- Deletehttp://www.3aden.com/of/dars24.gif

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

7- Create New folder http://www.3aden.com/of/dars25.gif
لتنشئ ملف جديد اضغط على هذا الزر وهو ينشئ ملف عادي وليس ملف ويب .

8- views http://www.3aden.com/of/dars26.gif

لتختار الطريقة التي تريد للملفات أن تعرض بها .
Open -9 :

لتفتح الملف الذي اخترته .

10- Cancel :

لتغلق نافذة فتح ملف ولن يتم فتح أية صفحات ويب .


إغلاق موقع ويب :
بعد أن فتحت موقع الويب وقمت بمعاينته في برنامج التصفح ما رأيك لو تغلقه لنبدأ بعد ذلك بتعلم إنشاء ويب جديد :

1- من قائمة File>Close Web .
http://www.3aden.com/of/dars27.gif

2- اضغط على الزر رقم واحد لتغلق البرنامج كله وموقع الويب .

http://www.3aden.com/of/dars28.gif

3- اضغط على زر رقم 2 حيث ستغلق صفحة الويب فقط .


4- يمكنك الخروج من البرنامج عن طريق File>Exit .


لاحظ الفرق بين الشريطان بعد إغلاق موقع الويب لتجد أن بعد إغلاق الموقع اصبح يحتوي الشريط على اسم البرنامج فقط .

http://www.3aden.com/of/dars29.gif
http://www.3aden.com/of/dars30.gif
وسنكمل غدآ إن شاء الله

[الكاسر]

ماشاء الله ماشاء الله

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

اشكرك يا ابني وبارك الله فيك

فعلا الليله بان ابداعك فلا تحرمنا من جديدك 00

[سدة الوادي]

يا هلا بل كااااااااااسر
ومشكوووووووووووور عل ثقة والى
الامااااااااااااااااااااااااااااام

[سدة الوادي]

عفوآ عل تاخير
لكن الدروس متشبكة معي
جلست افصل يومين


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

الأولى: عن طريق زرPreview ( معاينة )
لتعاين الصفحة بهذه الطريقة اضغط على لسان التبويب
الموجود في أسفل البرنامج Preview
هذه الطريقة من المعاينة لا تتطلب أن تكون قد قمت بعمل حفظ للصفحة لكي تشاهد النتيجة كما أنها تتميز بأنها طريقة سريعة لمشاهدة التغييرات بدون الحاجة للذهاب للمتصفح والعودة مرة أخرى للبرنامج !
http://www.3aden.com/of/dars31.gif
الطريقة الثانية: عن طريق الأمر
Preview in Browser (معاينة في مستعرض)
تستطيع أن تشاهد صفحة أو موقع الويب الذي لديك عن طريق هذا الأمر وعند اختيارك له ستجد أن الفرونت بيج قد فتح لك برنامج الاستعراض الذي تستخدمه لتصفح الإنترنت سواء كان هذا البرنامج الإكسبلورر أو النتسكيب
لتصفح عن طريق هذا الأمر اختر
File> Preview in Browser
(ملف => معاينة في مستعرض)


http://www.3aden.com/of/dars32.gif
سيفتح لك المتصفح مربع حوار معاينة في المستعرض!
http://www.3aden.com/of/dars33.gif

Browser( المستعرض) :يكتب البرنامج اسم المتصفح الذي ستظهر به الصفحة يمكنك أن تضيف برنامج معاينة آخر عن طريقAdd(إضافة) كما يمكنك أن تحدد الحجم الذي تريد أن تشاهد به الصفحة من خلال الاختيار من خانةWindow size ( حجم الإطار ) إذا وضعت إشارة بجانبAutomatically save page ( حفظ الصفحة تلقائيا ) فسيحفظ البرنامج الصفحة تلقائياً بمجرد أن تضغط على الزرPreview ( معاينة ) ويعني هذا الزر الموافقة على عرض الصفحة
إذا لم تضع إشارة بجانب الزر السابق لن يقوم البرنامج بحفظ الصفحة تلقائياً وسيسألك إذا كنت تريد حفظها أو لا في كل مرة تطلب المعاينة بهذه الطريقةClose ( إغلاق ) ستغلق مربع حوار المعاينة ولن تتم المعاينة أي كأنك قمت بإلغاء

أو من خلال هذا الزرhttp://www.3aden.com/of/dars34.gif
في شريط الأدوات القياسي
أو من خلال الضغط على
Ctrl+ Shift+ B
بهتان الطريقتان لن يتم فتح مربع حوار
المعاينة وستتم المعاينة مباشرة بعد سؤالك عن حفظ الصفحة

يتطلب منك أن تقوم بحفظ صفحة الويب التي لديك حتى تتمكن من معاينتها إن لم تكن قد قمت بعمل حفظ لهذه الصفحة سيُظهِر برنامج الفرونت بيج رسالة يسألك إن كنت تريد الحفظ أو لا
إذا اخترت نعم سيقوم البرنامج بحفظ الصفحة ومعاينتها في المستكشف الخاص باستعراض صفحات الإنترنت
وإذا اخترت لا لن يقوم البرنامج بمعاينة الصفحة ولا بحفظها

[سدة الوادي]

إذا قمت بعمل موقع ويب جديد ستجد أن البرنامج قد قام بعمل ملفان وصفحة ويب واحدة وهي صفحة Index
أي الصفحة الرئيسية للموقع.
http://www.3aden.com/of/dars41.gif

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

1-إذا لم تكن ملفات واضحة أمامك اختر:ط
View>Folder List (عرض=> قائمة المجلدات )
أو اضغط على هذا الزر http://www.3aden.com/of/dars42.gif
في شريط الخواص

2- اضغط بزر الفأرة الأيمن عند العنوان الذي يوجد فيه موقع الويب كما تشاهد في الصورة
New Folderط
http://www.3aden.com/of/dars43.gif

3- احذف الاسم المكتوب واكتب الاسم الذي تريده للملف وطبعاً لا بد أن يكون باللغة الإنجليزية حتى لا يحصل مشاكل عند فتحه على الإنترنت
في برنامج الفرونت بيج لاحظ أنه توجد عدة طرق لتتوصل لأمر ما وفي الحقيقة هناك أكثر من طريقة لعمل ملف جديد
http://www.3aden.com/of/dars44.gif
الطريقة الثانية:1-اختر
File>New>Folders
2-احذف الاسم المكتوب للملف وضع الاسم الذي تريده أنت

[أبومصعب العولقي]

يا اخووووووووووووواني هذا فارس يعرفس ويجهد



وهوه ممعه طبابه في هذه الدروس

اول افهم الدروس يا ابني تالي نزلها

[Mahmoud]

سدة الوادي ... ألف شكر أخوي الغالي على الموضوع

[طائرالشوق]

شكراً لك ماقصرت حلوووووووووووووووووه

[.:Demon-HearT:.]

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

ما شاء الله عليك اخي سدة الوادي شرحك ممتاز وجميل والي يزيد من جمالة طريقة الشرح والصور المساعدة.

مشكور اخوي على شرحك وحفظك الله من كل شين.



مشكــــــــــــــــ :) :) :) ور

[وحش وادي مربون]

مشاء الله عليك ياسدة الوادي
فعلآ الرجل المناسب في المكان المناسب ..
والله كفو عليك ..