تعلم Microsoft FrontBage ((لتصميم موقعك))

[أسـ الحزن ـيرة]

السلام عليكم ورحمت الله وبركاتة
00 هلا وغلا فى كل من عندة استعداد فى رحيل الى عالم التصميم فى بيئة الفرونت بيج0
0 والا ن اقدم لكم السطور التى بأيديكم تستطيعون ان تصممو بها موقعكم ان شالله000 يعد فرونت بيج أحدى
أنتجات شريكة مايكرو سوفت التى تسهل عملية التصميم .
.. حيث يعلم الجميع ان لغة التصميم تعدد ت ومنها الاتش تى م ال لكن ما يميز فرونت بيج البساطة فى التعامل معها كبساطة الورود والسهولة فى انشاء عدة صفحات فى وقت قصير ومرونة التعامل
0 0 لن اطيل لكن جرب صمم وتبع الخطوات ومارح تخسر :)

start >>> programs>>> microsoft pag


البدية ثم البرامج ثم برنامج الميكرو سوفت فرونت بيج



http://aseerh.jeeran.com/m1.gif





شكل البرنامج




http://aseerh.jeeran.com/m2.gif



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

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

اما التعامل مربعات الحوار اثناء التعامل مع الخصائص
والاوامر المتنوعة ستظهر مربعات حوار مختلفة
تستخدم مربعات الحوار عندما يحتاج فرونت بيج
بعض المعلومات من المصمم لغرض التنفيذ

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

مثل المعالج

one page

موقع يحتوى على صفحة واحدة فارغة الصفحة الرئيسة وهذا الذى سنتعامل معة فى شرح

corporate presnce

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

customer support

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

discussion ***

موقع يحتوى على صفحة مناقشة تتيح لزائرى الموقع إارسال وقراءو رسائل المناقشة

empty ***

موقع لايحتوى علىاى صفحات

import ***

موقع مؤسس على الملفات المستوردة اما من موقع اخر تم انشاؤة فى برنامج فرونت بيج واما من الشبكة العنكبوتية مباشرة

project ***

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

بإدارتة يستخدم هذا النوع من المواقع عادة فى شبكة الانترنت اى الشبكات الموجودة فىمؤسسات العمل

persnal ***

موقع متعدد الصفحات يحتوى على الاهتمامات الشخصية والصور الفو تو غرافية

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

أنواع المجلدات

***-1

مجلد مرتبط باسم الموقع الذى تحددة فى مربع نص داخل مربع حوار new



private-2

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

مجلد image-3


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


http://aseerh.jeeran.com/m3.gif


>>>>>>> يتبع (2) صمم موقعك
اختـــــــكم اســـ الحزن ـيرة

[الظبي]

والله هذا اللي نريده
شرح تعليمي ممتاز ووافي
وانا منتظر الجزء الثاني
والله يعطيك العافيه

تحياتي.

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية الغبي
والله هذا اللي نريده
شرح تعليمي ممتاز ووافي
وانا منتظر الجزء الثاني
والله يعطيك العافيه

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

تحياتى

[أسـ الحزن ـيرة]

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

أساس المنزل

file أى ملف ويندرج تحتها عدة قوائم
أولها
new اى جديد اى فتح ملف جديد

اما new page

فتعنى افتح صفحة جديدة او اضف صفحة جديدة لصفحات سابقة

الثانية new ***
وهى اهم خطوة واول خطوة فى انشاء صفحتك وبنئها على قاعدة الويب اى مثل اساس

البيت وهى ***

تذكر قلت اول خطوة من خطوات بناء موقعك وهى



new >> ***


الموضح فى صورة :)


http://aseerh.jeeran.com/smam1.gif



طيب الخطوة التالية بعد ماضغطنا يفتح مربع وهو



http://aseerh.jeeran.com/smam2.gif




ماذا يعنى c

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



بذلك تكون قد شكلت اساس بيتك ونتهيت من اهم خطوة لكن
احذر من دمار بيتك

وذلك بعدم save(حفظ) عملك اى بعد كل خطوة وكل عمل تقوم بة لابد
save(حفظ) العمل تابع حتى نصل الى طريقة الحفظ

save <<<file

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

مثل


http://aseerh.jeeran.com/m3.gif



