|
|
|
![]() |
#1 |
عـضـو
تاريخ التسجيل: Nov 2001
البلد: الدمــــ AL-DAMMAM ـــام
المشاركات: 3,293
|
شرح برنامج مايكروسوفت فرونت بيج لتصميم صفحات الويب
السلام عليكم ورحمة الله وبركاته
اما بعد الموضوع منقول بسـم الله الرحمن الرحيم تحيه عطره للجميع........ ابدا موضوعي بنبذه بسيطه عن البرنامج وهو ياتي ضمن باقة برنامج مايكروسوفت اوفيس واحب ان انوه عن شيء مهم ان تصميم المواقع لايعد من الامور المعقده او الصعبه كما يعتقد البعض انا هنا راح اوفرلكم كل الادوات الازمه لعمل الموقع الخاص بيكم كبدايه تنطلقو بها في عالم تصميم المواقع سوف اقوم بشرح اساسيات البرنامج بمعني لب الموضوع ![]() اولا تقوم بفتح البرنامج وراح يكون بنفس الصوره الي فوق اتبع الخطوات الي انا مأشر عليها في الصوره 1- تروح بالفاره في نصف البرنامج وتضغط زر الفاره اليمين وتختار امر Page Properties خصائص الصفحه راح تنفتح معاك مثل ماهو موضح في الصوره التاليه : ![]() تختار باك جراوند او ارضية الصفحه 2- هنا تاشر في المربع مثل منت شايف علشان نحط الصوره الي هي راح تكون ارضية الصفحه وهنا ممكن لو ما تبي تحط صوره تقدر تسيب الفراغ مثل ما هو وتختار لون للارضيه وانا راح اذكرها في الخطوه الرابعه 3- وهنا تضغط على بروس علشان تبحث عن الصوره الي تبيها في جهازك وراح تكون كما هو موضح في الصوره التاليه ![]() 5- مفتاح البحث تضغط عليه وعن طريقه تبحث في جهازك عن الصوره الي تبيها بعد ما تختار الصوره تضغط اوكي 4- معليش شقلبت شوي في الارقام بس انا ابي امشي معاكم بنفس طريقتي هنا الوان الخلفيه لو ماتبي تحط صوره والوان الكتابه الي تبي تكتب بيها في الصفحه كذا نحنا انتهينا من خلفية الصفحه طيب نجي لشي ثاني وهو لو حبيت تحط موسيقى في صفحتك بمعنى عندما تقوم بفتح الصفحه تستمع لموسيقى تروح لجينرال نفس الامر حق خصائص الصفحه وراح تكون معاك كما هو في الصوره التاليه : ![]() 6- هنا في شي مهم لازم تعرفه قبل ما اشرح كيف تنزل ملف الصوت هذا الامر وهو تايتل هنا تسمي الصفحه ولكي تسمي صفحتك الرئيسيه لازم تسميها مثل ما انا كاتبها في الصوره index علشان تنزل في الموقع كصفحه رئيسيه وبعدين عندما ناتي لعمل الروابط للموقع راح اشرح اكثر عن هذا الامر ناتي لملف الصوت 7- تضغط على بروس ونفس الطريقه الي بحثت فيها عن الصوره تبحث عن ملف الصوت ولاحظ هنا ان ملفات الامبي ثري ما تقدر تنزلها لاكن تقدر تنزل مثل ملفات الووف والمايدي وانا راح اعطيك مجموعه كبيره من موسيقى المايد اختار الي يعجبك منها كل ملف فيه اكثر من عشر اغاني المهم بعد ما تختار ملف الصوت تضغط اوكي 8- هنا تبي تاشر في المربع راح تتكرر الاغنيه كل ما تنتهي ولو شلت علامه صح من المربع تقدر تختار عدد مرات تكرار ملف الصوت انت وراحتك بعد كذا نضغط اوكي انتهينا من تثبيت ملف الصوت تقدر تزور الموقع الي انا راح اكتب الوصله حقته وتختار الملف الي تبيه مثل ما قلتلك ميوزيك 9-الان تروح لاي مكان في الصفحه وتحط المؤشر وتكتب اي شي تبي تكتبه او تنزل صور وانا اقصد الان الصفحه الرئيسيه لكي نعمل روابط الموقع بمعنى مثلا تبي تعمل صفحه تعليميه او صحه فكاهيه عاد حط الي في خاطرك كله او صفحه سياسيه لو كنت سياسي على العموم مثلا تكتب نكت وراح تكون رابط لصفحة النكت كيف اقلك بعد شوي لو عندك صوره كخلفيه للصفحه الرئيسيه مسويها على اي برنامج لخلفيات صفحات الويب تقدر تنزلها وما تحتاج هنا لكتابت اي شي لانها راح تكون جاهزه وتقدر تنزل صور من عندك مثل الازرار والرسوم التعبريه الي تعبر عن الصفحه الي تبي تعملها رابط او تحط اي صوره تبيها من غير ما تكون رابط كالشعارات مثلا لاحظ في اول صوره حطيتها للبرنامج واتبع الخطوات التاليه : 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 طبعا البرنامج يحتوي على اوامر اضعاف الي ذكرتها ولكن انا اعطيتك لب الموضوع بعد كذا انت جرب في البرنامج واطلع عليه بصوره اكبر وراح يكون سهل عليك
__________________
![]() من الدنيـا أنـا مابـي سوى عـفـو العلي التـواب ويحسـن خـاتمـة فعـلي ويغـفـر لـي ضـلالاتـي أبمـلا العمر "بالتوبة" و "نوح" و "هود" و"الأحـزاب متى كـانت سنيـني عمـر انـا عمري في ركعاتـي |
![]() |
![]() |
![]() |
#2 |
عـضـو
تاريخ التسجيل: Jan 2002
المشاركات: 117
|
وعليكم السلام ورحمة الله ..........
بااااااااارك الله فيك ......... جاكم ........ شرح واضح ووجيز .......... تسلم .
وبصراحه ...ضهرت نقاط من خلال شرحك لم أكن على علم بها . يعطيك العاااافيه .............. الى الامااااااااااام . ![]() |
![]() |
![]() |
![]() |
#3 |
عـضـو
تاريخ التسجيل: Sep 2001
البلد: BURAYDAH
المشاركات: 1,106
|
جااااااااااكم
تسلم على البرنامج .......... وتسلم على الشرح لكيفيت التعامل معه .
الله يعطيك 1000 عااااافية ![]() آخر من قام بالتعديل ساري بريدة; بتاريخ 24-01-2002 الساعة 11:34 PM. |
![]() |
![]() |
![]() |
#4 |
عـضـو
تاريخ التسجيل: Nov 2001
البلد: الدمــــ AL-DAMMAM ـــام
المشاركات: 3,293
|
HOOK
مشكور على هذي المجامله واتمني اني اخدمك اكثر ساري الله يسلمك وياك
__________________
![]() من الدنيـا أنـا مابـي سوى عـفـو العلي التـواب ويحسـن خـاتمـة فعـلي ويغـفـر لـي ضـلالاتـي أبمـلا العمر "بالتوبة" و "نوح" و "هود" و"الأحـزاب متى كـانت سنيـني عمـر انـا عمري في ركعاتـي |
![]() |
![]() |
![]() |
#5 |
عـضـو
تاريخ التسجيل: Sep 2001
البلد: الخبوب..
المشاركات: 408
|
جزاك الله خير...والله اني احتاج الشرح وقاعدن ادوره..والحمدلله لقيتك حاطه يابعدي..
![]() جزاك الله الف خير |
![]() |
![]() |
![]() |
#6 |
عـضـو
تاريخ التسجيل: Nov 2001
البلد: الدمــــ AL-DAMMAM ـــام
المشاركات: 3,293
|
فتى العشة
انا حاضر على كل اللي تبيه وتامر فيه
__________________
![]() من الدنيـا أنـا مابـي سوى عـفـو العلي التـواب ويحسـن خـاتمـة فعـلي ويغـفـر لـي ضـلالاتـي أبمـلا العمر "بالتوبة" و "نوح" و "هود" و"الأحـزاب متى كـانت سنيـني عمـر انـا عمري في ركعاتـي |
![]() |
![]() |
![]() |
الإشارات المرجعية |
أدوات الموضوع | |
طريقة العرض | |
|
|