تعرف على ال css Learn about the) css )

دانيال

المدير العام للموقع
طاقم الإدارة
72.gif

ما هي تقنية CSS؟لعلك سمعت عن CSS من قبل لكن لا تعرف حقاً ما هي، في هذا الدرس ستتعلم المزيد عن CSS وماذا يمكن لهذه التقنية أن تقدم لك.
CSS هي اختصار لي Cascading Style Sheets.
ماذا يمكن أن أفعل بتقنية CSS؟

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

تستخدم لوضع هيكلية ونظام منطقي للمحتويات، أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات.
حسناً، قد يبدو هذا مربكاً لكن أكمل القراءة وستفهم ما قرأته قريباً.
في الماضي القريب اخترع رجل اسمه تيم بيرنرز لي شبكة الويب، في ذلك الوقت كانت HTML تستخدم فقط لإضافة هيكلية للنص، الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلاً "هذا عنوان" أو "هذه فقرة" ويستخدم وسوم HTML مثل <h1> و<p>.
مع ازدياد شهرة شبكة الويب بدأ المصممون في البحث عن طرق لإضافة تصميم للوثائق، ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتكسيب ومايكروسوفت - باختراع وسوم HTML جديدة مثل <font> الذي يختلف عن وسوم HTML الأصلية بأنه يهتم بالشكل لا بالهيكلية.
أدى ذلك إلى أن تستخدم وسوم هيكلية مثل <table> بشكل خاطئ، حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلاً من إضافة معنى للنص، والكثير من الوسوم التي اخترعت مثل <blink> كانت فقط مدعومة من قبل متصفح واحد، أصبحت جملة "ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة" مألوفة في مواقع الشبكة.
ابتكرت CSS لعلاج هذه المشكلة لأنها توفر للمصممين طرقاً فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت، والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.
كيف ستفيدني CSS؟









تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:
  • التحكم بالتصميم من خلال ملف واحد.
  • إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
  • إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
  • العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم
شاهد كيف تعمل تقنية ال css
طريقة وضع الألوان والصور في ال css

كيف نضع الخطوط في ال css

النصوص في ال css

الروابط في تقنية ال css

المطابقة والتجميع للعناصر class وid ل تقنية ال css

span وdiv لتجميع العناصر بتقنية الcss

css نموذج الصندوق
 

دانا

كاتب جيد جدا
رد: تعرف على ال css

مشكور ياغالي
تسلم الايادي
ارجو الفائده للجميع
39.gif
 

دانيال

المدير العام للموقع
طاقم الإدارة
رد: تعرف على ال css

امين رح حاول اجمع اكبر عدد ممكن
من المواضيع حول لغة البرمجية css
 

ترانيم العشق

كبار الشخصيات
رد: تعرف على ال css Learn about the) css )

اول مرة اعرف هالمعلومة دانيال
وانا راح ساعدك بجمع المعلومات
وهون راح قدم مجموعة كتب خاصة بالبرمجة للمهتمين

اطرح إليكم في هذا اليوم مكتبة كبيرة جدا من الكتب البرمجية

لنبدأ :

-----------------------
1 - كتاب لتعليم لغة الأنماط الإنسيابية css
كتاب مميز جدا يرح كيفية عمل الأنماط مع الأمثلة بأسلوب رائع لإيصال المعلومة
للتحميل اضغط هنا
-----------------------
2 - اكثر من 15 ملف وورد word بصيغة .DOC لتعليم لغة الـ php بشكل مميز وسهل
للتحميل اضغط هنا
-----------------------
3 - كيفية برمجة منتدى بسيط باستخدام php & mysql
للتحميل اضغط هنا
 

دانيال

المدير العام للموقع
طاقم الإدارة
رد: تعرف على ال css Learn about the) css )

شكرا سارة مجهود رائع جميل انو يكون الرد لتقوية الموضوع
 

دانيال

المدير العام للموقع
طاقم الإدارة
رد: تعرف على ال css Learn about the) css )

اتمنى الفائدة للجميع
وان شاء الله هذا الدرس سيكون مرجع لبقية الدروس
 

شموخ رجل

كبار الشخصيات
رد: تعرف على ال css Learn about the) css )

يعطيك الف عافية يا رب دانيال
الفائدة للجميع ان شاء الله
تحيتي الك
 

الراكد

كاتب جديد
رد: تعرف على ال css Learn about the) css )

يسلمؤؤؤؤؤؤؤؤؤؤؤؤؤؤؤؤؤ
 

مواضيع مماثلة

أعلى