ماذا يعنى هذا الشريط الذى فى اسفل الصفحة

http://aseerh.jeeran.com/smam3.gif



NORMAL :

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

HTML

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

PREVIEW

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

>>>>يتـــبع (3) بيئة فرونت بيج

اختكم اســـــ الحزن ـير

[الظبي]

دروس مفيد ومهمه والجميل انها مدعومه بالصور وهذا اهم شئي.
مشكوره عليك ومنتظرين المزيد .

تحياتي.

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية الغبي
دروس مفيد ومهمه والجميل انها مدعومه بالصور وهذا اهم شئي.
مشكوره عليك ومنتظرين المزيد .

تحياتي.
يسعدنى ويلفج صدرى حضورك00
واتمنا تواصلك الدائم000
وكل التوفيق اتمناة لك
اختك اســ الحزن ـيرة

[أسـ الحزن ـيرة]

بيئة فرونت بيج هى عبار عن الأشرطة التى ستتعامل معها خلال التصميم



http://aseerh.jeeran.com/peah111.gif


سنتطرق الى شرح الشريط العلوى للبرنامج


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



الشريط الثانى : شــريط القوائم


http://aseerh.jeeran.com/n25.gif[/ALIGN]

file

=====
ملف يحتوى على عدة اومر منها فتح ملف جديد أواستدعاء ملف تم فتحة سابقا اوحفظ الصفحة اوطبعتها اوارسالها ونقل والاستيرد ومعاينة الصفحة

edite
=====
لهاعدة اوا مر منها التراجع التقدم خطوت قص ولصق ونسخ تحرير
view
===
العرض وويضم عمليات تتعلق بشبكة وعرضها وأيقونتها
والروابط التى تعاملت معها.

insert
====
ادراج وتحتوى على عدة أوامر منها اضافة نص متحرك وكودات
وعمل بينات معينة وصور والصوت والفديو وعمل الروابط

format
====
تحتوى على اومر تشكيل للخط والتحكم بالكتابة وخلفية الصفحة

tools
===
يحتوى على اوا مر طلب أيقونات والعمل وتحديد عمل البرنامج

table
===
الجدول وكل ملحقاتة من التحكم بخصائصة أواضافة جدول أوتلوينة أو اضافة ودمج الخلايا.

frames
====
يحتوى على أدوات ونسخ تصميمات معينة للشبكة

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

help
====
يوفر لك خدمة المساعدة والاجابة على اسئلتك لتعامل السهل مع البرناج
اى يقدم لك المساعدة
=====

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

يتبع

[أسـ الحزن ـيرة]

الشريط الثالث : شريط الادوات




http://aseerh.jeeran.com/peah3.gif


يتكون من

(1)

http://aseerh.jeeran.com/peah11111.gif

open استدعاء صفحة تم حفضها من قبل

==============================

(2)
http://aseerh.jeeran.com/peah2.gif

new page يساعد على انشاء صفحة جديدة واضافة صفحة اخرى


==========================================
يتبع

[أسـ الحزن ـيرة]

(3)

http://aseerh.jeeran.com/peah1.3.gif

save حفظ الصفحة التى تم انشائها

ملاحضة

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

========================
(4)

http://aseerh.jeeran.com/peah1.4.gif

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


==================
(5)

http://aseerh.jeeran.com/peah1.5.gif
folderlist

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

يتبع

[أسـ الحزن ـيرة]

======================
(6)

http://aseerh.jeeran.com/peah1.6.gif

print طباعة الصفحة

============================
(7)

http://aseerh.jeeran.com/peah1.7.gif
preview in browser

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


========================
(8)

http://aseerh.jeeran.com/peah1.8.gif

spelling خاص بتدقيق ألأملائى

========================
(9)

http://aseerh.jeeran.com/peah1.9.gif

cut يساعد على قطع اى صورة او نص


===============================

يتبع

[أسـ الحزن ـيرة]

(10)

http://aseerh.jeeran.com/peah1.gif
copy يساعد على النسخ بشكل عام


=================================
(11)

http://aseerh.jeeran.com/peah1.11.gif

paste لصق ماتم نسخة او قطعة

=============================
(12)

http://aseerh.jeeran.com/peah1.12.gif

format painter تطبيقات لنصوص وتطبيقات على صفحة اى صبغ النص الذى اريدة بنفس الاول تشبة عملية النسخ

=============================
يتبع

[أسـ الحزن ـيرة]

(13)

http://aseerh.jeeran.com/peah1.13.gif

undo تراجع

=============================
(14)
http://aseerh.jeeran.com/peah1.14.gif


redo تقدم

=============================
(15)

http://aseerh.jeeran.com/peah1.15.gif

insert component أضافة نصوص متحركة وايقونات


=============================
يتبع

[أسـ الحزن ـيرة]

(16)

http://aseerh.jeeran.com/peah1.16.gif

insert table أدراج جدول فى صفحتك :)

=============================

(17)

http://aseerh.jeeran.com/peah1.17.gif

picture from file أستدعاء صورة وأدرجها فى الصفحة



=============================
(18)

http://aseerh.jeeran.com/peah1.18.gif

hyper link يساعد على أنشاء روابط التى على شكل يد سواء ربط
بنص او صورة

=============================

يتبع

[أسـ الحزن ـيرة]

(19)

http://aseerh.jeeran.com/tools.19.gif

******* يقوم بتحميل الصورة مرة اخرى او الصفحة مرة اخرى اعادة تحميل
=============================
(20)

http://aseerh.jeeran.com/peah1.20.gif

stop توقف لصفحة عكس اعادة تحميل اى توقف عن تحميل
وجعلنى فى صفحتى
=============================
(21)

http://aseerh.jeeran.com/peah1.21.gif

show all اى جعل اسطور وكل نصوص
فى نفس المستوى
=============================
(22)


http://aseerh.jeeran.com/peah1.22.gif

help مساعدة يعطيك معلومات اضاحية اثناء عملك

=============================
اختكم اســ الحزن ـيرة
>>>> يتبع ادراج الصورة فى صفحتك

[الظبي]

والله دروس مهمه وحرام تضيع من الواحد

وان شاء الله يستفيد منها الاخوه الاعضاء.

ومشكوره مره اخرى.

تحياتي لكي.

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية الغبي
والله دروس مهمه وحرام تضيع من الواحد

وان شاء الله يستفيد منها الاخوه الاعضاء.

ومشكوره مره اخرى.

تحياتي لكي.
السلام عليكم ورحمة الله وبركاتة
اخى الله يجيزك الخير من جد كلامك يرفع المعناويات0
00وتمنا فعلن اشعر حد يقدر او يشعرنى انة مستفيد
00 رغمنة شرح بصور صح انها تاخذ وقت على ماتحمل
لكن الاجر من الله قبل كل شى00واشكرك اخى لتواصلك الدئم000
كل احترامى وتقديرى لك وسموحة علىتقصير00 تيحاتى000

[bash]

I really thank you for explaining these tools in a real simple way
though they are very basic

Thanks sister for sharing them with us

there was a small mistake i think you made it up there
i'll tell you soon what it is
Ciao

[أسـ الحزن ـيرة]

اخى العزيز شااااكرة لك حظورك
لكن0000

there was a small mistake i think you made it up there
i'll tell you soon what it is
Ciao


اتمنا ان تعلمنى ماهو الخطاء؟؟الان ياريت0
0وشاكرة حظروك ومتابعتك تحياتى

[bash]

(19)



******* يقوم بتحميل الصورة مرة اخرى او الصفحة مرة اخرى اعادة تحميل

******************************************
I don't really know what you meant by that..? okay


على ماعرف وايضا معروف ان ال ******* يقوم بتحديث الصفحه مش (تحميل) :rolleyes:


مادري ايش رايش ؟ :confused:

تحياتي :cool:

[T.®.E.X]

i wanna just say thanx for you asira
these are very important lessons
and go ahead

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية bash
(19)



******* يقوم بتحميل الصورة مرة اخرى او الصفحة مرة اخرى اعادة تحميل

******************************************
I don't really know what you meant by that..? okay


على ماعرف وايضا معروف ان ال ******* يقوم بتحديث الصفحه مش (تحميل) :rolleyes:


مادري ايش رايش ؟ :confused:

