تعلم فرونت بيج

Yahia Sudan

- 1 - [email protected]

Microsoft FrontPage

By Yahia Haider

[email protected]

PDF created with pdfFactory trial version www.softwarelabs.com

mailto:[email protected]


http://www.softwarelabs.com


Yahia Sudan


بسم اهللا الرمحن الرحيم

نهتدي لوال أن هدانا اهللا والصالة والسالم على احلمد هللا الذي هدانا وما كنا ل :)صلى اهللا عليه وسلم(أشرف خلق اهللا أمجعني حممد بن عبد اهللا خامت الرسل والنبيني

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

جد بثرباـ مس ت الزوارـ ما أمـيب وآله لي على النـيا رب ص طلباـ امل تبتغون مةالـ الس دارـون ديه من تدخلصلوا على

الصبا وناصر يف واجلزع حن له ـة وا على من ظللته غمامـصل*********

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

ا سادوا هدوا فهموا على السـت اجلـهات األجنـمجادوا علو

قد وتناثرت من خلفه حقب السنني، وما كان صعباً قد قني، يلقد زال بالشك ال أسأل اهللا . فإين خلفه ومن عاف ذلك فهذا شأنه وال يعنني سهالً ، فمن شاء أن يعلم صار

ى على من عادانا من املتكربين اهلائمني نا علروينصأن يرفعنا وإياكم اىل قمم املعارف و.....آآآآميييني.... الضائعني وأن جيعلنا من عباده املخلَصني





Yahia Sudan


مايكروسوفت فرونت بيجMicrosoft FrontPage

لن أدخل يف مواضيع ال م ولألسف فكل الكتب العربية تتحدث عن تواريخ

املعرفة مبثل هذه فإليهتوافقوين على هذا ومن أراد وأرجوا من اهللا أن .الربامج واألجهزة.أرجوا املراسلة [email protected] بريدي

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

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

Yahia






Yahia Sudan


.شريط القوائم. 1 .أشرطة االدوات. 2

ل مشروعك من خالل هذه القوائم تستخدم يف احلفظ واإلدراج والتنيسق وميكنك عم.االدوات واالوامر اليت توفرها لك

1

2

4

3

Yahia

Yahia





Yahia Sudan


.شريط العرض. 3 .جزء املهام. 4

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

.قوالب التصميم الرائعة اليت يوفرها الربنامجو من خالل فارغ أ

.نافذة العمل .5 .من هنا ميكنك النقل بني الصفحات املفتوحة كما يف برنامج إكسل. 6

5

7

6

Yahia





Yahia Sudan


هذه أدوات متكنك من رؤية شيفرة لغة النصوص التشعبية اليت أنشأها الربنامج نيابة . 7لرجوع اىل العمل على النافذة التحريرية أي اليت عنك وكذلك معاينة املشروع ومن مث ا

.تعمل عليها اآلن وبطريقة مبسطة تعرفنا على النافذة من اخلارج وجاء الوقت ملعرفة خبايا هذه

:األدوات والقوائم وسوف نبدأ بالقوائم املهمة حىت ال يطول الشرح

Yahia

12

11 10

9

8 7

6 5

4

3 2

1

17

16 15

14 13





Yahia Sudan


:صورة السابقة كما يف ال....ملف :القائمة االوىل .لبداية مشروع جديد: جديد.1 .لفتح مشروع حمفوظ: فتح. 2 .إلغالق املشروع احلايل: إغالق.3 .لفتح موقع من النت أو موقع حمفوظ: فتح ويب. 4 .حلفظ املشروع: حفظ. 5 .نفس االمر السابق ولكن ميكنك من تغيري االسم: حفظ بإسم.6 .ما قبلهكس ع اليت تعمل عليها بوهذا حلفظ كل الصفحات: حفظ الكل. 7 .للبحث عن كلمة داخل املشروع: حبث.8 .إلسترياد صفحة أو موقع وسوف نتعلم هذه اخلدعة يف السطور القادمة: إسترياد. 9

ية مشروعك أو صفحتك داخل مستعرض الويب الذي لرؤ :معاينة يف املستعرض. 10.تعمل به ويتطلب منك حفظ املشروع أوالً

.االعداد للطباعة: د الصفحةإعدا. 11 معاينة بعد االعداد لرؤية كيف ستخرج الصفحةوتليها طباعة : معاينة قبل الطباعة. 12

.وقد جتاهلتها .ديأي ارسال الصفحة بالرب: ارسال. 13 .لتغيري اخللفية واهلوامش وغريها ولن نتطرق له أبداً: خصائص.14 . ميكنك فتحها من هناعليهاآخر ملفات كنت تعمل : امللفات األخرية. 15 .آخر صفحات ويب قمت بفتحها على هذا الربنامج: صفحات ويب االخرية. 16 .إغالق الربنامج: إاء. 17





Yahia Sudan


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

. أكثر قليالً وهي عمليات معروفة ،قطع القائمة ميكنك أن تقوم بالنسخ واللصق والمن هذه

واظهار ) مثل ما يف ملف(للكل وكذلك التراجع عن أمر والتراجع عن التراجع والبحث حافظة أوفيس وكذلك استبدال نص بآخر وحتديد الكل والكل يعرف أنه ميكن فعل ذلك

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

1 2

3

4

5

6

7

9

10 11

12

8

Yahia





Yahia Sudan


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

صفحة الرئيسية لتفتح الروابط داخل هذا اإلطار دون الذهاب تصف الإدراج إطار يف مناىل الصفحة املربوطة مث العودة مرة أخرى اىل الرئيسية لالنتقال اىل رابط آخر وهذا مفيد

.جداً يف أختصار الزمن .أظن أنك تفهم ماذا يعين هذا اخليار: التاريخ والوقت. 4 .الدراج رمز من رموز أوفيس : رمز.5 .هذا االمر الدراج تعليق يف الصفحة:تعليق.6 من هنا ميكنك أن تدرج مكون ويب كسمات االرتباطات وكذلك ادارة : مكون ويب. 7

.اعالن الشعار وغريها الكثري وهذا األمر مثله مثل إطار مضمن الميكن جتاهله .من هنا ميكنك ادراج منوذج مثل زر أو خانة اختيار وغريها: منوذج.8 .اج صورة من ملف أو من الكامريا أو من كليب آرت اخلاص بأوفيسالدر: صورة. 9

هذا اخليار قل مانستخدمه وهو الدراج ملف لصفحة الويب وميكنك جتريبه : ملف.10.ولكنك سوف تنفر منه

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

.خالل االشارة املرجعية لالنتقال من هذه هذا اخليار الدراج ارتباط تشعيب ... الكل يعرفه : إرتباط تشعيب. 12

.الصفحة اىل اخرى





Yahia Sudan


.....تنسيق: القائمة الرابعة

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

. ميكنك فعل ذلك من هذا االمر10 اىل 1 تعدادها من إذا كان لديك نقاط .الدراج حد للصفحة: حدود وتظليل. 4

Yahia

1

2

3

4

5

6

7

8

9

10

11

12





Yahia Sudan


ادراج تأثري على نص أي جعله يضيء عند مرور : احليوية" اتش يت ام ال"تأثريات . 5املؤشر عليه أو يكرب أو يتغري لونه وكل هذه مجاليات ال ميكن االستغناء عنها جلعل الناس

.يتفاعلون مع صفحتك .اذا كنت تريد أن تعطي صفحتك مظهراً جذاباً ستجد ما تريد من هنا: مسة.6 . االمر إلعطاء فقرة معينة منط معنيهذا: منط.7 سي دبل (جيب أن تعرف ال... لربط هذه الصفحة بورقة أمناط :ارتباطات ورقة النمط. 8

.جتاهلها هنا).إس الصفحة أي ميكنك من خالله كيفية الدخول اىلهذا االمر:املراحل االنتقالية للصفحة. 9

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

.أظنك تعرف هذا: خلفية.10 .إلزالة التنسيق من نص أو فقرة: إزالة التنسيق.11 .ميكنك من تغيري اخلط وتباعد االحرف: خصائص.: 12

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

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

ما اذا مل تكن تريد استخدامها ومنها مينكنك أن تقوم بإسترياد أدوات من الويب فهي غنية هذا رأيي فإذا كان رأيك مغايراً لرأيي أرجو ... ولكنها ال تفيدك يف بدايتككفاية

: إليك عنواين..بالرد عليك بشرحها كاملة إن أردتمراسليت على بريدي ولن أتأخر [email protected]

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






Yahia Sudan


..... جدول:القائمة السادسة

.ميكنك هذا اخليار من رسم جدول بطريقتك اليت تريدها: رسم جدول. 1 ة دمن هذا اخليار ميكنك أن تقوم بإدراج جدول بعد حتديد عدد االعم: إدراج جدول.2

.والصفوف .حذف اخلاليا املظلله: حذف خاليا.3 .كنك حتديد خاليا أو جدول أو أعمدة من اجلدول الذي أخترتهمي: حتديد. 4 .دمج اخلاليا مع بعضها بعد تظليلها: دمج خاليا.5

2

3 4

5

6

7

8

9

10

11

13

12

14

1

Yahia





Yahia Sudan


.تقسيم اخلاليا اىل عدة صفوف أو أعمدة على حسب ماتريد: تقسيم خاليا.6 .مثله مثل ما سبق ولكن هنا للجدول ككل: تقسيم جدول.7 دول ويقوم بإعطاءك عدة تنسيقات تقوم بإختيار ما لتنسيق اجل: تنسيق تلقائي للجدول.8

.يعجبك .هذا اخليار سهل جداً: توزيع الصفوف بشكل متساو. 9

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

تبقت ثالث قوائم وهي إطارات وإطار وتعليمات وال أظن أن أحداً يستخدم

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

اآلن وقد تعرفنا على القوائم بالتفصيل تبقى لنا أن نتعرف على أشرطة األدوات وهي .همة جدأم

:إظهار أشرطة األدوات وإخفاءها أضغط باليمني على أي شريط من أشرطة األدوات وستجد عدة خيارات ما علية

.عالمة صح بإمكانك إخفاءه بالضغط عليه وما مل جتدعليه عالمة ميكنك إظهاره :وهذه الصورة للتوضيح





Yahia Sudan


ھنا نجد عالمة الصح أي أن الشریط ظاھر على النافذة ویمكننا

اخفاؤه بالضغط علیھ وإزالة العالمة

ھنا ال نجد عالمة الصح ویمكننا إظھار القائمة بالضغط علیھا

Yahia





Yahia Sudan


:عليها يف الشرح ألمهيتهاكز اليت سنحتاجها وسوف نراألدواتهناك بعض

:سأقوم بشرحها يف هذا اجلدول

األداه الغرض منها األداه الغرض منهاادراج ارتباط

تشعيب فتح ملف جديد

منط اخلط

فتح ملف موجود

نوع اخلط

حفظ

حجم اخلط

حبث

خط اسود عريض

طباعة

خط مائل

معاينة يف رضاملستع

حتته خط

تدقيق امالئي

حماذاه لليسار

نسخ التنسيق

توسيط

مكون ويب





Yahia Sudan


حماذاه لليمني

ادراج جدول

ضبط

ادراج صورة من ملف

متييز/تعبئة

رسم

لون اخلط

.كما ترى أن هناك بعض األدوات مل أمشلها وذلك ألنين ركزت على األهم فقط

.ن وقد إنتهت أشرطة األدوات ال بد لنا من إلقاء نظرة على جزء املهاماآل

: جزء املهام

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

.وذلك فقط بضغط املاوس على ما تريد فعله من جزء املهام

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

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

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





Yahia Sudan


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

جتد آخر ) فتح صفحة(حتت هذا البند أربعة ملفات قمت بفتحها ميكنك كذلك بالنقر عليها فتحها مرة أخرى و

وهولفتح ) صفحات إضافية(جند اخليار ملف ويب حمفوظ يف اجلهاز

هنا حتت البند جديد ميكننا فتح صفحة ويب جديدة فارغة

فتح ملف ويب جديد من صفحة موجودة

هنا يف جديد من قالب ميكنك فتح صفحة أوموقع من قوالب التصميم

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

مايكروسوفت

Yahia





Yahia Sudan


التطبيق األول صفة ويب مربوطة بأخرى

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

:حسناً إليك الطريقة املبسطة لذلك... متلكها

.، سيفتح مع صفحة ويب فارغةقم بفتح مايكروسوفت فرونت بيج. 1 الحظ أمهية . "نقوم بإدراج جدول مكون من ثالثة أعمدة وصفني. 2

".اجلداول ك بالضغط على أدرج البسملة يف اخللية الثانية من الصف األول وذل. 3

ميكنك إدراج صورة للبسملة إن . "اخللية باملاوس مث كتابة البسملة.وذلك بأن تضغط على أداة إدراج الصور مث ختتار الصورة"أردت

أدرج عنوان الصفحة يف اخللية الثانية من الصف الصف الثاين أي . 4.اخللية اليت تأيت حتت البسملة مباشرةً

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

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





Yahia Sudan


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

أزل العالمة من هذا اخليار مث اضغط على موافق) حدود(

وقد قمت بإزالتها

Yahia





Yahia Sudan


كما ترى قمت بإدراج الصور وقد مسيتها صفحيت

يقوم " كإعالن"اآلن سنقوم بإدراج نص متحرك من اليسار اىل اليمني ".كل هذه مجاليات"بالتعريف بالصفحة

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

:اليمني وشاشة امسية من اليسار مث اضغط على ااء كما يف الصورة التالية

Yahia





Yahia Sudan


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

انظر الصورة التالية

اختر ھنا من الیمین

ثم شاشة اسمیة من الیسار

Yahia





Yahia Sudan


مت ادراج النصوهكذا

.املتحرك :بالدخول فر املوضع وهو كتابة االرتباطات وحمتوى الصفحةاآلن سنقوم

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

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

.سر وذا يتم تكبري العمود الذي يف املنتصف وكذلك العمود األي قم بادراج احملتوى الذي تريده يف املنتصف ولننظر اىل العمل بعد هذا . 3

:اجلهد

اختر مرور

اختر یمین

اختر باستمرار

وأخیرًا موافق

Yahia





Yahia Sudan


حنن نشاهد العمل يف الفرونت بيج وليس يف املستعرض وشكله مغايرمتاماً

.وسوف تلمس ذلكيف املستعرض .ادراج الصور يف العمود االيسراآلن لنقوم ب

كما "بعد ادراج الصور سوف نقوم بادراج االرتباطات يف اجلزء االمينلنفترض أن لديك صفحة " قلنا سوف نقوم بالربط مع صفحة أخرى

.حتوي صورك وتريد أن تقوم بربطها ذه الصفحة . األمينيف العمود) البوم الصور(قم بكتابة . 1

.اضغط باليمني على البوم الصور بعد تظليلها واختر ارتباط تشعىب. 2 .قم بتحديد الصفحة مث اضغط موافق. 3

Yahia





Yahia Sudan


:الصورة التالية للتوضيح

سأكتفي ذا "وميكنك اضافة عدة ارتباطات بنفس الطريقة كما تريد .االرتباط

.قم بإخفاء حدود اجلدول كما فعلنا قبالًد انتهينا من الصفحة ولكنها تبدو خالية من اجلمال واحليوية اآلن وق

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

.املناسبة مث موافق ليتم اضافة السمة وينتهي العمل

قم بتحدید الصفحة

اضغط موافق

Yahia





Yahia Sudan


مشاهدته املستعرض وهذه هي النتيجة يفهكذا انتهى العمل وميكننا:املستعرض

اختر السمة وقد اخترت مویجة

ضغط على ا موافق

Yahia





Yahia Sudan


انتهى التطبيق االول

یمكننا االنتقال الى االلبوم بالضغط على

ھذا االرتباط

Yahia

Yahia





Yahia Sudan


التطبيق الثاين"املعاجل"موقع ويب شخصي عن طريق القوالب

قد افترضنا انك تريد ان تقوم بانشاء موقع ويب شخصي يف الفرونت

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

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

.من جزء املهام اختر قوالب موقع ويب. 1

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





Yahia Sudan


مث اضغط على ة ويب شخصي، اختر منها صفحةتظهر نافذة القوالب.- تابع الصور–موافق ليظهر املعاجل وهو يقوم بانشاء الصفحات

اختر قوالب موقع ویب تحت الخیار جدید من قالب

Yahia





Yahia Sudan


سيظهر املعاجل التايل وهو ينشيء املوقع ويأخذ ثانية أو أقل

ن طريق املعاجل وميكنك معاينته وهكذا مت انشاء موقع ويب شخصي ع

.وانزال بياناتك عليه يف األماكن احملددة وتغيري التنسيق وغري هذا

اختر صفحة ویب شخصیة

اضغط على موافق

Yahia





Yahia Sudan


عند انتهاء املعاجل سوف يتم حفظ املوقع يف املستندات يف جملد ويب االفتراضي الذي ينشئه الربنامج وسوف يظهر على مشال الربنامج شريط

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

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

:الصفحة الرئيسية للموقع الذي أنشأناه

Yahia





Yahia Sudan


طبيق الثالثالت استرياد موقع ويب من االنترنت

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

ھذه النافذةاختر من ویب عند ظھور

Yahia





Yahia Sudan


اختر ھنا.1

اكتب عنوان .2 ھناالموقع

اضغط . 3على التالي

علم ھذا الخیار ثم أزل التالي جمیع العالمات االخرى

Yahia

Yahia





Yahia Sudan


ي ذافوهناك الكثري من املزايا يف هذا الربنامج وولكين أكت ا فيه اخلريوفقنا اهللا وأياكم اىل م

اضغط على انھاء

معالج االستیراد

Yahia

Yahia





Yahia Sudan


......................................................................................

............................................................................................................................................................................

......................................................................................

............................................................................................................................................................................

......................................................................................

............................................................................................................................................................................

......................................................................................

............................................................................................................................................................................

......................................................................................

............................................................................................................................................................................

......................................................................................

............................................................................................................................................................................

.......................................................................................................................

M حيىي حيدر: أعد وكتب بواسطة





Yahia Sudan


وفقنا اهللا وإياكم





تعلم فرونت بيج

Technology