منتديات حصن عمان - دورة في برنامج الفرونت بيج خطوة خطوة..
منتديات حصن عمان

منتديات حصن عمان (http://www.hesnoman.com/vb/index.php)
-   برج الحاسوب والأجهزة الإلكترونية وبرامجها (http://www.hesnoman.com/vb/forumdisplay.php?f=22)
-   -   دورة في برنامج الفرونت بيج خطوة خطوة.. (http://www.hesnoman.com/vb/showthread.php?t=13642)

تقنية المعلومات 31-10-2007 10:45 AM

دورة في برنامج الفرونت بيج خطوة خطوة..
 


http://img89.imageshack.us/img89/6614/26906679no4.gif



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

http://img100.imageshack.us/img100/6411/34663596jj3.jpg



http://img149.imageshack.us/img149/3857/78761440rx2.jpg



http://img149.imageshack.us/img149/6384/28047939ua4.jpg

يتبع........

البراء 01-11-2007 02:44 PM

مشكور أخي تقنية المعلومات على هذا الشرح الوافي منك الله يعطيك الصحة والعافية

نتمنى أن تكون دورة طيبة يستفيد منها الجميع

orient 01-11-2007 07:54 PM

شكرا على البادرة الحلوة ...
 
السلام عليكم ورحمة الله وبركاته ...

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

الحمد للـــــــه
استفدت من الدرس التعريفي الأول ..
وبالانتظار الدرس القادم ..

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

حوراء الحصن 03-11-2007 11:45 AM

الف شكر لك اخي على الشرح المفصل والجميل لهذا البرنامج

وان شاء الله الكل يستفيد

تقنية المعلومات 03-11-2007 01:21 PM

إنشاء موقع ويب جديد في الفرونت بيج ..

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

إنشاء موقع باستخدام احد القوالب التي يتيحها البرنامج
والقوالب هي مجموعة جاهزة من النماذج التي يوفرها البرنامج للاستخدام في إنشاء مواقع وهى تفيد المستخدم المبتدى في إنشاء موقع لأول مرة ويوجد في برنامج FrontPage ست قوالب وهى :

1. قالب Customer support *** وهو يفيد الشركات في تقديم معلومات عم منتجاتها عبر الانترنت , حيث يكون متاح للعملاء الوصول إلى تلك المعلومات كما يتاح الحصول على إجابة كافة الاستفسارات الخاصة بهم


2. قالب Personal *** وهو يستخدم في الإنشاء صفحة شخصية على الانترنت


3. قالب Project *** وهو يفيد في تتبع معدل التطور والتقدم الذي يتم إحرازه في المشروعات


4. قالب للارتباطات (نقطة المشاركة)SharePoint teem *** site


5. قالب One *** page وهو القالب الأساسي لمواقع الويب الجاهزة


6. قالب *** empty وهو موقع لا يحتوى على اى صفحات ونادرا ما يتم استخدام هذا النوع

ويمكن إتباع الخطوات الآتية في نشاء احد المواقع باستخدام احد القوالب السابقة :
http://img516.imageshack.us/img516/5646/10gi5.jpg

http://img212.imageshack.us/img212/3063/11bo3.jpg


إنشاء موقع ويب باستخدام المعالج
يتم استخدام المعالج لتوجيه ومساعدة المستخدم إثناء عملية إنشاء مواقع الانترنت عن طريق عرض مجموعة من مربعات الحوار يقوم المستخدم بتحديد عدة اختيارات لتنفيذ العمل المطلوب والمعالجات المتوفرة هي معالج Corporate Presence ومعالج Discussion ***
معالج Corporate Presence
يمكنك باستخدام هذا المعالج إنشاء موقع ويب مشترك مليء بالرسوم كما يمكن أن يشتمل الموقع على المزيد من العناصر حسب الاختيارات التي يتم تحديدها مثل دليل المنتجات والمعلومات الخاصة بالتعاقد من إحدى الشركات .
معالجDiscussion ***
باستخدام هذا المعالج يمكن إنشاء موقع ويب ديناميكي متفاعل يتيح للمستخدم إرسال التعليقات الخاصة به وقراءة الردود الخاصة بالآخرين حول موضوع معين
بالإضافة إلى ذلك يوفر البرنامج أدوات معالجة أخرى هي معالج Import *** ومعالج Database Interface



ولكن أولاً لنتعرف على طريقة عرض محتويات الصفحة

http://img212.imageshack.us/img212/5120/91301825kx3.jpg

http://img408.imageshack.us/img408/9226/64720895wr8.jpg


http://img408.imageshack.us/img408/7515/38254764am1.jpg

http://img408.imageshack.us/img408/7790/50618695su9.jpg


http://img408.imageshack.us/img408/2593/76652712en4.jpg


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

3. يظهر مربع حوار بنفس الاسم اختر منه اسم المعالج الذي ترغب في استخدامه مثلا معالج للشركات.

http://img212.imageshack.us/img212/3063/11bo3.jpg


4. ادخل الاسم المحدد للمكان الذي سيتم حفظ موقع الويب الجديد فيه أو انقر على استعراض Browse لاختيار المكان من القائمة الخاصة بالمجلدات.
5. بعد تحديد مكان الحفظ انقر موافق OK في مربع الحوار *** Site Template ,فيتم إغلاق مربع الحوار ويقوم البرنامج باستدعاء المعالج الذي قمت باختياره
6. قم بإجابة الأسئلة التي يطرحها المعالج ثم انقر على زر Next لاستكمال العمل وبهذه الطريقة يتم الانتقال من مربع حوار إلى آخر خلال المعالج حيث يمكنك التراجع عن احد أو مجموعة من الخطوات والاختيارات بالنقر على زر التراجع Back , وعند الوصول إلى آخر مربع حوار في المعالج سيظهر زر Next في الوضع غير النشط .

http://img103.imageshack.us/img103/4356/12yk8.jpg

http://img266.imageshack.us/img266/2681/13ok5.jpg


http://img204.imageshack.us/img204/2051/14dd5.jpg


http://img249.imageshack.us/img249/5865/15jj1.jpg

http://img249.imageshack.us/img249/5721/16qv9.jpg
7.انقر الآن على زر الإنهاء Finish للخروج من المعالج والانتهاء من عملية إنشاء الموقع. ويقوم البرنامج عن طريق المعالج والاختيارات التي قمت بتحديدها من خلاله بإنشاء الموقع المطلوب والذي يظهر داخل إطار برنامج FrontPage .

يتبع......

orient 03-11-2007 10:03 PM

شكرا جزيلا ع متابعة الدورة ...

الدرس الثاني دسم قليلا ويحتاج الى القليل من التركيز منا ...

سأكون متابعة وأحاول تطبيق الخطوات ...


:fruits_cherry:

لـــــي عوده

الرحيل 04-11-2007 12:02 AM

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

عاشق التزويد 06-11-2007 10:53 AM

لك ألف شكر على ما خطته أناملك الذهبية

أتمنى لك التوفيق والنجاح والسعادة الدائمة

حوراء الحصن 10-11-2007 02:11 PM

برنامج جدا استفدت منه في انتظار باقي الخطوات اخي:)

فتى صحار 10-11-2007 04:38 PM

موضوع جميل ....... وبصراحة ماقصرت .............

تقنية المعلومات 13-11-2007 08:29 AM


• أولاً وقبل قيامك بعملية التصميم ضع مخطط بسيط يوضح لك مكونات موقعك سأوضح كيف يكون المخطط مثلاً
• بعمل موقع تجريبي باسم تقنية المعلومات لمادة تقنية المعلومات المختص بالحاسوب مثلاً.....

http://img225.imageshack.us/img225/2547/18sk9.jpg

قم الآن بإنشاء صفحات الويب التالية من قائمة ملف fileثم جديد new ثم صفحة pageأو ويب *** واختر ويب فارغة empty ***واكتب اسم الموقع بعد كلمة ويب مثلاً computer ثم موافق ستظهر لك الشاشة التالية وبها اسم الموقع.
والآن قم بإنشاء صفحات الويب التالية:
• صفحة للعنوان وحفظها باسم index
• صفحة للمقدمة عن المادة باسم First
• صفحة لمكونات الحاسوب وحفظها باسم Hardware and Software
• صفحة لمختبر الحاسوب باسم Lab

http://img225.imageshack.us/img225/7205/19co7.jpg


http://img225.imageshack.us/img225/331/20gq3.jpg


* التعامل مع القوائم الموجود في البرنامج وسنمر عليها بسرعة لأنها معروفه للجميع
بعد أن أنشأت الصفحات السابقة يمكنك إضافة كائنات إليها كالنصوص والصور
وتنسيقها وتنسيق صفحتك بالصور والمخططات والإطارات بالتعرف على مكونات شريط القوائم الموجود في البرنامج...
كما يلي:
http://img80.imageshack.us/img80/5265/25kr8.jpg

http://img80.imageshack.us/img80/3522/24kl6.jpg

[img]http://img80.imageshack.us/img80/7756/22ag9.jpg[
[/img
ونستطيع من خلال قائمة إدراج أن ندرج أزرار تبادلية أو ارتباطيه بين الصفحات كما يلي:

http://img80.imageshack.us/img80/7890/27ce7.jpg

1-اختيار الزر..
2-تنسيق خط الزر..
3-إضافة صورة للزر بدل مربع النص..

http://img150.imageshack.us/img150/7149/28fc1.jpg

http://img228.imageshack.us/img228/2885/29uu4.jpg

http://img228.imageshack.us/img228/6529/30ws9.jpg
إدراج المراحل الانتقالية بين الصفحات والأحداث:

http://img228.imageshack.us/img228/3013/31ns3.jpg



http://img266.imageshack.us/img266/117/21lb4.jpg

http://img228.imageshack.us/img228/3339/32ip6.jpg
يتبع ...
سنأخذ طريقة تحريك النصوص في الصفحة وكذلك إدراج الصور المتحركة والفيديوا وتنظيم عرض الصفحة باستخدام الإطارات وتقسيمها..

gulf mermaid 13-11-2007 10:12 PM

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

ما شاء الله عمل ممتاز بصراحة //..!

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

بارك الله فيك اخي ,,,

الملاك الغريب 13-11-2007 11:22 PM

::
::

مَسَاءُ السروُرِ ..!

تِقَنية مَعلومَات , دَائِماً كُنتُ أبحَثُ عَن دَورة تُطورنُي في هَذا البَرنَامج , بِسَبب شَغفي الشَديد لـِ تَعلُمِ كُل البَرامِج التَي تتَعَلق بـِ الكُمبيوتر , ولَكن سـَ أحَاولُ أن أنَظِم وَقتي لـِ أطبَق الدُروس وبإذن الله نَستَفيد مِن خُبراتك ..!

لَكَ الشُكر لـِ جُهودِك ..!

مَودتي ..!

الغرام العذب 17-11-2007 10:27 PM

كل الشكر لك تقنية المعلومات على الدروس
في انتظار القادم

hamdoon 24-11-2007 07:01 AM

الله يوفقك ويسر بك والديك قولوووووو كلكم اااامين والله يبارك لك جهودك
اشكرك مليون شكر ع العمل المتعب والجميل والمنسق والرائع صراحةًََ
تحيااااااااااااااااااااااااااااااااااااااااااااااا ااااااتي لك

تقنية المعلومات 24-11-2007 07:56 AM

تهاية الدوره بالتوفيق..
 
http://img206.imageshack.us/img206/4851/33vh9.jpg



http://img204.imageshack.us/img204/2065/34vu7.jpg



http://img204.imageshack.us/img204/2605/35nr7.jpg



http://img407.imageshack.us/img407/6903/36ez8.jpg


http://img407.imageshack.us/img407/8731/37qo3.jpg



http://img407.imageshack.us/img407/3098/38ly6.jpg


http://img516.imageshack.us/img516/4231/39nd3.jpg



http://img516.imageshack.us/img516/7934/40we1.jpg


http://img519.imageshack.us/img519/1694/41bb4.jpg


http://img264.imageshack.us/img264/9747/42jx8.jpg


http://img264.imageshack.us/img264/9185/46ex4.jpg



http://img206.imageshack.us/img206/6199/47sf8.jpg


http://img206.imageshack.us/img206/4984/48dv3.jpg

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

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

http://upload.9q9q.net/file/03ZyUtvVsLi/دورة في الفرونت بيج.zip.html

orient 07-12-2007 10:25 AM

شكـــــــــــــــرا جزيـــــــــــــلا أستــــــــــــــاذي ..
جاري تحمــــــــــــــيل الدورة ..

بارك اللـــــــه جهودك ..

تقنية المعلومات 07-12-2007 10:22 PM

شكرررررررررررررررررراً لكم جميعاً لمروركم الطيب وبارك الله فيكم على الردود الجميله واتمنى من الجميع الاستفاده ولاتنسونا من دعائكم ...
شكرررررررررررررررررررراُ

حوراء الحصن 08-12-2007 10:14 AM

متابعه كل خطوات هذه الدوره

كل الشكر لك اخي على مجهودك:thumbsup:

ReD EyE 13-12-2007 05:52 PM

مشكووووووووووور اخوي على الدوره


تحياتي
ReD EyE

تقنية المعلومات 15-12-2007 12:38 PM


الصريح 1988 03-02-2008 04:28 PM

تشكري أختي على الشرح الرائع
بس ياليت لو تحطي هذي الأشياء في كتاب إلكتروني عشان تكون الفائدة أكبر


الساعة الآن 05:23 AM.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd. , Designed & TranZ By Almuhajir
لا تتحمل منتديات حصن عمان ولا إدارتها أية مسؤولية عن أي موضوع يطرح فيها

a.d - i.s.s.w