مقدمة عامة لصفحات الأنماط الانسيابية

الهوى ماهو كلام · 05-01-2006, 12:22 صباحاً

السلام عليكم ...........

هل تخطط لتنفيذ مشاريع ويب يزيد عدد صفحاتها عن العشرة صفحات !?

هل تريد إضافة مزيد من الاحترافية و السهولة معاً على عملك في مجال تصميم و تطوير المواقع ؟

هل ترهقك طلبات العملاء في تغيير أشياء بسيطة يراها العميل سهلة لكنك تراها مرهقة مع تراكم أعمالك؟

إذا كانت إجابتك على الأسئلة السابقة بنعم ، فهذه السلسلة من الدروس هي لك !

حسناً ... لنتخيل معاً أنك قبلت تنفيذ مشروع متوسط الحجم لأحد العملاء و أنك بطبيعة الحال ستحتاج لبرمجة ما يزيد عن العشر صفحات . لنتخيل أيضاً أنك انتهيت من المشروع بعد عمل متواصل لمدة عشرة أيام و قد عرضت المشروع على العميل لأنك تعتقد أنه أصبح جاهز للاستخدام الآن . ماذا لو فاجأك العميل بطلب تغيير حجم الخط من القيمة "2" إلى القيمة "3" ! هل ستضطر لفتح كل صفحة و التعديل في كل فقرة من فقراتها لتغير هذه القيمة ! ماذا لو كان المشروع مكوناً من 50 صفحة ؟!
و ماذا لو كان يعمل على المشروع أكثر من شخص بشكل منفصل ؟
في الواقع فإن هذه القصة القصيرة التي افتتحنا بها هذا الفصل و التي ستواجهك كثيراً عند التعامل مع عملاءك تنقلنا للتفكير من استخدام لغة "هتمل" وحدها – و التي تستطيع تعلمها من خلال دروس الموسوعة على الرابط التالي : دروس هتمل - إلى لغة تعطينا مرونة أكبر .
الفكرة باختصار تكمن في فصل التنسيق عن المحتوى و من ثم وضع التنسيق في ملف منفصل يمكنه تغييره لتتغير كامل صفحات موقعك !

تشير الأحرف في اسم اللغة إلى الأحرف الأولى من العبارة الإنجليزية التالية :

Cascading Style Sheets

و تعني (صفحات الأنماط الانسيابية) . و اختصارها هو : CSS .

ينبغي أن لا تأخذ هذه الدروس من وقتك الكثير ! نصف ساعة من الزمان تعتبر مدة جيدة .

في الواقع فإننا نستخدم نوعاً من أنواع صفحات الأنماط الانسيابية في صفحاتنا دون أن ندري . و لنأخذ هذا المثال البسيط :

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

معلومة إضافية

ظهرت الحاجة لاستخدام هذه التقنية – CSS – بعد اهتمام المتصفحات الشهيرة (أمثال : الانترنت اكسبلورر و النت سكيب ) بإضافة وسوم هتمل إضافية هي الوسوم الخاصة بتنسيق النص و التي تعرفنا عليها في الفصل السابق . قامت جمعية W3C باعتماد هذه التقنية لتساعد على نقل المواقع قديمة الطراز – تلك التي لا تحتوي على وسوم التنسيق – إلى الطراز الجديد من صفحات إنترنت .

معلومة إضافية

W3C هو اختصار لـ World Wide Web Consortium و هي الجمعية المسؤولة عن إصدار نسخ قياسية من لغة HTML .