تحياتي :cool:
اخى غلطة انا اخطأت بطباعة وخانى تعبير الدقيق
ومافىانسا ن مومعصوم من الخطاء00
وكويس انك نبهتنى الله يجزيك الخير000
انا قصدت بهذى اننا لما نحط الصورة مرات تكون سعتها كبيرة وماتضهر على صفحة ولما نضغط على رفيرش يحدثها ويقوم بتحميل الصفحة وصور والمعلومات مرة اخرى0
وهذا تعبير دارج عندنا فى الامارات ولم انتبة لهذا شى اذا سكرت صفحةنسوى لها تحميل مرة اخرى اوتحديث الكل بنسبة لهم نفس المعنا 00
فنا فعلن اخطأت لانى لم اكن دقيقة بلغتى
0وهو يحمل صفحة مثلا اماعلى الفرونت بيج او على الاكسبلولر0 وبنفس المعنا يحدثها لكن ؤؤكد انك انت صح وانا الخطأ
ولم يكن قصدى اننا نحمل اونرفع صور من الجهاز
00 فبهذى انا اكون غلطت فى تعبير شاكرة لك بس اتمنا تكون فهمت قصدى
تحديث وبنسبة تحديث هى الاصح والاكثر دقة000
يعطيك العافية اخوى00
تحياتى

[الحزن الدفين]

..عن جد عن جد ...جهد جبار تشكرين عليه ...
اسال الله لك دوام التوفيق والعلو ...
..وجزاك الله الف خير ...:)

[bash]

Morning

Im glad you noticed your mistake

:)


Thanks again sister


Bash :p

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية t-rex
i wanna just say thanx for you asira
these are very important lessons
and go ahead
وانااسعد اكثر لحضوركم ومتابعتكم التى تحفزنى اكثر
وترفع معنوياتى للأستمرار معكم0
0 شكرا لك حظورك وتعليقك الطيف00
تحياتى

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية bash
Morning

Im glad you noticed your mistake

:)


Thanks again sister


Bash :p
بلعكس اخوى00 انا جدا مبسوطة انك نبهتنى وانا من اشكرك
واكثر مبسوطة انة فى احد يقرء
بتمعن ويرد عليا بعد ان اطلع على الموضع وليس رد وسلام00
بلعكس اخى ومنكم نستفيد
00 شاكرة جدا حظورك000
كل الاحترام وتقدير

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية الحزن الدفين
..عن جد عن جد ...جهد جبار تشكرين عليه ...
اسال الله لك دوام التوفيق والعلو ...
..وجزاك الله الف خير ...:)
هلا وغلا فيك اخوى دفين الحــــزن
ومن جد ومن جد حظورك يفلج الصدر
وتشكر لمتابعتك الطيبة اخى000
واتمنا فعلن انى اقدم شى يفيد واشعر انة فى حد استفاد0
0تحياتى

[النبراس]

شكراْ للاخت اسيرة الحزن

ماشاءالله جهد تشكرين عليه اختي الكريمه
لا حرمنا الله من ابداعاتك ..وننتظر الباقي



تحياتي

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية النبراس
شكراْ للاخت اسيرة الحزن

ماشاءالله جهد تشكرين عليه اختي الكريمه
لا حرمنا الله من ابداعاتك ..وننتظر الباقي



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

[T.®.E.X]

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

[أسـ الحزن ـيرة]

كاتب الرسالة الأصلية t-rex
سلام ياشبيبه ارفعوا راس اليمن عالي اليمن محتاجكم ...
جزاكي الله خير اختي اسيرة الحزن والله ما ادري شاقول بس بغيت اشكر لك مجهودك الطيب والى الامام ومنتظرين منك المزيد ...
والحمد لله المجلس اليمني صار له صيته بين المجالس العربيه وهذا بفضل الله ثم بفضل تفاعلكم ومشاركاتكم ..
اخوكم T-Rex روسيا
هلا اخوى لله يحفظك
اكيد ودخولى الموقع هذا ينسينى الم الغربة00
وصراحة كلامك هذا فوق حقي
الحمد لله الله يديم00 بس اناراح انقطع عنكم هذة الفترة لان عندى اختبارت وبعدها ان شاء الله تجدونى دئما بينكم00
وتسلم اخوى على كلماتك التى تخلى الواحد يتشجع اكثر ويستمر
وترفع معناويتة000
جزاك الله كل الخير00تقبل كل احترامى وتقدير0
00تحياتى العطرة
اختك فى الاسلام :)