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



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 :: دروس الفرونت بيج::

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
الحلوه

الحلوه


انثى
عدد الرسائل : 17
تاريخ التسجيل : 12/01/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالأحد يناير 13, 2008 7:38 am

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

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



:: دروس الفرونت بيج:: 01


- 1

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

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

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

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

:: دروس الفرونت بيج:: 02


- 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4- انقر زر OK في حالة عدم وجود مجلد الويب ، سيطلب منك إنشاؤه في هذه الحالة انقر زر yes لإنشاء المجلد والموقع .



:: دروس الفرونت بيج:: 03


3 - 3

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

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

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

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

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

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

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

الحلوه


انثى
عدد الرسائل : 17
تاريخ التسجيل : 12/01/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: رد: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالأحد يناير 13, 2008 7:43 am

الدرس الثاني

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

:: دروس الفرونت بيج:: Clip_image001

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

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

وأيضاً عرض المهام Tasks .

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

العرض ، كما يلي :
1- افتح قائمة View .
2- قم بإلغاء تحديد خيار Views Bar لإزالة علامة الاختيار من أمامه ( أنظر الشكل 2 - 2 ) ، سيختفي بذلك شريط العرض

وهذا يفيد من أجل الحصول على عرض في برنامج فرونت بيج يماثل عرض متصفح الانترنت .


:: دروس الفرونت بيج:: Rrclip_image001

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

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

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

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

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

عند إنشاء أحد المواقع يمكنك استخدام أداة التحرك التلقائية في فرونت بيج لإنشاء أشرطة تحرك خاصة بموقعك .
الاحتفاظ بصفحات الويب التي تنشئها داخل موقع واحد يتيح لك استخدام المجلدات Folders لتنظيم الملفات .
أيضاً يتيح لك ذلك استخدام التقارير Reports لتسهيل فحص موقعك .
إذا قمت بإنشاء موقع ويب جديد ، ينشئ فرونت بيج مجلد جديد مستخدماً اسم الموقع ثم تستطيع تخزين ملفاتك أو إضافتها إلى موقعك داخل هذا المجلد أو مجلدات فرعية أخرى .
قم بإنشاء أول موقع ويب خاص بك :
1- من قائمة File ، حدد خيار New ثم Page or Web لتفتح مربع حوار يمين الشاشة ( انظر الشكل 3 - 3 ) .
2- حدد خيار Empty Web ومن بين القوالب المتاحة حدد One Page Web .
3- حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه .
4- انقر زر OK في حالة عدم وجود مجلد الويب ، سيطلب منك إنشاؤه في هذه الحالة انقر زر yes لإنشاء المجلد والموقع

:: دروس الفرونت بيج:: Iiiiclip_image001


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

لإضافة صفحة جديدة في موقعك ، قم بما يلي :
1- من قائمةFile حدد خيار New ثم Page or Web حتى تفتح مربع حوار New ثم Blank Page .
2- سوف يعرض لك المربع New قوالب متنوعة لصفحات ويب من خلال Page templates .
عندما تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل new page1.htm و new page2.htm لذا احفظ الصفحات بأسماء أخرى أكثر وضوحاً حتى يمكنك التعرف عليها بسهولة .

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

الحلوه


انثى
عدد الرسائل : 17
تاريخ التسجيل : 12/01/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: رد: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالأحد يناير 13, 2008 7:49 am

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



:: دروس الفرونت بيج:: 3z1




ولفتح موقع ويب جديد نتبع الأتي : من قائمة ملف => جديد => صفحة أو ويب=> تظهر لنا قائمة في الجهة اليسرى نختار منها صفحة ويب فارغة => ستظهر لنا نافذة قوالب موقع ويب نختار منها صفحة ويب فارغة
هكذا نكون قد فتحنا موقعا جديدا سنقوم الآن بفتح صفحة لبدأ التصميم


من قائمة ملف =>جديد => صفحة ويب =>تظهر لنا قائمة في الجهة اليسرى نختار منها صفحة فارغة
لاحظ أننا نختار صفحة ويب فارغة عند فتح موقع ويب جديد ونختار صفحة فارغة لإدراج صفحة في موقع ويب موجود


