الأنماط في صفحات الويب

[J O K E R]

التعرف على صفحات الأنماط<?XML:NAMESPACE PREFIX = O /><O:P></O:P>






هي عبارة عن وسيلة تتيح التحكم في سمات معينة داخل موقع الويب بأكمله . بعبارة أخرى ، تتيح لك صفحات الأنماط التحكم في سمات معينة داخل موقع الويب بأكمله . أي أنها تتيح لك التحكم في كافة مظاهر النص الذي يظهر داخل صفحات الويب . أما ما يتعلق بمواصفات صفحات الأنماط ، فبإمكانك أن تقرأها بأكملها وترى مثالاً على استخدامها بانتقالك إلى ( انظر الشكل 20-1 ) .<O:P></O:P>


http://www.almozaina.com/images/1-20.gif


1-20<O:P></O:P>


أيضاً توجد طريقة أسهل للحصول على نفس النتائج . حيث يتيح لك فرونت بيج استخدام ما يسمى بـ " الفكرة العامة " theme لتغيير هيئة وشكل مواقع الويب الخاصة بك . كما تبين الأشكال 20-2 و 20-3 أمثلة على بعض الأفكار التي يمكنك تطبيقها على مواقع الويب باستخدام فرونت بيج .<O:P></O:P>


http://www.almozaina.com/images/2-20.gif <O:P></O:P>


2-20<O:P></O:P><O:P></O:P>


http://www.almozaina.com/images/3-20.gif<O:P></O:P><O:P></O:P>


تطبيق الأفكار العامة على موقع الويب<O:P></O:P>


إن أردت تطبيق إحدى الأفكار العامة الجاهزة على موقع الويب يمكنك القيام بذلك بسهولة بتطبيق إحدى أو كل الأفكار العامة ولكن إن أردت تطبيقها جميعاً مرة واحدة .<O:P></O:P>


لتطبيق فكرة عامة على موقع الويب الخاص بك :<O:P></O:P>


1- حدد الموقع الذي تريد أن تطبق عليه الفكرة العامة ثم افتح هذا الموقع داخل فرونت بيج .<O:P></O:P>


2- من قائمة Format . اختر أمر Theme لتفتح مربع حوار Themes ( انظر الشكل 20-5 )<O:P></O:P>


http://www.almozaina.com/images/5-20.gif
5-20


3- لتطبيق الفكرة العامة على موقع الويب بأكمله ، حدد زر الخيار All Pages الذي يوجد في جزء Apply Theme To لكن لتطبيقها على صفحات معينة ، فانقر زر الخيار (s)Selected Page .<O:P></O:P>


4- في مربع Theme ، استخدم شريط التمرير إلى أسفل حتى تصل إلى الفكرة العامة التي تريدها . عند نقر كل فكرة عامة موجودة سترى تمثيلاً لها داخل نافذة Sample of Theme الموجودة في يمين مربع الحوار .<O:P></O:P>


5- عندما ترى الفكرة العامة التي تريدها ، انقر زر ok ، سيبدأ فرونت بيج بتطبيق الفكرة العامة على الصفحات التي حددتها أو على الموقع بأكمله .<O:P></O:P>


6- عندما ينتهي فرونت بيج من تطبيق الفكرة العامة الجديدة ، ستظهر الصفحة التي حددتها لتطبيق الفكرة العامة عليها ( انظر الشكل 20-6 ) .<O:P></O:P>


http://www.almozaina.com/images/6-20.gif


7-20


تعديل الفكرة العامة في فرونت بيج<O:P></O:P>


لتحديد فكرة وتبدأ في تعديلها ، لعمل ذلك ، اتبع الخطوات التالية :<O:P></O:P>


1- اختر أمر Themes من قائمة Format لتفتح مربع Themes (شكل 20-7 ).<O:P></O:P>


http://www.almozaina.com/images/7-20.gif<O:P></O:P>


7-20<O:P></O:P><O:P></O:P>


2- حدد الفكرة العامة التي تريد تعديلها من بين الأفكار العامة المتاحة . ستظهر الفكرة العامة داخل نافذة Sample of Theme .<O:P></O:P>


3- انقر زر Modify وستظهر في مربع الحوار ثلاثة أزرار إضافية ، وهي Colors و Text و Graphics . انقر أحد الأزرار الثلاثة بحسب العنصر الذي تريد تعديله في الفكرة العامة . إذا أردت تعديل أكثر من عنصر في النص ، فانقر زر Text . سيظهر لك مربع حوار Theme Modify ليعرض عناصر النص التي يمكن تعديلها ( انظر الشكل 20-8 ) .<O:P></O:P>


4- من قائمة Item ، حدد العنصر الذي تريد تغييره . فمثلاً ، حدد Heading1 لتعرض الخط المستخدم في عناوين Heading1 ( انظر الشكل 20-9 )<O:P></O:P>


http://www.almozaina.com/images/8-20.gif <O:P></O:P>


8-20<O:P></O:P>


http://www.almozaina.com/images/9-20.gif<O:P></O:P>


9-20<O:P></O:P>


5- حدد خطاً مختلفاً يستخدم في Heading1 ، وسيحدد هذا الخط الجديد الشكل الذي ستظهر به كافة رؤوس Heading1 ( انظر الشكل 9-20 ) .<O:P></O:P>


6- إذا أردت تغيير أي إعدادات خاصة بحجم بقية الرؤوس الأخرى ، فقم بهذه التغييرات مثلما فعلت في الخطوات من 4 إلى 6 ثم انقر بعد ذلك زر ok .<O:P></O:P>


7- كي تتأكد من أنك لم تحذف الفكرة العامة الموجودة لديك ، انقر زر Save As لتحفظ التغييرات باسم جديد . في الوضع الافتراضي سيقدم فرونت بيج اسماً للفكرة العامة الجديدة هو Copy of theme . تستطيع أن تقبل هذا الإسم أو تقوم بتغييره ، انقر ok مرة أخرى لإغلاق مربع حوار Themes .<O:P></O:P>


تم بحمدالله وتوفيقه