النمور الخمسة -- tiger5
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي

النمور الخمسة -- tiger5

للإستفسار / tiger5.hooxs@yahoo.com--thetiger_20108@yahoo.com وليس لنا مندوب إعلانى
 
الرئيسيةس .و .جالتسجيلدخول
أفضل 10 أعضاء في هذا المنتدى
thetiger_tech
 
Admin
 
THeMATRIX
 
midoo elngaar
 
tito&sky4ever
 
أبو الوليد المصرى
 
manchester
 
maher_hasan2
 
صافي الورد
 
ظاظا باشا
 
تصويت
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية Digg  تسجيل صفحاتك المفضلة في مواقع خارجية Delicious  تسجيل صفحاتك المفضلة في مواقع خارجية Reddit  تسجيل صفحاتك المفضلة في مواقع خارجية Stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية Slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية Yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية Google  تسجيل صفحاتك المفضلة في مواقع خارجية Blinklist  تسجيل صفحاتك المفضلة في مواقع خارجية Blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية Technorati  

قم بحفض و مشاطرة الرابط tiger5 على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط النمور الخمسة -- tiger5 على موقع حفض الصفحات
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم

شاطر | 
 

 دوٍرٍة لـتعلمٍ إلفرٍوٍنــت بيـــجٍ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
thetiger_tech
Admin
Admin
avatar

عدد المساهمات : 181
تاريخ التسجيل : 02/10/2009
العمر : 27
الموقع : http://tiger5.hooxs.com

مُساهمةموضوع: دوٍرٍة لـتعلمٍ إلفرٍوٍنــت بيـــجٍ   الخميس نوفمبر 05, 2009 9:56 am









دوٍرٍة لـ.تعلمٍ إلفرٍوٍنت بيجٍ

الشرح

[b][size=21]إلسلآمٍ عليكمٍ وٍرٍحمة الله وٍبرٍكآ’تة ..


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

* تبدأ صفحة html أو الإتش تي ام ال بـالوسم وتنتهي بـالوسم .
* تنقسم الصفحة إلى منطقتين هما :
1- منطقة الرأس أو الهيد: وتبدأ بـالوسم وتنتهي بـالوسم وتحتوي على عنوان الصفحة .
2- منطقة الجسم أو البودي: وتقع بين الوسمين و .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة



الدرس الأول

والآن افتح الفرونت بيج2000 ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview

* القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .
* القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .
* القسم
Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء
للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview .


** شرح أهم رموز أشرطة أدوات فرونت بيج 2000 :






الدرس الثاني

بعد أن تعرفت على واجهة فرونت بيج 2000 ابدأ التنفيذ الآن :

أولاً : حدد خصائص الصفحة
في أي مكان فارغ في الصفحة اضغط يمين الفارة واختر من القائمة المنسدلة Page Properties ستظهر لك النافذة التالية :



حدد ما تريد... بعد ذلك اضغط في الأعلى على علامة التبويب Background ستظهر لك النافذة التالية :




حدد ما تريد ثم اضغط OK .

ثانياً : ابدأ بتحرير الصفحة وإدراج الصور وعمل الارتباطات بين الصفحات
* لإدراج نص في الصفحة : ضع المؤشر في أي سطر تريد وفي أي جههة ( وسط أويمين أو يسار ) ثم ابدأ بالكتابة .
[ ملاحظة :
عند الكتابة في الفرونت بيج وأردت الانتقال للسطر التالي لإكمال الجملة
السابقة بالضغط على Enter ستكون المسافة كبيرة بين السطور ولكن اضغط (
Shift+Enter ) . ]

* لإدراج صورة : افتح القائمة Insert ثم اختر Picture ستفتح قائمة اختر منها From File بعد ذلك اختر الصورة التي تريدها واضغط OK .
* لوضع وصلة أو ارتباط أو لنك أو حسب ما تسميها ، تنقلك لصفحة أخرى أو لصورة أو لمستند وورد أو لأي ملف عند الضغط عليها :
1- اكتب اسم الارتباط : مثلاً .. لمشاهدة صفحتي الشخصية "اضغط هنا" .
2- ظلل "اضغط هنا " .. وهي الجملة التي تريدها أن تصبح ارتباط لصفحتك الشخصية .
3- افتح القائمة Insert واختر منها Hyperlink أو اضغط Ctrl+K في لوحة المفاتيح .. ستظهر لك النافذة التالية




