الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 ما هى تقنية css و ما الفرق بين css و html

اذهب الى الأسفل 
كاتب الموضوعرسالة
البرفسور
عضو مشارك
عضو مشارك
avatar

الجنس : ذكر
عدد المساهمات : 93
نقاط : 6272
السٌّمعَة : 10
تاريخ التسجيل : 09/08/2010

مُساهمةموضوع: ما هى تقنية css و ما الفرق بين css و html   09.08.10 7:05

درس 1: ما هي تقنية CSS؟



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

CSS هي اختصار لي Cascading Style Sheets.

ماذا يمكن أن أفعل بتقنية CSS؟



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


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


بعد أجزاء قليلة في هذا الدرس ستتمكن من إنشاء ملف CSS الأول لكي تعطي موقعك مظهراً رائعاً.

ما الفرق بين CSS وHTML؟



تستخدم لوضع هيكلية ونظام منطقي للمحتويات، أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات.

حسناً، قد يبدو هذا مربكاً لكن أكمل القراءة وستفهم ما قرأته قريباً.

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

.


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

أدى ذلك إلى أن تستخدم وسوم هيكلية مثل
بشكل خاطئ، حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلاً من إضافة معنى للنص، والكثير من الوسوم التي اخترعت مثل كانت فقط مدعومة من قبل متصفح واحد، أصبحت جملة "ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة" مألوفة في مواقع الشبكة.ابتكرت CSS لعلاج هذه المشكلة لأنها توفر للمصممين طرقاً فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت، والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.كيف ستفيدني CSS؟تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:
  • التحكم بالتصميم من خلال ملف واحد.
  • إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
  • إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
  • العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابو عبد الله
المراقب العام للمنتدى
المراقب العام للمنتدى
avatar

الجنس : ذكر
عدد المساهمات : 1593
نقاط : 8114
السٌّمعَة : 12
مواضيع مميزه : 8
تاريخ التسجيل : 17/02/2010
العمر : 33
الموقع : دار ابو متعب
نقاط المسابقات : 200

مُساهمةموضوع: رد: ما هى تقنية css و ما الفرق بين css و html   10.08.10 23:16

مشكور الله يعطيك العافية

اخوي البرفسور

على الجهد الجميل

لك مني اجمل تحية وتقدير

ـــــــــــــــــــــــــــــ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سيف القحطاني
التميز الذهبي
التميز الذهبي
avatar

الجنس : ذكر
عدد المساهمات : 2106
نقاط : 9144
السٌّمعَة : 13
مواضيع مميزه : 3
تاريخ التسجيل : 17/02/2010
نقاط المسابقات : 110
الاوسمه

مُساهمةموضوع: رد: ما هى تقنية css و ما الفرق بين css و html   11.08.10 5:48

الله يعطيك العافيه ويبارك فيك

معلومات جديده وجميله

لك جميع الشكر والتقدير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابو سالم
التميز الذهبي
التميز الذهبي
avatar

الجنس : ذكر
عدد المساهمات : 2130
نقاط : 8609
السٌّمعَة : 14
مواضيع مميزه : 3
تاريخ التسجيل : 29/03/2010
الموقع : الرياض
نقاط المسابقات : 0
الاوسمه

مُساهمةموضوع: رد: ما هى تقنية css و ما الفرق بين css و html   15.10.10 2:45

احسنة عملاً البرفسور
والله يعطيك العافية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
البرفسور
عضو مشارك
عضو مشارك
avatar

الجنس : ذكر
عدد المساهمات : 93
نقاط : 6272
السٌّمعَة : 10
تاريخ التسجيل : 09/08/2010

مُساهمةموضوع: رد: ما هى تقنية css و ما الفرق بين css و html   24.10.10 16:25

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
ما هى تقنية css و ما الفرق بين css و html
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» ضعف الانتصاب..ضعف الانتصاب..ضعف الانتصاب..ضعف الانتصاب..
» كود ساعة رقمية - منبه
» HTML
» العناصر والوسوم HTML
» مشروع ميثاق القسم،المراحل،الانجاز+صور

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الموقع الرسمي لشامخ السعودي :: ₪ ملتقى ° الشامخ السعودي ° التقني ₪ :: تقنه متقدمه - أكواد Css _ أكواد ال html-
انتقل الى: