مشاركات أولاد الدفعة

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

شرح برنامج مايكروسوفت فرونت بيج لتصميم صفحات الويب

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

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

اولا تقوم بفتح البرنامج وراح يكون بنفس الصوره الي فوق اتبع الخطوات التالية
1- تروح بالفاره في نصف البرنامج وتضغط زر الفاره اليمين وتختار امر Page Properties خصائص الصفحه راح تنفتح معاك مثل ماهو موضح في الصوره التاليه :

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

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

6- هنا في شي مهم لازم تعرفه قبل ما اشرح كيف تنزل ملف الصوت
هذا الامر وهو تايتل هنا تسمي الصفحه ولكي تسمي صفحتك الرئيسيه لازم تسميها مثل ما انا كاتبها في الصوره
index علشان تنزل في الموقع كصفحه رئيسيه وبعدين عندما ناتي لعمل الروابط للموقع راح اشرح اكثر عن هذا الامر

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

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

10- ضع المؤشر في اي مكان في الصفح و اضغط على هذى الامر وراح تنفتح امامك نافذه تبحظ عن طريقها في الجهاز عن اي صوره تبي تحطها في الصفحه وتضغط اوكي وراح تشوفها نزلت في الصفحه وممكن تلقاها في الاوامر الي فوق مره ولاحظت اني كررت رقم عشره مرتين وهو امر insert اضغط عليه وبعدين روح لامر picture ومن ثم اختار امر From File وهو نفس الامر الاول الي هو اسرع بالنسبه لك
كيف نعمل الرابط وهو عندما تضغط عليه ينقلك للصفحه الثانيه او اي صفحه تحب انها تكون رابط لموقعك بالنسبه لوكتبت كلمة نكت مثلا تقوم بتضلليل الكلمه وتضغط زر الفاره اليمين راح تلقى امر اسمه
Hyperlink او انك تضغط على زر Ctrl مع حرف K تضغطهم مع بعض وراح تنفتح معاك نافذه مثل الي في الصوره التاليه :

A هنا تكتب الوصله للصفحه او وصله لمموقع الي تبيه يكون رابط وانا راح اشرحلك كيف تكتب الروابط للصفحات في موقعك

B هنا لوحبيت تبي الصفحه الي هي الرابط ينفتح معاك في صفحه جديده بمعني لا يتم فتح الموقع او الصفحه فوق الصفه الرئيسيه تضغط عليه وراح تنفتح معاك نافذه كما هو موضح في الصوره التاليه :

C تختار كما هو موضح في الصوره امر New Window بمعني نافذه جديده وتلاحظ تحت راح ينكتب
blank- بمعني صفحه فارغه

D هنا لو حبيت تحط رابط للبريد الالكتروني تضغط عليه وراح تنفتح معاك نافذه اكتب فيها البريد الالكتروني

بالنسبه للصور تبي تخليها رابط بدل ما يكون الرايط كتابه نفس الشي تروح للصوره وتضغط عليها وتتبع نفس الخطوات الي عملناها فوق اوكي وكذا ما باقيلنا الا القليل
قبل لا نروح لكيفيه كتابة اللنك للرابط كيف تقوم بتخزين عملك وهو الصفحه الرئيسيه مثلا تروح كما هو في الصوره الاولى في الادوات فوق راح تلقى امر File ومن ثم امر Save As وراح يتم تخزين عملك في مجلد اسمه My Webs
طيب نجي الان للروابط الي داخل موقعك يعني بعد ما تخلص من الصفحه الرئيسيه اكيد انك راح تعمل صفحات ثانيه مثل ما ذكرت صفحه للتعليم وصفحه للنكت وصفحه للسياسه مثلا
الان نبي نسوي صفحه للنكت نفس الشي بالنسبه للخطوات الاولى للصفحه الرئيسيه تسوي الصفحه وتكتب فيها نكت مثل ما تبي
طيب نرجع للصوره الرابعه فوق في الخطوه السادسه وهي تسمية الصفحه هنا تسمي صفحة النكت مثلا joke
وهنا ركز معاي علشان تكتب اللنك حق الرابط بالشكل الصحيح
اسم الموقع لو افترضنا هو :

http://heart4u.4mg.com

اللنك حق صفحة الرابط راح يكون كالتالي :

http://heart4u.4mg.com/joke.htm

وفي شي مهم تختلف كتابة اللنك على حسب سيرفر الشركه الي انت مسجل معاها ولغة الكتابه والبرنامج المستخدم يعني ممكن يجي بالاشكال التاليه

http://heart4u.4mg.com/joke.html

http://heart4u.4mg.com/joke

كذا انتهينا من الشي المهم نيجي الان لبعض الاوامر الي في البرنامج لاحظ الصوره الاولى :

11- Normal وهو الوضع العادي الي راح تشتغل عليه بمعنى تكتب وتنزل الصور الخ.....

12- Preview وهو الوضع الي راح يكون كما هو في صفحة الويب بمعنى عندما تقوم بالضغط عليه راح يصورلك الصفحه مثل ما تشوفها في النت
اما بالنسبه لامر HTML هذي كيفية عمل الصفحه بلغة الاتش تي ام ال وتقدر تصمم الموقع عن طريقه من كتابيا وتقدر تستفيد منه لوضع اكواد الجافا

13- علشان تعمل جداول
14- علشان تحط المؤشر في اي جهه في الصفحه بمعني اليسار او اليمن او المنتصف
15- حجم الكتابه
16- نوع الخط
17- هنا لوتبى الكتابه مائله او تحتها خط او سميكه
18- للترقيم

لو حبيت وضع تطبيق فلاش في الموقع من امر Insert تختار امر Advanced ثم Plug-In

لو حبيت تكتب شريط متحرك في الموقع من امر Insert تختار امر Component ثم Marguee

لو حبيت تعمل ازرار للموقع من امر Insert تختار امر Component ثم Hover Button

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

هذه بعض الأكواد اتمنى ان تحوز على رضى الجميع

لإدراج مقطوعة موسيقية من امتداد الرام ( ram ) أي : الريل بلاير ما عليك سوى

نسخ الكود وتغيير عنوان الأغنية او المقطوعة الموسيقية ...

لإدراج مقطوعة موسيقية في صفحتك بامتداد الميد أو الويف ( mid - wave ) ..

انسخ الكود و غير عنوان المقطوعة أو الأغنية .. لكن لاحظ أن هذا الكود

مخفي ... يعني راح تسمع مقطوعتك الموسيقية من دون أن ترى أي أيقونة ...

مثل السابق لكن الفرق أنه بهذا الكود راح تشاهد أيقونة بأمكان الزائر

أن يوقف المقطوعة أو الأغنية اذا لم يرغب في الإستماع ...

تصميم مواقع الوب