05-01-2006, 12:22 صباحاً	#1 (permalink)
الهوى ماهو كلام اسرة ابن الخليج تاريخ التسجيل: Jul 2005 الدولة: K S A المشاركات: 4,818 معدل تقييم المستوى: 652	مقدمة عامة لصفحات الأنماط الانسيابية السلام عليكم ........... هل تخطط لتنفيذ مشاريع ويب يزيد عدد صفحاتها عن العشرة صفحات !? هل تريد إضافة مزيد من الاحترافية و السهولة معاً على عملك في مجال تصميم و تطوير المواقع ؟ هل ترهقك طلبات العملاء في تغيير أشياء بسيطة يراها العميل سهلة لكنك تراها مرهقة مع تراكم أعمالك؟ إذا كانت إجابتك على الأسئلة السابقة بنعم ، فهذه السلسلة من الدروس هي لك ! حسناً ... لنتخيل معاً أنك قبلت تنفيذ مشروع متوسط الحجم لأحد العملاء و أنك بطبيعة الحال ستحتاج لبرمجة ما يزيد عن العشر صفحات . لنتخيل أيضاً أنك انتهيت من المشروع بعد عمل متواصل لمدة عشرة أيام و قد عرضت المشروع على العميل لأنك تعتقد أنه أصبح جاهز للاستخدام الآن . ماذا لو فاجأك العميل بطلب تغيير حجم الخط من القيمة "2" إلى القيمة "3" ! هل ستضطر لفتح كل صفحة و التعديل في كل فقرة من فقراتها لتغير هذه القيمة ! ماذا لو كان المشروع مكوناً من 50 صفحة ؟! و ماذا لو كان يعمل على المشروع أكثر من شخص بشكل منفصل ؟ في الواقع فإن هذه القصة القصيرة التي افتتحنا بها هذا الفصل و التي ستواجهك كثيراً عند التعامل مع عملاءك تنقلنا للتفكير من استخدام لغة "هتمل" وحدها – و التي تستطيع تعلمها من خلال دروس الموسوعة على الرابط التالي : دروس هتمل - إلى لغة تعطينا مرونة أكبر . الفكرة باختصار تكمن في فصل التنسيق عن المحتوى و من ثم وضع التنسيق في ملف منفصل يمكنه تغييره لتتغير كامل صفحات موقعك ! تشير الأحرف في اسم اللغة إلى الأحرف الأولى من العبارة الإنجليزية التالية : Cascading Style Sheets و تعني (صفحات الأنماط الانسيابية) . و اختصارها هو : CSS . ينبغي أن لا تأخذ هذه الدروس من وقتك الكثير ! نصف ساعة من الزمان تعتبر مدة جيدة . في الواقع فإننا نستخدم نوعاً من أنواع صفحات الأنماط الانسيابية في صفحاتنا دون أن ندري . و لنأخذ هذا المثال البسيط : كما لاحظت ، لم أقم بتحديد أي تنسيق للنص و مع ذلك فإنه عند فتح الصفحة باستخدام المتصفح ستجد تنسيقاً معيناً لنوع الخط و حجمه و لونه . هذا التنسيق قد يختلف من جهاز لآخر بحسب الإعدادات الافتراضية للعرض . إذاً ، كأننا نقول بأن المتصفح يحتفظ بملف يحوي أنماط معينة من التنسيق يستخدمها إذا لم تحدد التنسيق بشكل واضح في صفحتك . في الواقع ، إن تقنية السي اس اس تعتمد نفس المبدأ . لن تكتب أي تنسيق في صفحة الهتمل الأساسية لكنك ستحدد بالتفصيل التنسيق الذي تريده في ملف منفصل . لنلقي نظرة على الطريقة بالتفصيل من خلال هذه السلسلة من الدروس.. معلومة إضافية ظهرت الحاجة لاستخدام هذه التقنية – CSS – بعد اهتمام المتصفحات الشهيرة (أمثال : الانترنت اكسبلورر و النت سكيب ) بإضافة وسوم هتمل إضافية هي الوسوم الخاصة بتنسيق النص و التي تعرفنا عليها في الفصل السابق . قامت جمعية W3C باعتماد هذه التقنية لتساعد على نقل المواقع قديمة الطراز – تلك التي لا تحتوي على وسوم التنسيق – إلى الطراز الجديد من صفحات إنترنت . معلومة إضافية W3C هو اختصار لـ World Wide Web Consortium و هي الجمعية المسؤولة عن إصدار نسخ قياسية من لغة HTML . من مواضيع الهوى ماهو كلام في المنتدى مقاطع للمقاومة الباسلة ( الحق قبل التشفير ) الفقرات والقوائم إختيار لون الخلفية أحلى صور لأحلى بنات في المنتدى !!!!!! مصطلحات مهمة التعديل الأخير تم بواسطة : ADMIN بتاريخ 10-30-2006 الساعة 09:03 مساءً. <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الزرقاوي الجيل الثاني للقاعدة دراسة منهجية ونقدية	صالح محمد عبدالله	حوارات ثقافية عامة	0	09-22-2007 02:49 مساءً
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل	الهوى ماهو كلام	دروس اوفيس	3	04-26-2007 02:51 مساءً
طريقة إدراج الأنماط في الصفحة	الهوى ماهو كلام	دروس برمجة مواقع	1	10-28-2006 01:52 صباحاً

مقدمة عامة لصفحات الأنماط الانسيابية

منتديات شبكة ابن الخليج

اكثر الكلمات بحثاً

$اضف موقعك في دليل العربي - ينتهي الإعلان بتاريخ 19\6\2008$	$سنمار لخدمات تصميم الويب - ينتهي الإعلان بتاريخ 19\6\2008$	$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)