منتدى البرامج العام يختص بكل ماهو جديد وحصرى من البرامج الكاملة ...

الرئيسيــــة استرجاع كلمة المرور دليـل الموقــع أكواد الألــوان

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
منتديات ساسو سوفت - Sasosoft Forums
قديم منذ /05-07-2009, 12:00 AM   #1

nader
 
الصورة الرمزية nader

:: عضو فعال ::

nader غير متواجد حالياً

 رقم العضوية : 31
 تاريخ التسجيل : 13 - 2 - 2009
 المشاركات : 434
 النقاط : nader is on a distinguished road
 تقييم المستوى : 20

Thumbs up الدرس الثالث من دوره الفرونت بيج

<*iv align="center">[IMG]http://www.zerovb.com/Pala*in/Images/bsm.gif[/IMG]


<*iv align="center">




<*iv align="center"><*iv align="center">أساسيات النص<*iv align="center"><*iv align="center">


<*iv align="center">



<*iv align="center">

<*iv align="center">=========================
<*iv align="center">



<*iv align="center"><*iv align="center">================<*iv align="center">
<*iv align="center">




<*iv align="center"><*iv align="right">سوف تتعلم كيفية إضافة النص إلى صفحاتك وإذا كنت قد أمضيت وقتاً طويلاً داخل الويب فلعلك قد لاحظت أن معظم مواقع الويب يتم إعدادها بغرض توصيل أنواع مختلفة من المعلومات ، ومازال النص من أكثر الوسائل فعالية في أداء هذه المهمة .<*iv align="center">

<*iv align="right">أيضاً يتيح لك فرونت بيج تزيين النص وتنسيقه بالإضافة إلى وضع النص الأصلي في الصفحة
<*iv align="center">



<*iv align="center"><*iv align="center">يمكنك باستخدام فرونت بيج <*iv align="center">
<*iv align="center">



<*iv align="center">

<*iv align="center">=========================
<*iv align="center">



<*iv align="center"><*iv align="center">================<*iv align="center">
<*iv align="center">




<*iv align="center"><*iv align="right">× تعديل حجم النص .<*iv align="center">

<*iv align="right">× ضبط وضع النص ، كأن يكون منخفضاً subscript أو مرتفعاً superscript عن السطر .

<*iv align="right">× إضافة سمات إلى النص ، كأن تجعله عريضاً أو مائلاً أو أسفله سطر ، أو حتى الجمع بين هذه السمات .

<*iv align="right">× توسيط النص على الشاشة .

<*iv align="right">× إضافة ألوان أو أي تأثيرات أخرى ، مثل تأثير النص الوامض .

<*iv align="right">× تغيير الخط الظاهر على الشاشة .

<*iv align="right">هذا كله يمثل عينة بسيطة من الطرق التي يمكنك بها تعديل النص ، وسوف ترى أثناء تعاملك مع فرونت بيج أن معظم ما يتم إضافته إلى صفحات ويب التي تنشأها يأتي على شكل نصوص وستلاحظ أن فرونت بيج يوفر لك مرونة هائلة في طريقة القيام بتلك العملية .

<*iv align="right">إضافة النص إلى صفحة الويب

<*iv align="right">يتعامل فرونت بيج مع إضافة النص بنفس سهولة برامج معالجة الكلمات ، كل ما عليك هو أن تكتب وسوف يتم لف النص تلقائياً إلى السطر التالي بمجرد أن تصل إلى نهاية السطر الذي تكتبه .
<*iv align="center">



<*iv align="center"><*iv align="center">لتبدأ بكتابة أي فقرة تريدها <*iv align="center">
<*iv align="center">



<*iv align="center">

<*iv align="center">=========================
<*iv align="center">



<*iv align="center"><*iv align="center">================<*iv align="center">
<*iv align="center">




<*iv align="center"><*iv align="right">1- إذا لم تكن لديك الآن صفحة فارغة على الشاشة ، فلتقم بإنشاء واحدة بفتح قائمة Fileثم تحديد خيار Newثم Page، في مربع حوار New، حدد خيار Normal Page ، ثم انقر زر okلتفتح صفحتك الجديدة .<*iv align="center">

<*iv align="right">2- عند الموضع الذي يظهر فيه مؤشر الكتابة ، اكتب ما يلي :

<*iv align="right">بسم الله الرحمن الرحيم

<*iv align="right">لاحول ولا قوة إلا بالله

<*iv align="right">3- اضغط مفتاح الإدخال Enterواستمر في كتابة اى نص . لا تضغط مفتاح الإدخال Enter عندما تصل إلى نهاية السطر ، فقط واصل الكتابة وسيتم لف النص تلقائياً إلى السطر التالي ،
<*iv align="center">4- اضغط مفتاح الإدخال Enterبعد أن تنتهي من كتابة هذه الفقرة ينبغي أن يبدوا النص لديك بنفس الشكل التالي




<*iv align="center">=========================


<*iv align="center">================



<*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/MR829266.jpg[/IMG]



<*iv align="center"><*iv align="center">
<*iv align="center">




<*iv align="center"><*iv align="center"><*iv align="right">ثم أنه لابد أن تحدد النص الذي تريد تغييره أو إضافة أي سمة إليه ، مثلاً لتغيير حجم النص الذي كتبته<*iv align="center">

<*iv align="center">قم بما يلي
<*iv align="center">

<*iv align="center">




<*iv align="center"><*iv align="center"><*iv align="right">1- حدد نصبسم الله الرحمن الرحيم .<*iv align="center">

<*iv align="right">2- من قائمة Format، حدد أمر Font. في مجموعة Size، استخدم شريط التمرير حتى تصل إلى خيار 7 ثم حدده ، انقر بعد ذلك زر ok ، لا بد أن يظهر النص لديك بنفس الحجم الموجود في الشكل .
<*iv align="center">

<*iv align="center">



<*iv align="center"><*iv align="center">بشكل عام ، يمنحك فرونت بيج قدراً معقولاً من حرية الاختيار في تحديد حجم النص الذي تكتبه ، ويبين الشكل يوضح المدى المتاح لك في تغيير حجم النص حيث يبدأ من 8 إلى 36 نقطة .
<*iv align="center">



<*iv align="center"><*iv align="center"><*iv align="center">
<*iv align="center">

<*iv align="center">



<*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/r4g29604.jpg[/IMG]


<*iv align="center"><*iv align="center">
<*iv align="center">



<*iv align="center"><*iv align="right">قائمة مختصرة : لست مضطراً لاستخدام قائمة Formatحتى تفتح مربع حوار Font يمكنك أيضاً أن تنقر بزر الفأرة الأيمن بعد تحديد النص لتفتح قائمة مختصرة ، من هذه القائمة حدد أمر Font Properties لتفتح مربع حوارFont .<*iv align="center">

<*iv align="right">إضافة الألوان والسمات

<*iv align="right">والآن ، قم بإضافة بعض السمات إلى النص ، ابدأ بتغيير لون العنوان

<*iv align="center">ولتغيير لون النص

<*iv align="right">1- حدد عنوان النص .

<*iv align="right">2- من قائمة Formatاختر أمر Fontلتفتح مربع حوار Font
<*iv align="center">



<*iv align="center"><*iv align="right"><*iv align="center">
<*iv align="center">
<*iv align="center">




<*iv align="center"><*iv align="right"><*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/LSi29784.jpg[/IMG]
<*iv align="center">
<*iv align="center">



<*iv align="center"><*iv align="center">
<*iv align="center">



<*iv align="center"><*iv align="right"><*iv align="center"><*iv align="right">3- افتح القائمة المنسدلة Color حتى تظهر لوحة الألوان .

<*iv align="center"><*iv align="right">4- حدد خيار Re* ثم انقر زر ok لتغلق مربع حوار Font لتفتح مربع حوار Font يجب الآن أن يظهر عنوان الفقرة باللون الأحمر .


<*iv align="right">أيضاً يمكنك جعل النص عريضاً أو مائلاً أو أسفله خط .


<*iv align="center">لجعل النص عريضاً


<*iv align="right">1- حدد الكلمات لاحول ولا قوة إلا بالله.


<*iv align="right">2- انقر رمز Bol* ( يحمل هذا الرمز حرف B ) الموجود على شريط الأدوات .


<*iv align="center">لجعل النص مائلاً


<*iv align="right">1- حدد الكلمات اي من الكلمات .


<*iv align="right">2- انقر رمز Italics ( يحمل هذا الرمز حرف I المائل ) الموجود على شريط الأدوات .


<*iv align="right">ولإضافة سطر أسفل النص :


<*iv align="right">1- حدد كلمة الله جل جلاله .


<*iv align="right">2- انقر رمز Un*erline ( يحمل هذا الرمز حرف U ) الموجود على شريط الأدوات .


<*iv align="right">3- الآن ينبغي أن تشبه الفقرة لديك


<*iv align="center"><*iv align="center"><*iv align="center">






<*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/tcE30337.jpg[/IMG]





<*iv align="center">
<*iv align="center">


<*iv align="center"><*iv align="center">
<*iv align="center">


<*iv align="center">- حدد كلمة اي كلمة من النص.


<*iv align="right">2- من قائمة Format، حدد أمر Font لتفتح مربع حوار Font.


3- في جزء Effects، يمكنك أن ترى التأثيرات المتنوعة التي يتيحها لك ، كما يتيح لك مربع المعاينة Previewرؤية الشكل الذي يظهر عليه النص بعد تطبيق أي تأثير من تلك التأثيرات .


لا حظ السطرين الظاهرين في مربع المعاينة يتيحان لك رؤية النص بالنسبة للتأثيرات التي تغير من الوضع الرأسي ، مثل تأثير انخفاض subscriptوارتفاع superscript النص عن السطر


4- مثلاً حدد خياري Caps Small و Superscript . انقر زر okلتغلق مربع الحوار وترى التغييرات التي أجريتها على النص .


يعد تغيير المسافة بين الأحرف Character Spacing من التأثيرات التي تستطيع استخدامها لإبراز النص .


هذه بعض الخيارات التي يمكنك تطبيقها فيما يتعلق بتأثير المسافة بين الأحرف :


1- حدد الكلمات اي من الكلمات بالحروف الانجليزية او اكتب مثلاTRAIDNT .


2- افتح مربع حوار Font.


3- انقر علامة التبويب Character Spacing لتفتح اللوحة الخاصة بتأثير المسافة بين الأحرف .


4- من مربع القائمة المنسدلة Spacing ، حدد خيار Expan*e* وفي مربع القائمة الذي يجاوره By ، حدد خيار 10



<*iv align="center"><*iv align="center">
<*iv align="center">




<*iv align="right"><*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/*8C30891.jpg[/IMG]








<*iv align="center">5- من مربع القائمة المنسدلة Position، حدد خيار Raise*. وفي مربع القائمة الذي يجاوره By، اكتب 5.

<*iv align="right">6- انقر زر okلحفظ وتطبيق التغييرات التي أجريتها على المسافة بين الأحرف





<*iv align="center">[IMG]http://uploa*.trai*nt.net/upfiles/fmU31185.jpg[/IMG]<*iv align="center">





<*iv align="right">



<*iv align="center"><*iv align="center">=========================<*iv align="center">
<*iv align="center">



<*iv align="center"><*iv align="center">================<*iv align="center"><*iv align="center">


<*iv align="center">انتهى الدرس


<*iv align="center">اتمنى اكون موفق فى الشرح




<*iv align="center">




التعديل الأخير تم بواسطة mokhtar1 ; 05-07-2009 الساعة 12:42 AM.
  رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس السابع من دوره تصميم الاستايل بتقنيه (css fruit منتدى دروس وشروحات تصميم الاستايلات 0 21-11-2010 12:39 AM
الدرس الخامس من دوره تصميم الاستايل بتقنيه (css) fruit منتدى دروس وشروحات تصميم الاستايلات 0 21-11-2010 12:25 AM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) fruit منتدى دروس وشروحات تصميم الاستايلات 0 21-11-2010 12:21 AM
الدرس الثانى " من دوره الفرونت بيج >> استخدام القوالب في فرونت بيج حمدى منتدى البرامج العام 0 24-06-2009 06:31 PM
الدرس الثالث فيديو Class - metho* (دوره الجافا فيديو) mokhtar1 منتدى البرمجة 0 06-03-2009 09:02 PM

RSS RSS 2.0 XML MAP

الساعة الآن 10:22 PM.


Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd

جميع المشاركات المنشورة فى المنتدى لا تعبر عن وجه نظر الإدارة

Please dont post any copyrighted materials like cracks , serials , nulled products .. ETC