الاستضافة الاسلامية

السلام عليكم ورحمة الله وبركاته ..

هناك سؤال يراود الكثير قبل البدء في شروحات ودروس الـ Css وهو لماذا استخدم الـ Css وماهو الفرق بين الـ Css والتقنية Html ؟

سأقوم - بعد توفيق من رب العالمين - بشرح مبدئي ومبسط عن الـ Css وتعريفها والفرق بينها وبين Html لن ادخل بالتفاصيل ولكن سأمر عليها مرور الكرام حتى نستوعب بشكل افضل ونبدأ على حسب قدراتنا .

الـ Css هي : تقنية او لغة برمجية تم استحداثها في عام 1996 عندما نصحت باستخدمها منظمة W3C والبداية كانت بالجيل الاول CSS 1 .

ولكن ماهي الـ Css في حذ ذاتها / هي اختصار وتنظيم للغة القديمة الخاصة ببرمجة صفحات الويب Html ولذلك يطلب استخدامها بالمعرفة الاساسية لـ Html . وهي اكثر دقة وعملية من الـ Html .

الان وبعد ان فهمنا ان الـ Css هي نفسها الـ Html ولكن بتطور اكثر وبتنظيم ، يجب علينا معرفة مميزات هذه اللغة .

فأول هذه المميزات من وجهة نظري / هي المرونة .

المرونة يقصد بها ، المرونة في العمل والتنظيم والاستخدام .

- سنبدأ بمثال بسيط : في الـ Html لو كان لدينا موقع كامل متعدد الصفحات مصمم باستخدام هذه التقنية او اللغة ، واثناء العمل تم استخدام كود خاطئ ( او نريد تغيير لون الخط مثلا ) في جميع الصفحات . ولم يتم الانتباه اليه الا بعد الانتهاء من العمل . فكيف سيتم تعديل هذا الكود ؟ سأترك الاجابة لكم .

ولكن في الـ Css : بإمكانك تعديل هذه الخلل او اللون بخطوة واحدة فقط . حيث ان الـ css تعتمد على عدم تكرار الكود البرمجي .

والميزه الثانية / هي فصل الاكواد البرمجية عن العمل .

وهذه الميزه تعتبر من اكثر من المميزات التي تدفعنا لاستخدام الـ Css . حيث استطاع مطورو هذه اللغة من امكانية فصل محتوى النمط عن محتوى الصفحة وهذه لها علاقة بالمرونة ( كما ذكر اعلاه ) وايضا ، السرعة في تصفح موقعك حيث ان جهازك ليس مضطرا بان يقرأ محتوى موقعك وانماطه في كل مره تتصفحهه فيها ، مع الـ css فان ملف الانماط او style او الاكواد البرمجية المنفصلة ، سيتم استعراضه وحفظه مره واحده فقط . ولهذا ابتعدنا عن المركزية في العمل وتجنبنا البطئ في عمل صفحاتنا على الانترنت والبطئ في تصفحها والبطئ في تعديلها .

وكثير من المميزات الرائعه في الـ Css المتركزه في خواصها واستخامها ، وبما أن درسنا اليوم هو رؤوس نقاط فلن نتعمق اكثر حيث ماتم ذكره اهم المميزات في ( نظري ) . وبإمكانكم ذكر بعضها - ان شئتم - في تعليقاتكم الكريمة .

نأتي الان لنتكلم عن الفرق بين الـ Css والـ Html ، حيث ان تم سرد بعضها في ذكر مميزات هذه اللغة الرائعه .

لغة الـ Html تستخدم لتصميم محتوى الصفحات واضافة المحتويات التي نحتاجها . ولكن لغة الـ Css تقوم بتنظيم هذا العمل وتنظيف الاكواد البرمجية واهم اهدافها في الاكواد البرمجية - هي محاولة عدم تكرارها- ، حيث انه تم ذكر في اول الموضوع ان الـ Css جزء من الـ Html .

وحيث ان الـ Css تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وغيرها بشكل كبير جدا قد صعبة الاستخدام او مستحيلة في الـ Html .

بعد هذا الموجز البسيط من مميزات الـ css والعطف على اهم الفروقات بينها وبين html ، يتسنى لنا ان نعرف كيف يمكننا تصميم صفحات الويب باستخدام الـ Css وهل هناك برامج تدعم هذه اللغة .

تعلمنا وتعودنا على استخدام برنامج - الفرونت بيج Front page - اثناء علمنا صفحات الويب الخاصة بنا قبل معرفتنا بالـ css ويجدر بالذكر ان هذا البرنامج خاص بلغة الـ Html . ولكن مع الـ Css ظهرت عدة برامج ومن اهمها وافضلها .

- ادوبي دريم ويفر Adobe Dreamweaver : الصادر من شركة ادوبي للبرامج .
- مايكروسوف اكبريشن ويب Microsoft Expression Web : والصادر من شركة مايكروسوفت الشهيرة .

هذه اهم النقاط التي احببت ان اوصلها إليكم لانها تعتبر اللبنة الاساسية في الطريق الى استخدام الـ Css .

اتمنى ان اكون وفقت في تقديم شيء مفيد لكم وان يكون شرحي وتقديمي سهل وواضح لكم .

ان اخطأت من نفسي والشيطان وان اصبت وفهذا بتوفيق رب العالمين ، وتذكروا جميعنا هنا لنتعلم .

لكم مني اجمل تحية وتقدير ،، وبإمكانكم المساهمة في هذا الموضوع من خلال تعليقاتكم ووضع استفساراتكم .