(1)
: في هذه المساحة ستظهر الصفحات التي قمت بحفظها .. وهذا سيسهل عمل ارتباط
إلى هذه الصفحات .. فقط أشر بالماوس على الصفحة التي تريد ربطها بجملة "
اضغط هنا " وستكتب مباشرة في الخانة (2) ، ثم اضغط OK .

(2) : في هذه الخانة يمكنك كتابة اسم الصفحة مباشرة مع امتدادها وهو (htm.) .
(3)
: بالضغط على هذا الرمز ستفتح لك نافذة جديدة يمكنك من خلالها أن تستعرض
مجلدات وملفات جهازك واختيار ما شئت لتربطه بالجملة المظللة في الصفحة .

(4)
: بالضغط على هذا الرمز ستفتح لك نافذه لعمل ارتباط إلى بريد إلكتروني ..
عند الضغط على الوصلة في المتصفح يفتح برنامج البريد الإلكتروني الافتراضي
للشخص المتصفح ليرسل لك رسالة على العنوان التي ستكتبه في هذه النافذة .

بعد أن تختار نوع الملف الذي ستربطه بجملة " اضغط هنا " اضغط OK .
ستلاحظ أن جملة "اضغط هنا" أصبح تحتها خط أي أنها أصبحت ارتباط لصفحة أخرى أو لملف آخر .
[ وبنفس الطريقة تقوم بعمل جميع الارتباطات في موقعك .. جرب عمل وصلة أخرى لملف من نوع آخر !!] .
** لاحظ
أن الارتباط يجب ان يكتب فيه الاسم مع امتداد الملف ... فمثلاً البرامج
تكون عادة بامتداد exe أو zip لذا يجب عليك كتابة هذا الامتداد اذا رغبت
عمل صفحة برامج مجانية ... فمثلاً لو اردت عمل ارتباط لتحميل برنامج باسم
mIRC وامتداده هو exe يجب ان يكون الارتباط كالتالي : mIRC.exe ، وهكذا
لبقية الملفات باختلاف امتداداتها .




# كيف سأحفظ صفحاتي وبقية ملفاتي في الجهاز ؟؟؟

1- قم بحفظ الصور التي ستستخدمها في موقعك بأحد الامتدادين jpg أو gif .
* حيث ستستخدم امتداد jpg للمناظر الطبيعية أو الصور التي لا تقبل تقليل ألوانها حتى لا تفسد دقتها .
* أما امتداد gif فهو للجرافيك التي ستقوم بعملها في برنامج الرسم لديك .
2- يجب
حفظ جميع ملفاتك من صفحات وصور .. إلخ في مجلد واحد وبعد ذلك قم بعمل
ارتباطات إليها .. وذلك حتى لا تحدث مشاكل في ظهورها عند ارسالها إلى
الشبكة

[ يفترض فرونت بيج حفظ جميع صفحاتك في المجلد التالي C:my********/my*** .. لذلك يجب عليك أن تضع جميع ملفاتك التي ستستخدمها في مجلد my*** قبل عمل اي ارتباط لها . أما بالنسبة للصور فيفترض فرونت بيج لها مجلد داخل مجلد my*** وهو images لذلك يفضل أن تضع الصور والجرافيك فيها خاصة اذا كان موقعك به عدد كبير منها .. أي ستحفظها في c:my********/my***/images وبعد ذلك تقوم بإدراجها في الصفحة أو تصنع لها ارتباط كما تعلمت في السابق ] .

* طريقة حفظ الصفحة في الجهاز بعد عملها :
افتح القائمة File واختر Save ستفتح لك النافذة التالية :




في
الخانة File name اكتب اسم الصفحة .. كما يمكنك تغيير عنوان الصفحة الذي
حددته مسبقا في خصائص الصفحة من هذه النافذة وذلك بالضغط على Change فوق
اسم الصفحة بعد ذلك اضغط Save ستلاحظ أن البرنامج حفظها في مجلد my*** كما
ذكرنا آنفاً.

** ملاحظات مهمة **
1- يجب أن
يكون اسم الصفحة الرئيسية Index وذلك حتى تظهر مباشرة عند كتابة عنوان
موقعك في المتصفح دون الحاجة إلى كتابة اسم هذه الصفحة .

2- يجب أن
تستخدم الحروف اللاتينية لكتابة اسم الصفحة أو أي رمز من الرموز المعروفة
والموجودة في لوحة المفاتيح ولا تستخدم حروف عربية أو رموز غريبة .



# كيف سيكون مسار ملفاتي في الشبكة ؟؟؟

أنت في جهازك قمت بحفظ ملفاتك في مجلد my*** الذي مساره c:my********/my*** هذا المسار سيستبدل باسم موقعك أي سيصبح مثلا Yahoo! ،
وستنقل ملفاتك إلى الشبكة بنفس ترتيبها في جهازك .. فمثلاً أنت لديك مجلد
تحفظ فيه جميع صور موقعك وهو باسم images .. لذلك ستقوم بإنشاء مجلد بنفس
الاسم في موقعك في الشبكة وتضع فيه جميع الصور المستخدمة . أما بالنسبة
للملفات الأخرى مثل صفحات الويب التي قمت بعملها والتي تتميز بامتداد
(htm.) ، أو
مستند وورد ، أو غيرها فأنت وضعتها في جهازك في مجلد my*** جنباً إلى جنب مع مجلد images .. لذلك سترسلها إلى الشبكة بجانب مجلد images.




الدرس الثالث

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


# والآن ابدأ باستخدام الجداول :

اضغط
على رمز ادراج جدول في شريط الأدوات العلوي ( راجع شرح الرموز في الخطوة
الأولى ) واختر عدد الأعمدة والصفوف التي تريدها . أو استخدم
insert>table وحدد عدد الخلايا .


*
ستلاحظ أن حدود الجدول الداخلية والخارجية بارزة .. فماذا لو كنت تريد
حدود الجدول مخفية في (Preview) وظاهرة في قسم (Normal) للتعامل معها
وتدرج ما تريد ؟؟

ضع
المؤشر في أي خلية داخل الجدول وانقر يمين الفارة ستفتح قائمة اختر منها
Table Propeties ستفتح لك نافذة توضح خصائص الجدول وهي كالتالي :




(1): لتحديد موضع الجدول في الصفحة .
(2): لتحديد المسافة بين الخلايا .
(3):
من هذا الخيار يمكنك اخفاء حدود الجدول في المتصفح وذلك بوضع قيمة سمك
الإطار Border=0 ، ويمكنك من هنا أيضاً زيادة سمك الإطار .