قبل أن نبدأ في تصميم الصفحة لابد لنا من معرفة أمور هامة وأساسية عن التصميم في فرونت بيج
1- يقوم البرنامج بإنشاء مجلد image مع كل موقع ويب نضع في هذا المجلد جميع الصور الموجودة في الموقع لاحظ ذلك في قائمة المجلدات
2- حتى يكون التصميم ثابتا في جميع المتصفحات نستخدم الجداول وسنلاحظ لك في الدروس القادمة بإذن الله
3- استخدام الحروف الإنجليزية الصغيرة عند تسمية الصفحات والصور

الخطوة الأولى : تصميم الصفحة

لتغير لون خلفية الصفحة من القائمة تنسيق => خلفية
ستظهر لنا هذه النافذة

:: دروس الفرونت بيج:: 3z2


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



:: دروس الفرونت بيج:: 3z3

يمكنك عمل معاينة لمشاهدة الصفحة كيف تظهر عند رفعها في الموقع بأختيار الوضع معاينة من أسفل الصفحة .
[/P]

بعد أن تنتهي من تصميم وتنسيق الصفحة سنقوم بحفظها وذلك بإتباع التالي
[/P]

من قائمة ملف => حفظ باسم=> نقوم بتسمية الصفحة بالاسم index (استخدم حروف صغيرة ) إذا كان الموقع يحتوى على صور فستظهر لك هذه النافذة التي تطلب منك حفظ هذه الصور قم بتحديد الصورة ثم أضغط تغير المجلد وحدد مجلد image حتى يتم حفظ جميع الصور في مجلد واحد



:: دروس الفرونت بيج:: 3z4


[/P]

لاحظ بأن اسم الصفحة قد تغير هكذا نكون قد انتهينا من أعداد وتنسيق الصفحة يمكنك الآن عمل معاينة لها في المستعرض انترنيت اكسبلورر أو أي مستعرض آخر
[/P]

من قائمة ملف => اختر معاينة في مستعرض => ثم اختر افتراضي =>معاينة
[/P]


[/P]

الخطوة الثانية : رفع الملف إلي الموقع
[/P]

من قائمة ملف => نشر في ويب => ستظهر لنا هذه النافذة
[/P]


:: دروس الفرونت بيج:: 3z5


[/P]

قم بكتابة FTP التي حصلت عليها عند حجز الموقع ثم اضغط موافق
[/P]

أكتب أسم المستخدم وكلمة المرور ثم اضغط موافق
[/P]

ستظهر لك نافذة اضغط على نشر ثم انتظر حتى يتم نقل الملفات إلي الموقع
[/P]

صورة توضح أن البرنامج يحاول الاتصال بالملقم
[/P]


:: دروس الفرونت بيج:: 3z7

انتظر حتى يتم تحميل الملفات جميعها وتظهر لك هذه النافذة


:: دروس الفرونت بيج:: 3z8
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الحلوه

الحلوه


انثى
عدد الرسائل : 17
تاريخ التسجيل : 12/01/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: رد: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالأحد يناير 13, 2008 7:58 am

وهذيلا مواقع بعد

16 درس

http://www.sadaagroup.com/FrontPageXP/LearnFrontpagXP.htm
الرجوع الى أعلى الصفحة اذهب الى الأسفل
un!qe

un!qe


انثى
عدد الرسائل : 34
تاريخ التسجيل : 12/01/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: رد: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالإثنين يناير 14, 2008 2:26 pm



ثانكيووووو ...بيربهن ..و ان شاء الله بستفيــد..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
.. الدانهـ ..




انثى
عدد الرسائل : 16
تاريخ التسجيل : 25/02/2008

:: دروس الفرونت بيج:: Empty
مُساهمةموضوع: رد: :: دروس الفرونت بيج::   :: دروس الفرونت بيج:: Icon_minitimeالإثنين فبراير 25, 2008 11:27 am

مشكوووووورهـ واااايد حبوبهـ

بس أحسبهـ صعب شوي

...
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
:: دروس الفرونت بيج::
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ::منتدى الابدعات:: :: ¬°•| قسم البرامج|•°¬-
انتقل الى: