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

تغيير الخط الظاهر على الشاشة
هذا كله يمثل عينة بسيطة من الطرق التي يمكنك بها تعديل النص ، وسوف ترى أثناء تعاملك مع فرونت بيج أن معظم ما يتم إضافته إلى صفحات ويب التي تنشأها يأتي على شكل نصوص وستلاحظ أن فرونت بيج يوفر لك مرونة هائلة في طريقة القيام بتلك العملية إضافة النص إلى صفحة الويب
يتعامل فرونت بيج مع إضافة النص بنفس سهولة برامج معالجة الكلمات ، كل ما عليك هو أن تكتب وسوف يتم لف النص تلقائياً إلى السطر التالي بمجرد أن تصل إلى نهاية السطر الذي تكتبه لتبدأ بكتابة أي فقرة تريدها
إذا لم تكن لديك الآن صفحة فارغة على الشاشة ، فلتقم بإنشاء واحدة بفتح قائمة File ثم تحديد خيار New ثم Page ، في مربع حوار New ، حدد خيار Normal Page ، ثم انقر زر ok لتفتح صفحتك الجديدة عند الموضع الذي يظهر فيه مؤشر الكتابة ، اكتب ما يلي
بسم الله الرحمن الرحيم
لاحول ولا قوة إلا بالله
اضغط مفتاح الإدخال Enter واستمر في كتابة اى نص .
لا تضغط مفتاح الإدخال Enter عندما تصل إلى نهاية السطر ، فقط واصل الكتابة وسيتم لف النص تلقائياً إلى السطر التالي ، اضغط مفتاح الإدخال Enter بعد أن تنتهي من كتابة هذه الفقرة ينبغي أن يبدوا النص لديك بنفس الشكل التالي في ( الشكل 5-1 )



شكل 5-1


ثم أنه لابد أن تحدد النص الذي تريد تغييره أو إضافة أي سمة إليه ، مثلاً لتغيير حجم النص الذي كتبته ، قم بما يلي حدد نص بسم الله الرحمن الرحيم
من قائمة Format ، حدد أمر Font . في مجموعة Size ، استخدم شريط التمرير حتى تصل إلى خيار 7 ثم حدده ، انقر بعد ذلك زر ok ، لا بد أن يظهر النص لديك بنفس الحجم الموجود في الشكل بشكل عام ، يمنحك فرونت بيج قدراً معقولاً من حرية الاختيار في تحديد حجم النص الذي تكتبه ، ويبين الشكل 5-3 المدى المتاح لك في تغيير حجم النص حيث يبدأ من 8 إلى 36 نقطة



شكل 5-3


قائمة مختصرة : لست مضطراً لاستخدام قائمة Format حتى تفتح مربع حوار Font يمكنك أيضاً أن تنقر بزر الفأرة الأيمن بعد تحديد النص لتفتح قائمة مختصرة ، من هذه القائمة حدد أمر Font Properties لتفتح مربع حوار Font

إضافة الألوان والسمات
والآن ، قم بإضافة بعض السمات إلى النص ، ابدأ بتغيير لون العنوان
ولتغيير لون النص
حدد عنوان النص
من قائمة Format اختر أمر Font لتفتح مربع حوار Font ( انظر الشكل 5-4 )



شكل 5-4


افتح القائمة المنسدلة Color حتى تظهر لوحة الألوان حدد خيار Red ثم انقر زر ok لتغلق مربع حوار Font لتفتح مربع حوار Font يجب الآن أن يظهر عنوان الفقرة باللون الأحمر أيضاً يمكنك جعل النص عريضاً أو مائلاً أو أسفله خط
لجعل النص عريضاً
حدد الكلمات لاحول ولا قوة إلا بالله انقر رمز Bold ( يحمل هذا الرمز حرف B ) الموجود على شريط الأدوات لجعل النص مائلاً حدد الكلمات اي من الكلمات انقر رمز Italics ( يحمل هذا الرمز حرف I المائل ) الموجود على شريط الأدوات
ولإضافة سطر أسفل النص حدد كلمة الله جل جلاله انقر رمز Underline ( يحمل هذا الرمز حرف U ) الموجود على شريط الأدوات
الآن ينبغي أن تشبه الفقرة لديك ما هو مبين في الشكل (5-5 )
أنماط الخط والتأثيرا



شكل 5-5


حدد كلمة اي كلمة من النص من قائمة Format ، حدد أمر Font لتفتح مربع حوار Font
في جزء Effects ، يمكنك أن ترى التأثيرات المتنوعة التي يتيحها لك ، كما يتيح لك مربع المعاينة Preview رؤية الشكل الذي يظهر عليه النص بعد تطبيق أي تأثير من تلك التأثيرات لا حظ السطرين الظاهرين في مربع المعاينة يتيحان لك رؤية النص بالنسبة للتأثيرات التي تغير من الوضع الرأسي ، مثل تأثير انخفاض subscript وارتفاع superscript النص عن السطر مثلاً حدد خياري Caps Small و Superscript .
انقر زر ok لتغلق مربع الحوار وترى التغييرات التي أجريتها على النص يعد تغيير المسافة بين الأحرف Character Spacing من التأثيرات التي تستطيع استخدامها لإبراز النص هذه بعض الخيارات التي يمكنك تطبيقها فيما يتعلق بتأثير المسافة بين الأحرف
حدد الكلمات اي من الكلمات بالحروف الانجليزية او اكتب مثلاalhoosam.jeeran.com.
Font افتح مربع حوار
انقر علامة التبويب Character Spacing لتفتح اللوحة الخاصة بتأثير المسافة بين الأحرف
من مربع القائمة المنسدلة Spacing ، حدد خيار Expanded وفي مربع القائمة الذي يجاوره By ، حدد خيار 10



شكل 5-7


من مربع القائمة المنسدلة Position ، حدد خيار Raised . وفي مربع القائمة الذي يجاوره By ، اكتب 5
انقر زر ok لحفظ وتطبيق التغييرات التي أجريتها على المسافة بين الأحرف ( انظر الشكل 5-8 )
وكما ترى فإن تأثير المسافة بين الأحرف يعطيك قدراً من الحرية في التعديل في وضع النص



شكل 5-8

--------------------------------

التعرف على الجداول
إذا أجدت استخدام الجداول في صفحات الويب يتيح لك قدراً هائلاً من التحكم في وضع الصور والنصوص داخل الصفحات . والجداول عبارة عن هياكل شبكية مستطيلة ، تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً يعرض ( الشكل 6-1 ) بعض الأمثلة على الجداول



شكل 6-1


تسمى مجموعة الخلايا الأفقية بـ " صف " ، في حين تسمى مجموعة الخلايا الرأسية بـ " عمود " إنشاء الجداول
لإنشاء جدول
قم بإنشاء صفحة جديدة فارغة من قائمة Table ، حدد أمر Insert ثم Table لتفتح مربع حوار Insert Table ( انظر الشكل 6-2 )



شكل 6-2


الحجم الافتراضي لأي جدول جديد هو أربع خلايا تتألف من عمودين وصفين ،استخدم أيضا القيم الافتراضية لخيارات مجموعة Layout وكذلك خيار Specify width . انقر زر ok سيتم إنشاء الجدول ويظهر في الصفحة ( انظر الشكل 6-3 )



شكل 6-3

التعرف على أحجام الجداول
يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض الجدول وفق النسبة المئوية لحجم الشاشة أو عدد البكسلات بكسلات Pixels عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة ، ومن المرجح أنك سمعت المصطلح المستخدم لوصف درجة وضوح العرض على الشاشة .
على سبيل المثال ، من درجات الوضوح الشائعة درجتا 640X 480 و 800X 600.
هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً ) المعروضة على الشاشة التي تستخدمها عندما تحدد عرض الجدول وفق نسبة مئوية معينة ، فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول

لتغيير عرض الجدول
ضع مؤشر الكتابة داخل الجدول
من قائمة Table ، حدد خيار Select ثم Table من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties ( انظر الشكل 6-4 )



شكل 6-4


في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400
انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل
ارتفاع الجدول
تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار Table Properties رغم أن معظم مصممي صفحات الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه . ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول ، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات . حدد خيار Specify height ثم اكتب عدد البكسلات الذي تريد أن تحدده لارتفاع الجدول

التعامل مع تخطيط الجداول
حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية . فالمبالغة في تعيين قيم الخصائص تساعد على فهم طبيعة تلك الخصائص لتغيير حجم الحد في الجدول
حدد الجدول الذي أنشأته من قبل من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties في جزء Borders ، غير الحجم Size إلى 20
انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حجم الحد في الجدول ( انظر الشكل 6-5 )

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



شكل 6-5


أيضاً يكنك الاستعانة بحشو الخلايا cell padding لتغيير حشو الخلايا
حدد الجدول الذي أنشأته من قبل من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties في جزء Layout ، اضبط خانة Cell padding على 20 انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حشو الخلايا ( انظر الشكل 6-6 )



شكل 6-6


يمكنك أيضاً استخدام خاصية المسافة بين الخلايا cell spacing لتغيير المسافة بين الخلايا حدد الجدول الذي أنشأته من قبل من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties في جزء Layout ، اضبط خانة Cell spacing على 20 انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على المسافة بين الخلايا ( انظر الشكل 6-7 )



شكل 6-7


التعامل مع ألوان الجداول
يمكنك أن تحدد للجدول حدوداً عادية ، أو تنشئ تأثيراً ثلاثي الأبعاد من خلال الحدود الفاتحة light borders والحدود الداكنة dark borders

لتحديد لون حدود الجدول
حدد الجدول الذي أنشأته من قبل من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties في جزء Border ، انقر سهم القائمة المنسدلة Color لتفتح لوحة الألوان
حدد خيار Red لتظهر حدود الجدول باللون الأحمر انقر زر ok لتطبيق ورؤية اللون الذي حددته لحدود الجدول
يمكنك أيضاً تحديد ألوان ثلاثية الأبعاد لحدود الجدول لتحديد ألوان ثلاثية الأبعاد لحدود الجدول حدد الجدول الذي أنشأته من قبل من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties في جزء Border ، انقر سهم القائمة المنسدلة light Border لتفتح لوحة الألوان الخاصة بها حدد خيار Red لتظهر الحد الفاتح للجدول بهذا اللون
ومن نفس الجزء انقر سهم القائمة المنسدلة Dark Border لتفتح لوحة الألوان الخاصة بها حدد خيار Maroon ليظهر الحد الداكن للجدول بهذا اللون
انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على لون الحدود الفاتحة والداكنة للجدول ( انظر الشكل 6-8 )



شكل 6-8

-------------------------------------

معالجة الخلايا في الجدول
يمكنك إضافة أو إزالة الخلايا من الجدول في أي وقت تشاء ، بل وبوسعك أن تقسم الخلية إلى خليتين أو أكثر ، أيضاً يمكنك دمج خليتين أو أكثر في خلية واحدة

إضافة الخلايا
لإضافة صف جديد إلى الجدول قم بإنشاء جدول بسيط يحوي صفين وعمودين مستخدماً في ذلك القيم الافتراضية حدد إحدى خلايا الجدول بالنقر داخلها من قائمة Table ، حدد خيار Insert ثم Rows or Columns لتفتح مربع حوار Rows or Columns Insert ( انظر الشكل 7-1 )



شكل 7-1


حدد زر الخيار Rows لإدراج صف أو أكثر في الجدول حدد عدد الصفوف التي تريد إضافتها إلى الجدول . يمكنك إضافة من 1 إلى 1000 صف أسفل جزء Location ، حدد إذا ما كنت تريد إضافة الصفوف إلى أعلى أو أسفل الخلية التي يوجد بها مؤشر الكتابة حالياً انقر زر ok لإنهاء عملية الإضافة وإغلاق مربع الحوار ، سيظهر الجدول كما في ( الشكل 7-2 )
إضافة جدول داخل جدول : علاوة على إمكانية إضافة خلايا أو أعمدة أو صفوف إلى الجدول ، يتيح لك فرونت بيج إضافة جدول جديد إلى الجدول الحالي ، قم ببساطة بتحديد الخلية التي تريد أن تضيف إليها الجدول الجديد ثم اتبع الخطوات السابق ذكرها



شكل 7-2


تقسيم الخلايا
قد ترغب أحياناً بتقسيم الخلية إلى عدة خلايا ويبين ( الشكل 7-3 ) مثالاً على ذلك لتقسيم الخلية الواحدة إلى خليتين أو أكثر حدد الخلية التي تريد تقسيمها بالنقر داخلها من قائمة Table ، اختر أمر Split Cells لتفتح مربع حوار Split Cells ( انظر الشكل 7-4 )
حدد نوع التقسيم الذي تريده ، إلى أعمدة Columns أو صفوف Rows حدد عدد الأعمدة أو الصفوف الذي تريد أن تنقسم إليه الخلية المحددة ، في الوضع الافتراضي ، يتم تحديد 2 ، وأقصى عدد يمكنك تحديده هو 100



شكل 7-3



شكل 7-4


انقر زر ok لإغلاق مربع الحوار وبدء التقسيم ( انظر الشكل 7-5 )



شكل 7-5


دمج الخلايا
لدمج خليتين أو أكثر
حدد الخلية الأولى التي تريد أن تدمج فيها بقية الخلايا ثم ضع مؤشر الكتابة بداخلها
احتفظ بمفتاح Shift مضغوطاً ثم حدد الخلية المجاورة التي تريد أن تدمجها بالخلية السابقة المحددة ستظهر الخليتان بلون مميز ( انظر الشكل 7-6 )
من قائمة Table اختر أمر Merge Cells وسيتم دمج الخلايا التي حددتها في خلية واحدة ( انظر الشكل 7-7 )



شكل 7-6



شكل 7-7


حذف الخلايا
لحذف خلية أو أكثر من الجدول
قرر أولاً إذا ما كنت تريد حذف خلية أم عمود أم صف من الجدول حدد الخلية أو العمود أو الصف الذي تريد حذفه من الجدول من قائمة Table ، حدد خيار Select ثم Cell ( أو Column أو Rows ، وذلك بحسب ما تريد حذفه ) بتحديد الجزء الذي تريد حذفه من الجدول ، افتح مرة أخرى قائمة Table ثم اختر أمر Delete Cells .
سيتم حذف ما قمت بتحديده من الجدول توزيع الصفوف والأعمدة بالتساوي إذا كان لديك جدول يشبه المعروض في ( شكل 7-8 ) فلك أن تعيد توزيع الخلايا الموجودة في الصف الثاني حتى تبدو جميعها في أحجام متساوية
لإعادة توزيع أحد الصفوف غير المتساوية حدد الجدول الذي يحوي الصفوف أو الأعمدة التي تريد إعادة توزيعها بالتساوي من قائمة Table ، حدد أمر Distribute Rows Evenly ، ستتم إعادة توزيع الأعمدة أو الصفوف لتبدو بشكل متساوي في حالة قيامك بإعادة توزيع الصفوف والأعمدة في جدولك لكن دون حدوث تلك العملية بالصورة الدقيقة التي تريدها ، فإنه يمكنك استخدام أمر التراجع undo من قائمة Edit للرجوع للحالة السابقة



شكل 7-8

-------------------------------------

أنواع القوائم التي يمكنك إنشاؤها
يتيح لك فرونت بيج خياراً لإنشاء القوائم النقطية bulleted lists ( انظر الشكل 8-1 ) أو القوائم الرقمية ( انظر الشكل 8-2 )



شكل 8-1



شكل 8-2


الغرض من القوائم هو تجميع العناصر المتشابهة معاً في مكان واحد أو إيضاح نوع معين من التدرج

إنشاء القوائم
فرونت بيج يتيح لك خياراً بثلاثة أنواع مختلفة من القوائم
القائمة الرقمية
القائمة النقطية
قائمة نقطية باستخدام الصور

إنشاء قائمة رقمية
إليك طريقة إنشاء قائمة رقمية في فرونت بيج
قم بإنشاء قائمة تعرض الخطوات اللازمة لتنفيذ مهمة معينة ، اكتب – مثلاً – طريقة الوضوء بالترتيب خطوة خطوة، كما في ( شكل 8-3 )



شكل 8-3


حدد النص الذي ستشكل من القائمة من قائمة Format ، اختر أمرNumbering Bullets and لتفتح مربع حوار Numbering Bullets and ( انظر الشكل 8-4)



شكل 8-4


حدد علامة تبويب Numbers لتفتح اللوحة الخاصة بها ( انظر الشكل 8-5 )



شكل 8-5


حدد نوع الترقيم الذي تريد استخدامه في تنسيق القائمة إذا أردت أن تبدأ القائمة الرقمية بأي رقم خلاف 1 ( أو خلاف حرف A ) فحدد من خانة start at القيمة التي تريد أن تبدأ منها القائمة
انقر زر ok لإغلاق مربع الحوار وإنشاء القائمة الرقمية ( انظر الشكل 8-6 )



شكل 8-6


إنشاء قائمة نقطية
يطلق على القوائم النقطية أحياناً " غير المرتبة " أو " غير المرقمة " وهناك نوعين تنشأها من القوائم النقطية ، قوائم نقطية عادية وقوائم نقطية باستخدام الصور يتيح لك فرونت بيج أيضاً إنشاء قوائم باستخدام ملفات الصور . كما يحتوي على ملفات صور صغيرة لإنشاء قائمة نقطية عادية
قم بإنشاء قائمة من عدة عناصر حدد النص الذي تتشكل منه القائمة من قائمة Format ، اختر أمر Numbering Bullets and لتفتح مربع حوار Numbering Bullets and حدد علامة تبويب plain bullets لفتح اللوحة الخاصة بها
حدد نوع النقاط الذي تريد استخدامه لتنسيق القائمة
انقر زر ok لإغلاق مربع الحوار وإنشاء القائمة أما لإنشاء قائمة نقطية باستخدام الصور قم بإنشاء قائمة من عدة عناصر
حدد النص الذي تتشكل منه القائمة من قائمة Format ، اختر أمر Numbering Bullets and لتفتح مربع حوار Numbering Bullets and حدد علامة Picture Bullets لتفتح اللوحة الخاصة بها
حدد الصورة التي تريد استخدامها كنقاط في القائمة . إذا كنت تستخدم فكرة عامة سائدة theme في القائمة ، فلك أن تحدد صورة مرتبطة بهذه الفكرة . في هذه الحالة ، حدد خيار Use picture from Current Theme .أما إذا لم تكن تستخدم فكرة عامة في القائمة ، فحدد الصورة التي تريد ثم حدد زر Specify Picture ، ثم اكتب اسم ملف الصورة التي تريد استخدامها . وإذا لم تكن متأكداً من اسم الملف أو موقعه ، فانقر زر Browse لتحدد موقع ملف الصورة المراد استخدامها من مربع الحوار الذي سيظهر لك
انقر زر ok لإغلاق مربع الحوار وإنشاء القائمة النقطية باستخدام الصور ( انظر الشكل 8-8 )



شكل 8-8

الصفحة السابقة