(4): لاختيار لون الإطار حول الخلايا .
(5): لاختيار لون خلفية للجدول .
(6): لاختيار صورة كخلفية للجدول .
(7): لاختيار عرض وارتفاع خلايا الجدول .
(Cool:
باختيار لونين مناسبين من الخانتين Light border و Dark border يمنكنك جعل
خلايا الجدول وكأنها بارزة .. وهذا سيعطها مظهر جميل .

قم باختيار ما شئت من خصائص واضغط OK .

** ملاحظة **
( أي اختيار ستختاره من خصائص الجدول سينطبق على جميع خلايا الجدول ) .
ولكن ماذا لو أردت تطبيق خصائص معينة على خلية واحدة أو مجموعة من الخلايا دون البقية ؟؟ الأمر بسيط ..!!

1- لخلية واحدة ضع المؤشر بداخلها .. ولعدة خلايا قم بتحديد هذه الخلايا .
2- اضغط يمين الفارة واختر Cell Properties ستظهر لك النافذة التالية التي توضح خصائص الخلية :



3- كما تلاحظ أنها شبيهة بخصائص الجدول .. اختر منها ما تريد من خصائص لتطبيقها على خلية واحدة أو خلايا محددة ثم اضغط OK .

** ملاحظة **
( لفهم الجداول والتعرف إلى تعقيداتها بشكل أفضل احفظ الصفحات التى ترى تعقيداً في تصميمها وافتحها في الفرونت بيج 2000 ) .



الدرس الرابع

# أولاً: كيف تضع خط أفقي في صفحتك ؟
لوضع خط أفقي في الصفحة اذهب إلى Insert>Horizontal Line سيظهر لك الخط بإعداداته الافتراضية ... لكن يمكنك تغييرها حسب ما تريد .
انقر نقرة مزدوجة على الخط الأفقي عندها ستظهر لك النافذة التالية :



(1) : طول الخط (2) : سمك الخط (3) : لون الخط



# ثانياً: كيف تدرج رمز ما في صفحتك ؟

لإدراج رمز اذهب إلى Insert>Symbol ستفتح نافذة بها عدد كبير من الرموز .. اختر منها واضغط Insert ثم اضغط Close .



# ثالثاً: كيف تضع تعداد رقمي أو نقطي في صفحتك ؟

أي لو كان لديك عدد من الأسطر وتريد ترقيمها أو وضع نقاط بجانبها بأي شكل كانت .. فماذا تفعل ؟
1- اكتب السطور التي تريد ترقيمها واجعل الانتقال بينها بواسطتة Enter فقط وليس Enter+Shift .
2- ظلل
السطور التي تريد ترقيمها واذهب إلى Format>Bullest and Numbering
واختر منها ما تريد ثم اضغط OK .. ستجد أن المسافة بين الأسطر أصبحت صغيرة
.




# رابعاً: كيف تدرج نص متحرك في صفحتك ؟

اذهب إلى Insert>Component>Marquee ستفتح لك النافذة التالية :



(1): اكتب هنا النص المتحرك .
(2): سرعة تحريك النص .
(3): نوع الحركة .
(4): لوضع لون لخلفية النص المتحرك .
اختر ما تريد ثم اضغط OK ... قم بمعاينته في قسم Preview .
لو اردت تغيير الاعدادات انقر نقراً مزدوجاً على النص المتحرك ستظهر النافذة السابقة .. أجر تعديلاتك ثم اضغط OK .



# خامساً: ما هي خاصية البوك مارك ؟

هل
سبق لك أن زرت موقع عندما تضغط على ارتباط ينقلك إلى مكان آخر ولكن في نفس
الصفحة ؟ انها خاصية البوك مارك !! فكيف يتم عملها ؟ تابع الخطوات التالية
فالعملية سهلة :

1- حدد النص أو الصورة التي تريد الزائر أن ينتقل إليها عند ضغط ارتباط معين .
2- اذهب إلى Insert>Bookmark ستفتح النافذة التالية :



3- اكتب اسم لهذا النص أو الصورة في خانة Bookmark name ثم اضغط OK .
4- حدد النص أو الصورة التي تريد الزائر أن يضغطها لينتقل إلى هناك .
5- اذهب إلى Insert>Hyperlink ستفتح النافذة التالية :




6- افتح القائمة المنسدلة بجوار كلمة Bookmark ستجد أن الاسم الذي كتبته في الخطوة (3) موجود هنا قم باختياره ثم اضغط OK .
قم بتجربته في المعاينة ... ولكن لن يتضح لك إلا إذا كانت المسافة بين الارتباط والهدف أكبر من ارتفاع الشاشة .


# سادساً: كيف تدرج أزرار متغيرة بواسطة فرونت بيج 2000 ؟

هل
سبق لك أن زرت موقع عند مرور الفارة على زر يتغير لونه أو يتحرك أو يحدث
له أي تأثير ؟ ... يمكنك عمل بعض هذه التأثيرات بواسطة فرونت بيج 2000
كالتالي
:

1- ضع المؤشر في المكان الذي تريد ظهور الزر فيه .
2- اذهب إلى Insert>component>Hover Button ستفتح النافذة التالية :



3- حدد الخيارات التالية :
(1): في هذه الخانة اكتب النص الذي تريد ظهوره في الزر .
(2): الصفحة التي تريد الزائر ينتقل إليها عند ضغط الزر .
(3): لون الزر .
(4): نوع التأثير .
(5): عرض الزر .
(6): ارتفاع الزر .

وبعد ضبط الإعدادات اضغط OK ، ثم قم بتجربة التأثير في قسم المعاينة Preview .
** ملاحظة **
[لو اردت تغيير الاعدادات انقر الزر نقراً مزدوجاً على الزر ستفتح النافذة السابقة ثم قم بالتعديلات اللازمة واضغط OK].












[/b][/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
Admin
Admin
avatar

عدد المساهمات : 158
تاريخ التسجيل : 30/09/2009

مُساهمةموضوع: رد: دوٍرٍة لـتعلمٍ إلفرٍوٍنــت بيـــجٍ   الأحد نوفمبر 14, 2010 2:56 pm

Surprised
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://tiger5.hooxs.com
 
دوٍرٍة لـتعلمٍ إلفرٍوٍنــت بيـــجٍ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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