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

اوائل البرامج (http://f1f1f.com/vb/)
-   البرامج الخدمية والمنوعه (http://f1f1f.com/vb/f10.html)
-   -   فرونت بيج (http://f1f1f.com/vb/t2365.html)

سيف الصاعقة 06-17-2008 03:53 PM
فرونت بيج
 
التعرف على فرونت بيج



أساسيات فرونت بيج :

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

http://www.sadaagroup.com/FrontPageXP/01.GIF

1 - 1

في الجانب الأيسر ستجد شريط العرض Views Bar . هذا الشريط يتيح لك سرعة تغيير طرق العرض الخاصة بصفحات الويب فضلاً عن تغيير الخصائص المتنوعة في البرنامج . ومن طرق العرض Navigation والذي يتعلق بإنشاء أشرطة التحرك ، وأيضاً عرض المهام Tasks .

نظراً لأنك ستقضي معظم وقتك في استخدام فرونت بيج كمحرر لصفحات الويب ، فمن المفضل أن تقوم بإزالة شريط العرض ، كما يلي :

1- افتح قائمة View .

2- قم بإلغاء تحديد خيار Views Bar لإزالة علامة الاختيار من أمامه ( أنظر الشكل 2 - 2 ) ، سيختفي بذلك شريط العرض وهذا يفيد من أجل الحصول على عرض في برنامج فرونت بيج يماثل عرض متصفح الانترنت .
http://www.sadaagroup.com/FrontPageXP/02.GIF


2 - 2

بعد إخفائك شريط العرض يمكنك أيضاً الوصول إلى خيارات العرض الأخرى الخاصة بالموقع الذي أنشأته , وذلك من خلال قائمة View .

في فرونت بيج يمكنك الوصول إلى أكثر الخصائص استخداماً من خلال أشرطة الأدوات القياسية التسعة .

كيفية إنشاء موقع ويب :

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

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

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

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

الاحتفاظ بصفحات الويب التي تنشئها داخل موقع واحد يتيح لك استخدام المجلدات Folders لتنظيم الملفات .

أيضاً يتيح لك ذلك استخدام التقارير Reports لتسهيل فحص موقعك .

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

قم بإنشاء أول موقع ويب خاص بك :

1- من قائمة File ، حدد خيار New ثم Page or Web لتفتح مربع حوار يمين الشاشة ( انظر الشكل 3 - 3 ) .

2- حدد خيار Empty Web ومن بين القوالب المتاحة حدد One Page Web .

3- حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه .

4- انقر زر OK في حالة عدم وجود مجلد الويب ، سيطلب منك إنشاؤه في هذه الحالة انقر زر yes لإنشاء المجلد والموقع .
http://www.sadaagroup.com/FrontPageXP/03.GIF


3 - 3

كيفية إنشاء ملف HTML :

بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء صفحات داخل موقعك حيث أن للموقع أن يحوي عدد من الصفحات .

لإضافة صفحة جديدة في موقعك ، قم بما يلي :

1- من قائمةFile حدد خيار New ثم Page or Web حتى تفتح مربع حوار New ثم Blank Page .

2- سوف يعرض لك المربع New قوالب متنوعة لصفحات ويب من خلال Page templates .

عندما تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل new page1.htm و new page2.htm لذا احفظ الصفحات بأسماء أخرى أكثر وضوحاً حتى يمكنك التعرف عليها بسهولة .

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

f1f1f 06-17-2008 03:54 PM
كل التقدير والشـ بارك الله فيك ـــكرلك
.. بانتظار المزيد ...
دمتم بخير .... تحيتى

سيف الصاعقة 06-17-2008 03:55 PM
رد : فرونت بيج
 
التعرف على فرونت بيج 2003
يعد فرونت بيج من أهم البرامج استخداماً في إنشاء صفحات الويب وذلك للمزايا التي يتمتع بها من حيث السهولة في التعامل إضافة إلى الإمكانيات التي يتمتع بها . ويبين الشكل (1) الواجهة الرئيسية التي ستراها عند العمل في فرونت بيج .
كيفية إنشاء موقع ويب :
1 - من قائمة ملف قم باختيار جديد يظهر لك مربع حوار يمين الشاشة قم باختيار موقع ويب ذو صفحة واحدة الشكل ( 2 ) .
2 - تظهر لك العديد من القوالب المتاحة اختر منها موقع ويب ذو صفحة واحدة أو موقع ويب فارغ .
3 - حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه .
كيفية إنشاء صفحات داخل الموقع :

بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء صفحات داخل موقعك حيث أن الموقع يحوي عدد من الصفحات .
لإضافة صفحة جديدة في موقعك ، قم بما يلي :
من قائمة ملف قم باختيار جديد ومن ثم صفحة فارغة .
<B><FONT face="Simplified Arabic">عندما تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل new page1.htm و <SPAN style="COLOR: #333399">new page2.htm <SPAN lang=AR-SA>لذلك احفظ الصفحات بأسماء أخرى أكثر وضوحاً حتى يمكنك التعرف عليها والتعامل معها بسهولة .

سيف الصاعقة 06-17-2008 03:55 PM
رد : فرونت بيج
 
استخدام القوالب في فرونت بيج

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

من قائمة ملف حدد خيار جديد يظهر لك مربع حوار يمين الشاشة اختر منه قوالب موقع ويب أخرى الشكل ( 1 ) .
وتكون هذه القوالب على شكل هياكل فارغة يمكنك من إنشاء أنواع معينة من مواقع الويب ، كما يحتوي فرونت بيج على المعالجات ، هذه المعالجات عبارة عن قوالب تلقائية تستفيد منها في إنشاء مواقع ويب أكثر تعقيداً .

http://www.sadaagroup.com/FrontPage2003/021.GIF

( 1 )

استخدام قالب معالج الويب :

لاستخدام قالب بسيط في إنشاء موقع ويب ، قم بما يلي :

1- من قائمة ملف ، حدد الخيار جديد ثم قوالب موقع ويب أخرى .

2- حدد نوع القالب الذي تريد استخدامه .

3- حدد المجلد أو الدليل الذي تريد أن تنشئ فيه موقع الويب ثم انقر زر موافق .

يقوم فرونت بيج بإضافة صفحة آو أكثر إلى موقع الويب بعد تحديد أي قالب من القوالب ما عدا قالب موقع ويب فارغ .

استخدام القوالب لإنشاء أنواع مختلفة من صفحات الويب :

على غرار قوالب المواقع ، تمثل قوالب الصفحات أيضاً هياكل فارغة يمكنك استخدامها لإنشاء صفحات الويب داخل موقعك ، أيضاً يمكنك إنشاء أي عدد من صفحات الويب باستخدام القوالب الخاصة بها الشكل ( 2 ) .

http://www.sadaagroup.com/FrontPage2003/022.GIF

( 2 )

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

لإنشاء صفحة ويب باستخدام أحد القوالب قم بما يلي :

1- من قائمة ملف حدد خيار جديد يظهر لك مربع حوار يمين الشاشة اختر منه قوالب صفحة أخرى .

2- حدد نوع القالب الذي تريد استخدامه , تلاحظ نموذج مصغر له في مربع المعاينة .

3- انقر زر موافق بعد ثوان معدودة ، سيتم إنشاء الصفحة الجديدة من القالب الذي حددته .

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

سيف الصاعقة 06-17-2008 03:56 PM
رد : فرونت بيج
 
إنشاء واستخدام الجداول
التعرف على الجداول :

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

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

إنشاء جدول :

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

http://www.sadaagroup.com/FrontPage2003/031.gif

( 1 )

التحكم في حجم الجدول :

يتم تحديد حجم الجدول إما حسب النسبة المئوية بالنسبة لحجم الشاشة أو حسب عدد البكسلات ....
بكسلات عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة ، ومن المرجح أنك سمعت المصطلح المستخدم لوصف درجة وضوح العرض على الشاشة . على سبيل المثال ، من درجات الوضوح الشائعة درجتا 600X 800 و 768X 1024. هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً ) المعروضة على الشاشة التي تستخدمها .
عندما تحدد عرض الجدول وفق نسبة مئوية معينة ، فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة .
أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .
لتغيير عرض أو ارتفاع الجدول :
اضغط الزر اليمين للماوس داخل الجدول ومن ثم قم باختيار خصائص الجدول يفتح لك مربع حوار خصائص الجدول من تحديد العرض قم باختيار بالنسبة المئوية ومن ثم ضع القيمة 50 مثلاً الشكل ( 2 ) , اضغط زر موافق وبالتالي سيتغير حجم الجدول الذي قمت بإنشائه ....
طبعاً نفس الخطوات تستعمل لتغيير ارتفاع الجدول ولكن بتعديل تحديد الارتفاع .

http://www.sadaagroup.com/FrontPage2003/032.gif

( 2 )

لتغيير حجم حدود الجدول ولون هذه الحدود , من خصائص الجدول قم بتعديل حجم الحدود من خلال خيار الحجم والمضبوط في الشكل السابق على الرقم 3 ومن خيار اللون قم بتحديد لون حدود الجدول المحدد بالشكل السابق باللون الأحمر , تستطيع أيضاً تخصيص ألوان حدود الجدول من خلال تغيير ألوان الحد الفاتح والحد الداكن . الشكل ( 2 ) .

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

للتحكم في خلفية الجدول قم بتخصيصها من خلال منطقة الخلفية في مربع حوار خصائص الجدول تستطيع وضع لون مخصص للخلفية كما تستطيع استخدام صورة للخلفية الشكل ( 2 ) .

سيف الصاعقة 06-17-2008 03:56 PM
رد : فرونت بيج
 
معالجة الخلايا والتعامل مع الجداول
معالجة الخلايا في الجدول :

يمكنك إضافة أو إزالة الخلايا من الجدول في أي وقت تشاء ، وأيضاً بإمكانك أن تقسم الخلية إلى خليتين أو أكثر ، أيضاً يمكنك دمج خليتين أو أكثر في خلية واحدة , ولنبدأ الآن بالتعرف على كيفية معالجة الخلايا في الجداول ...

إضافة الخلايا : لإضافة صف أو عمود جديد إلى الجدول :
1- قم بإنشاء جدول بسيط يحوي صفين وعمودين مستخدماً في ذلك القيم الافتراضية .
2- انقر داخل أحد خلايا الجدول .
3- من قائمة جدول ، حدد خيار إدراج ثم صفوف أو أعمدة لتفتح مربع حوار إدراج صفوف أو أعمدة الشكل ( 1 ) .
4- حدد زر الخيار صفوف لإدراج صف أو أكثر في الجدول أو أعمدة لإدراج عمود أو أكثر في الجدول .
5- حدد عدد الصفوف أو الأعمدة التي تريد إضافتها إلى الجدول . يمكنك إضافة من 1 إلى 1000 صف أو عمود .
6- أسفل جزء الموقع ، حدد إذا ما كنت تريد إضافة الصفوف إلى أعلى أو أسفل الخلية ( التحديد ) التي يوجد بها مؤشر الكتابة حالياً .
7- انقر زر موافق لإنهاء عملية الإضافة وإغلاق مربع الحوار ، سيظهر الجدول كما في الشكل ( 2 ) .
http://www.sadaagroup.com/FrontPage2003/041.gif


( 1 )

http://www.sadaagroup.com/FrontPage2003/042.gif

( 2 )

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

تقسيم الخلايا :
قد ترغب أحياناً بتقسيم الخلية إلى عدة خلايا ويبين ( الشكل 3 - 5 ) مثالاً على ذلك .
لتقسيم الخلية الواحدة إلى خليتين أو أكثر :
1- حدد الخلية التي تريد تقسيمها بالنقر داخلها .
2- من قائمة جدول ، اختر أمر تقسيم الخلايا لتفتح مربع حوار انقسام الخلايا .
3- حدد نوع التقسيم الذي تريده ، إلى أعمدة أو صفوف .
4- حدد عدد الأعمدة أو الصفوف الذي تريد أن تنقسم إليه الخلية المحددة ، في الوضع الافتراضي ، يتم تحديد 2 ، وأقصى عدد يمكنك تحديده هو 100 .
5- انقر زر موافق لإغلاق مربع الحوار وتقسيم الخلايا الشكل ( 3 ) .

http://www.sadaagroup.com/FrontPage2003/043.gif

( 3 )

دمج الخلايا :
1- حدد الخلية الأولى التي تريد أن تدمج فيها بقية الخلايا ثم ضع مؤشر الكتابة بداخلها .
2- احتفظ بمفتاح Shift مضغوطاً ثم حدد الخلية المجاورة التي تريد أن تدمجها بالخلية السابقة المحددة ستظهر الخليتان بلون مميز الشكل ( 4 ) .
3- من قائمة جدول اختر أمر دمج الخلايا وسيتم دمج الخلايا التي حددتها في خلية واحدة الشكل ( 5 ) .

http://www.sadaagroup.com/FrontPage2003/044.gif

( 4 )
http://www.sadaagroup.com/FrontPage2003/045.gif


( 5 )

حذف الخلايا :
لحذف خلية أو أكثر من الجدول :
1- حدد الخلية أو العمود أو الصف الذي تريد حذفه من الجدول وذلك بالنقر داخل الخلية المراد حذفها .
2- من قائمة جدول ، حدد خيار تحديد ثم خلية ( أو عمود أو صف ، وذلك بحسب ما تريد حذفه ) يصبح شكل الخلية كما في الشكل السابق ( 5 ) .
3- ثم اضغط زر BACKSPACE أو من قائمة جدول حدد خيار حذف خلية أو حذف أعمدة أو حذف صفوف سيتم حذف ما قمت بتحديده من الجدول .

سيف الصاعقة 06-17-2008 03:57 PM
رد : فرونت بيج
 
الرسومات والصور

أساسيات الصور والرسومات :

يشير مصطلح الرسومات graphics عادة إلى أي عنصر مرئي غير نصي يظهر على صفحة الويب . في حين يشير مصطلح الصور في الغالب إلى الملفات الرسومية الساكنة التي توجد في صيغتين هما GIF و JPEG .
من أهم القواعد التي يجب أن تنتبه لها عند استخدام الصور في الويب هي :
1- استخدم صوراً صغيرة الحجم : الصور كبيرة الحجم تأخذ وقتاً عند تحميلها أما الصور صغيرة الحجم فتكون سريعة وتؤدي إلى استعراض صفحاتك بشكل سريع .
2- اجعل كل صفحة ويب لديك تحتفظ بأقل عدد من الصور : وجود عدد كبير من الصور في صفحة الويب أمر سيء ، لأنه يؤدي إلى بطء التحميل كثيراً .
3- لا تضف الصور إلى صفحة الويب لمجرد أنك تملك صوراً كثيرة : تأكد من أن الصور التي تضيفها إلى صفحاتك سوف تضيف شيئاً ما إلى محتواها .
" ثمة طريقة تسهل عليك إنشاء صفحات الويب الخاصة بك ، تقوم هذه الطريقة على حفظ الصور داخل المجلد -/ IMAGES داخل مجلد Web الخاص بك حيث تخزن فيه كل ملفات الصور لديك فعند إنشاء موقع ويب يتم في الوضع الافتراضي إنشاء مجلد -/ IMAGES ليستخدم في تخزين ملفات الصور الخاصة بك , ويفضل أيضاً إنشاء مجلدات داخل هذا المجلد لترتيب الصور داخل مجلدات حسب النوع أو توزعها في الصفحات ...

إضافة الصور باستخدام فرونت بيج :

لإضافة صورة إلى صفحة الويب :
1- افتح صفحة جديدة داخل الموقع الخاص بك .
2- من قائمة إدراج ، حدد خيار صورة ثم من ملف لتفتح مربع حوار صورة .
3- حدد ملف الصورة التي تريد إدراجها في صفحتك .
4- انقر زر موافق وستظهر الصورة في صفحة الويب .
5- من قائمة ملف ، حدد أمر حفظ لتفتح مربع حوار حفظ الملفات المضمنة الشكل ( 1 ) لتتأكد من أن ملف الصورة قد تم حفظه مع موقع الويب , كما يمكنك تحديد المجلد الذي ترغب بحفظ الملف ضمنه من خلال خيار تغيير المجلد الشكل ( 1 ) .

http://www.sadaagroup.com/FrontPage2003/051.gif

( 1 )

تعديل ملفات الصور لديك :

ولتعديل طريقة عرض الصورة داخل صفحة الويب :
1- اضغط بالزر الأيمن فوق الصورة التي تريد تعديلها .
2- تظهر لك منسدلة اختر منها خصائص الصورة يفتح لك مربع حوار خصائص الصورة الشكل ( 2 ) .
3 - يمكنك أيضاً تحديد موضع الصورة بالنسبة للنص من خلال نمط الالتفاف ومن ثم بلا أو يمين أو يسار الشكل ( 2 ) .
4 - يمكنك أيضاً وضع حدود للصورة من خلال التخطيط , سمك الحدود الشكل ( 2 ) .
5 - لتعديل أبعاد الصورة ، من منطقة الحجم , تحديد الحجم , قم بتغيير قيمتي العرض والارتفاع لتعدل أبعاد عرض الصورة الشكل ( 2 ) .
6 - لعمل ارتباط تشعبي للصورة اضغط بالزر الأيمن داخل الصورة تظهر لك قائمة قم باختيار ارتباط تشعبي ( لمعرفة الارتباط التشعبي اذهب إلى الدرس التالي رقم 6 ) .

http://www.sadaagroup.com/FrontPage2003/052.gif

( 2 )

كيفية جعل الصورة خلفية للصفحة :

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

التحكم في الصور باستخدام الجداول :

تساعدك الجداول على سهولة التحكم في وضع الصور والنص داخل صفحة الويب , وكما ذكرنا سابقاً يفضل أن يكون تنسيق الصور والنصوص داخل جداول مخفية ( سمك الحدود = 0 ) حتى تضمن أن تظهر الصور منسقة ومرتبة كما تريد , ولمعرفة أهمية الجداول في تنسيق الصور داخل صفحة الويب قم بهذا المثال :
1- قم بإنشاء صفحة جديدة .
2- قم بإنشاء جدول داخل صفحة بحيث يتكون من خليتين.
3- أدرج صورتك في الخلية اليسرى , والنص في الخلية اليمنى مثلاً .....

سيف الصاعقة 06-17-2008 03:57 PM
رد : فرونت بيج
 
إنشاء الارتباطات

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

كيف تعمل الارتباطات :

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

أنواع الارتباطات :

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

لنبدأ أولاً بـ الارتباطات إلى صفحات داخل الموقع :

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

http://www.sadaagroup.com/FrontPage2003/061.gif

( 1 )

لـ إنشاء ارتباط إلى مواقع أخرى :

1- قم بإنشاء صفحة جديدة .
2- اكتب النص التالي :
صدى لاستضافة المواقع أو أي نص آخر تريد أن تنشئ له ارتباطاً , حدد الكلمات ثم أعد الخطوات السابقة ... وفي حقل العنوان قم بوضع عنوان الموقع الذي تريد مثال : www.sadaagroup.com ومن ثم موافق ...

تلميح مهم : لجعل الصفحة تفتح في مربع جديد خاص بها , من مربع حوار إدراج ارتباط تشعبي قم باختيار الإطار الهدف ومن ثم إطار جديد ..

لـ إنشاء ارتباط إلى بريد الكتروني :

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

إنشاء ارتباط داخل نفس الصفحة :

1 - قم بـ إنشاء صفحة جديدة .
2 - اكتب النص الذي ترغب به ثم حدده .
3 - من قائمة إدراج اختر إشارة مرجعية الشكل ( 2 ) .
4 - سمه بـ الاسم الذي ترغب به ويفضل أن يكون اسم له علاقة بـ الارتباط اضغط على موافق وهكذا تكون قد أنشأت ارتباط داخلي أو ما يسمى أيضاً إشارة مرجعية تستطيع إنشاء عدد غير محدد من الإشارات المرجعية .
بعد إنشاء الإشارة المرجعية تكتب نصاً تريده ثم تحدد النص ثم من قائمة إدراج ، اختر أمر ارتباط تشعبي لتفتح مربع حوار إدراج ارتباط تشعبي ومنه اختر إشارة مرجعية وحدد الإشارة المرجعية التي ترغب أن تربط إليها هذا النص .

تلميح مهم : لعمل إشارة مرجعية لأعلى الصفحة .. من مربع حوار إدراج ارتباط تشعبي قم بوضع العنوان التالي top#
http://www.sadaagroup.com/FrontPage2003/062.gif


( 2 )

التعرف على الخرائط المصورة :

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

إنشاء الخرائط المصورة :

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

سيف الصاعقة 06-17-2008 03:59 PM
رد : فرونت بيج
 
إنشاء واستخدام الإطارات


التعرف على الإطارات :


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

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

هل يجب استخدام الإطارات ؟

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

إنشاء الإطارات باستخدام قوالب فرونت بيج :

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

1- من قائمة File ، اختر أمر New ثم Page or Web لتفتح مربع حوار New اختر منه Page Templates .

2- انقر علامة تبويب Frames Page لتعرض اللوحة الخاصة بها ( انظر الشكل 1 - 9 ) .

http://www.sadaagroup.com/FrontPageXP/091.GIF

1 - 9

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

4- انقر ok لإغلاق مربع الحوار وإنشاء صفحة الويب باستخدام القالب الذي حددته ( انظر الشكل 2 - 9 ) .

http://www.sadaagroup.com/FrontPageXP/092.GIF

9 - 2

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

سنقوم بإنشاء قائمة بسيطة في الإطار الصغير الموجود في يسار الصفحة كما يلي :

1- في الإطار الأيسر ، انقر زر New Page وسيتم إنشاء صفحة جديدة في الإطار .

2- اكتب النص التالي في الصفحة المؤطرة :

Page1

صفحة 1

3- حدد نص Page1 من قائمة Insert ، حدد أمر Hyperlink لتفتح مربع الحوار Insert Hyperlink .

4- في مربع Address اكتب اسم إحدى الصفحات التي أنشأتها من قبل في الدروس السابقة أو حدد إحداها بـ أي طريقة تودها .

5- في مربع حوار Insert Hyperlink ، انقر زر Target Frame لتفتح مربع حوار Target Frame ( انظر الشكل 9 - 3 ).

http://www.sadaagroup.com/FrontPageXP/093.GIF

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 لعرض الصفحات المؤطرة ( أي ذات الإطارات ) واختبر أدوات التحكم في الإطارات.

ما تزال الإطارات مثيرة للجدل رغم ظهورها من بضع سنوات ، لكن لا تنس ألا تبالغ باستخدامها .


سيف الصاعقة 06-17-2008 03:59 PM
رد : فرونت بيج
 
نشر موقع الويب وإدارته

<DIV align=center> الاستعداد لنشر موقع الويب الخاص بك :
هناك العديد من الطرق من أجل نشر مواقع الانترنيت منها عن طريق فرونت بيج ومنها عن طريق 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.mycompany.com أو ftp://ftp.mycompany.com طبعاً حتى تكتب http يجب أن يكون الخادم عندك يدعم فرونت بيج أما إذا لم يكن يدعم فرونت بيج فاستخدم ftp .

طبعاً سيطلب منك كتابة اسم المستخدم + كلمة المرور وهاتان الكلمتان تحصل عليهما من الخادم المضيف .

http://www.sadaagroup.com/FrontPageXP/0101.GIF

1 - 10

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).


http://www.sadaagroup.com/FrontPageXP/0102.GIF

سيف الصاعقة 06-17-2008 04:00 PM
رد : فرونت بيج
 
إضافة تعدد الوسائط والصور المتحركة إلى موقع الويب


تعريف تعدد الوسائط :

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

إضافة الصوت إلى صفحات الويب :

إضافة الصوت إلى موقعك أمر في غاية السهولة غير أنه ستواجهك مشكلة تحديد موقع أو إنشاء ملفات الصوت التي تريد استخدامها . لرؤية ( أو لسماع ) كيف يمكن استخدام الصوت كأحد التحسينات .

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

لإضافة أحد ملفات MIDI – أو أي نوع آخر من ملفات الصوت – إلى موقع الويب الخاص بك :

1- حدد وافتح الصفحة التي تريد أن تضيف إليها ملف الصوت .

2- من قائمة File ، اختر أمر Properties لتفتح مربع حوار Page Properties ( انظر الشكل 1 - 11 ) .

http://www.sadaagroup.com/FrontPageXP/0111.GIF

1 - 11

3- في جزء Background Sound ، اكتب اسم الملف الصوتي في مربع نص Location ، استخدم زر Browse . إذا لم تستطع تذكر الموقع المحفوظ فيه الملف .

4- في جزء Loop ، حدد عدد المرات التي تريدها لتشغيل الملف الصوتي تستطيع تحديد خانة Forever ، مما يعني أن تشغيل الملف الصوتي سيدوم طيلة عرض الصفحة التي تضم هذا الملف .

5- انقر زر ok لتحفظ الإعدادات التي حددتها وتغلق مربع الحوار .

6- لمعاينة الصفحة مع الخلفية الصوتية الخاصة بها ، انقر علامة تبويب preview داخل النافذة الرئيسية لفرونت بيج .

إضافة لقطات الفيديو إلى صفحات الويب :

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

لإضافة إحدى لقطات الفيديو إلى موقع الويب :

1- حدد وافتح الصفحة التي تريد أن تضيف إليها لقطة الفيديو .

2- من قائمة Insert ، حدد أمر Picture ثم Video لتفتح مربع Video وبالتالي يمكنك تحديد ملف لقطة الفيديو المراد إلى الموقع ( شكل 2 - 11 ) .

http://www.sadaagroup.com/FrontPageXP/0112.GIF

2 - 11

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

http://www.sadaagroup.com/FrontPageXP/0113.GIF

3 - 11

4- توجد خيارين لبدء تشغيل لقطات الفيديو لديك تلقائياً أو عند تمرير مؤشر الفأرة فوق لقطة الفيديو حدد طريقة البدء التي تريد استخدامها بالتحديد على مربع العلامة .

5- بكتابة رقم في خانة Loop ، تستطيع تحديد عدد المرات التي تريدها لتشغيل لقطة الفيديو .

6- بعد إنهاء التعديلات الخاصة بعدد مرات تشغيل اللقطة ، انقر زر Save لحفظ تلك التعديلات وإغلاق مربع الحوار .

7- لمعاينة لقطة الفيديو بعد إدراجها في الصفحة ، انقر علامة تبويب preview داخل النافذة الرئيسية لفرونت بيج.

سيف الصاعقة 06-17-2008 04:03 PM
رد : فرونت بيج
 
صفحات الأنماط والعناصر النشطة


التعرف على العناصر النشطة :

العناصر النشطة active elements مجموعة من الأدوات التي تضيف قدراً من الإثارة إلى صفحة الويب، وهي على سبيل المثال لا الحصر الأزرار المتحركة hover buttons و عداد الزيارة hit counter والنص المتحرك marquee . أما الأزرار المتحركة فهي عبارة عن أزرار لها تأثيرات خاصة وأما عداد الزيارة فهو عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان نصي قابل للحركة .

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

من أجل إضافة أزرار متحركة :

1- من Insert اختر Web Component لتفتح مربع حوار Insert Web Component اختر من Component Type أمر Dynamic Effects ومن Choose an effect اختر Hover Button ( الشكل 1 - 12 ) .

http://www.sadaagroup.com/FrontPageXP/0121.GIF

1 - 12

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

http://www.sadaagroup.com/FrontPageXP/0122.GIF

الشكل 2 - 12

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

http://www.sadaagroup.com/FrontPageXP/0123.GIF

3 - 12

ثالثاً النص المتحرك : من Insert اختر Web Component لتفتح مربع حوار Insert Web Component اختر من Component Type أمر Dynamic Effects ومن Choose an effect اختر Marquee .

وهنا يفتح مربع حوار Marquee properties الذي تستطيع من خلاله إضافة النص المتحرك إضافة إلى تطبيق التأثيرات الحركية واللونية المختلفة عليه ( الشكل 4 - 12 ) .

http://www.sadaagroup.com/FrontPageXP/0124.GIF

4 - 12

التعرف على صفحات الأنماط :

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

أيضاً توجد طريقة أسهل للحصول على نفس النتائج . حيث يتيح لك فرونت بيج استخدام ما يسمى بـ " الفكرة العامة " theme لتغيير هيئة وشكل مواقع الويب الخاصة بك .

تطبيق الأفكار العامة على موقع الويب :

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

لتطبيق فكرة عامة على موقع الويب الخاص بك :

1- حدد الموقع الذي تريد أن تطبق عليه الفكرة العامة ثم افتح هذا الموقع داخل فرونت بيج .

2- من قائمة Format اختر أمر Theme لتفتح مربع حوار Themes ( انظر الشكل 5 - 12 ) .

http://www.sadaagroup.com/FrontPageXP/0125.GIF


5 - 12

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 .


سيف الصاعقة 06-17-2008 04:03 PM
رد : فرونت بيج
 
إدراج ملف الفلاش في صفحة ويب
إن إدراج فيلم الفلاش في صفحة ويب يعتبر من الأمور المهمة جداً , حيث أن الفلاش أصبح يستخدم وبشكل كبير من أجل إضافة التأثيرات الحركية والجمالية في موقع الانترنيت إضافة إلى الأكشن سكريبت وما تعطيه من إمكانيات تقنية ... ولذلك فإن تعلم هذا الأمر يعتبر من الأمور الأساسية وهذا الأمر بسيط جداً وهو ينقسم إلى قسمين إدراج ملف الفلاش عن طريق فرونت بيج وإدراجه عن طريقة لغة html ....
أدراج ملف الفلاش في الفرونت بيج :
1 - قم بعمل فيلم فلاش .
2 - من القائمة الرئيسية للفلاش أختر File>Export Movie احفظ الملف في القرص الصلب باسم sadaa على سبيل المثال وبصيغة swf اضغط Save ثم OK ثم OK مرة أخرى .
لاحظ بأن البرنامج قد قام بتصدير الفيلم على هيئة Flash Player باسم sadaa.swf الملفات ذات الامتداد swf هي التي يمكن أن تدرج في صفحات الويب وتعرض في الإنترنت .
3 - الآن نقوم بفتح برنامج الفرونت بيج ثم نفتح الصفحة اللي سنصدر العمل إليها ثم نختار من القائمة الرئيسة insert > web component > advansed > Plug-in
أما بالنسبة لمستخدم فرونت بيج باللغة العربية يختار من القائمة الرئيسية إدراج > مكون ويب > عناصر تحكم متقدمة > توصيل الشكل ( 1 ) .
4 -الآن فتح لنا مربع حوار نقوم بتحديد الملف الذي سندرجه في الفرونت بيج وذلك بالضغط على Browser ثم نختار الملف المطلوب ثم OK بعد ذلك قم بتحديد أبعاد الفيلم من طول وعرض .... الشكل ( 2 ) .... هذا كل شيء في الفرونت بيج ....
إدراج ملف الفلاش عن طريق لغة html :
طبعاً أولاً عليك القيام بالعمليتين السابقتين 1 , 2 حتى تقوم بحفظ الملف بصيغة swf .
<embed width="550" height="400" src="http://www.sadaagroup.com/sadaa.swf"
type="application/x-shockwave-flash">
انسخ الكود أعلاه وألصقه في المكان الذي تريد أن تدرج فيه الفيلم في صفحة الويب , لا تنسى تغير وصلة الملف لتتلاءم مع عنوان موقعك الشخصي والمجلد الذي نقلت إليه ملف الفلاش إضافة إلى أبعاد فيلم الفلاش الخاص بك حيث أننا هنا وضعنا الأبعاد الافتراضية وهي 400 * 550 بكسل ( لا تنسى الأبعاد بالبكسل ) .
وهكذا تعلمت كيف تدرج فيلم فلاش في صفحة ويب وقد لاحظت أن هذا الأمر بغاية السهولة وخاصة إذا تم في فرونت بيج ...

سيف الصاعقة 06-17-2008 04:04 PM
رد : فرونت بيج
 
إنشاء سجل الزوار
إن سجل الزوار يتيح لزوار موقعك إعطاء رأيهم في الموقع , وطريقة عمل سجل الزوار أمر سهل باستخدام برنامج فرونت بيج , طبعاً لا يمكن تجريب سجل الزوار إلا بعد أن تقوم بنشر الموقع على مخدم يدعم امتداد برنامج فرونت بيج .
أنشئ موقعاً جديداً كما تعلمت في الدروس السابقة , ومن ثم من جديد اختر صفحة أو ويب ومن ثم قوالب الصفحة , من قوالب الصفحة اختر دفتر الضيوف أو guestbook بالنسبة للفرونت بيج باللغة الإنكليزية . الشكل ( 14 - 1 ) .
ومن ثم تقوم بتخصيص السجل كما تشاء من إضافة حقول جديدة للاسم والبريد الإلكتروني .... الخ ... وذلك من خلال إدارج ومن ثم نموذج ومن ثم مربع نص ...
وهكذا تعلمنا كيفية إنشاء سجل زوار بسيط في فرونت بيج .

سيف الصاعقة 06-17-2008 04:04 PM
رد : فرونت بيج
 
إنشاء فورم بريدي
إن الفورم البريدي يتيح لزوار موقعك إرسال رسائل مباشرة لك من موقعك إلى عنوان بريد الكتروني أنت تقوم بتحديده , وطريقة عمل الفورم البريدي أمر سهل باستخدام برنامج فرونت بيج , طبعاً لا يمكن تجريب الفورم البريدي إلا بعد أن تقوم بنشر الموقع على مخدم يدعم امتداد برنامج فرونت بيج .
أنشئ موقعاً جديداً كما تعلمت في الدروس السابقة , ومن ثم من جديد اختر صفحة أو ويب ومن ثم قوالب الصفحة , من قوالب الصفحة اختر نموذج المعلومات أو formmail بالنسبة للفرونت بيج باللغة الإنكليزية ومن ثم موافق , الشكل ( 15 - 1 ) .

http://www.sadaagroup.com/FrontPageXP/151.gif
الشكل ( 15 - 1 )
ومن ثم تقوم بتخصيص الفورم البريدي كما تشاء من إضافة حقول جديدة أو حذف حقول زائدة .... الخ ... وذلك من خلال ادارج ومن ثم نموذج ومن ثم مربع نص ...

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

سيف الصاعقة 06-17-2008 04:30 PM
رد : فرونت بيج
 
الآن برنامج فرونت بيج 2003 !!! للجميع
برنامج الفرونت بيج 2003 ومساحته حوالي 190 ميجا بيت يمكنك تنزيلة من علي شبكة الانترنت عن طريق الرابط التالي برنامج الفرونت بيج للجميع اضغط هنا


وللامانة الموضوع منقول من عدة مصادر

صانع السلام 06-17-2008 06:02 PM
رد : فرونت بيج
 
مشكور وتسلم الايادي علي البرنامج ماقصرت


الساعة الآن 08:59 PM.

Powered by vBulletin™ Version 3.8.7
Copyright copy; 2024 vBulletin Solutions, Inc
SEO by vBSEO 3.6.0