منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


ما هي تقنية CSS
 

 ما هي تقنية CSS

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : ما هي تقنية CSS Saudi-10
العمر : 35

ما هي تقنية CSS Empty
مُساهمةموضوع: ما هي تقنية CSS   ما هي تقنية CSS Emptyالإثنين نوفمبر 28, 2016 10:59 pm

مقدمة

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

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

تعلم CSS عملية ممتعة، وأنت تقرأ هذا الدرس تذكر أ ن تأخذ وقتاً لتجري بعض التجارب وترى ماذا تعلمت من كل درس.

استخدام CSS يتطلب معرفة أساسيات HTML،إذا لم تكن تعرف HTML فيمكنك أن تبدأ بدرس HTML قبل أن تتعلم CSS.

ما هي البرامج التي أحتاجها؟

تجنب استخدام برامج مثل فرونت بيج أو دريمويفر أو مايكروسوفت وورد عند قراءة وتطبيق هذا الدرس، هذه البرامج لن تساعدك على تعلم CSS، بدلاً من ذلك ستعيقك وتؤخر تعلمك للتقنية.

كل ما تحتاجه هو محرر نصي.

مثلاً مايكروسوفت ويندوز يأتي مع برنامج يسمى Notepad (المفكرة)، وهو غالباً ما يوضع في قسم Accessories (أدوات) الذي تجده في قسم Programs (برامج)، وبإمكانك استخدام برامج مماثلة في أنظمة التشغيل الأخرى مثل Pico في لينكس وSimple text لنظام ماك.

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

يمكنك أن تستخدم أي متصفح لهذا الدرس، ونحن نشجع على أن تستخدم أحدث المتصفحات وتقوم بتحديث متصفحك دائماً.

متصفح ومحرر نصي، هذا كل ما تحتاجه.

ما هي تقنية 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 ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:
التحكم بالتصميم من خلال ملف واحد.
إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Mr.Mohammed
سوبر الإبداع 

Mr.Mohammed

ذكر
عدد المساهمات : 9674
نقاط النشاط : 10588
السٌّمعَة : 174
بلد العضو : ما هي تقنية CSS Saudi-10

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالأحد ديسمبر 11, 2016 7:23 pm

شكرا على الموضوع المميز وما تقدمينه للابداع والى الامام دوما
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://tatwer3araby.ahlamontada.com
Mr Robot
سوبر الإبداع 

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو : ما هي تقنية CSS Lebano10
العمر : 35

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالثلاثاء مارس 21, 2017 2:01 am

بارك الله بيك
واصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Princess Abir
عضو ذهبي 

Princess Abir

انثى
الثور
عدد المساهمات : 2130
نقاط النشاط : 2168
السٌّمعَة : 9
بلد العضو : ما هي تقنية CSS Algeri10
العمر : 20

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالثلاثاء مارس 21, 2017 2:01 am

طرح مميز يعطيك العافية


ما هي تقنية CSS 21484110
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
abuahmad
عضو محترف 

abuahmad

ذكر
السرطان
عدد المساهمات : 1485
نقاط النشاط : 1637
السٌّمعَة : 4
العمر : 54

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالأربعاء مايو 10, 2017 9:13 am

موضوع رائع



وطرح مميز



شكرا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو : ما هي تقنية CSS Ioao10
العمر : 37

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالسبت يونيو 16, 2018 11:15 pm

يعطيكم العافية على الطرح ما هي تقنية CSS 837876428
كل الاحترام ما هي تقنية CSS 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
Mohamed Sobhi
عضو ذهبي 

Mohamed Sobhi

ذكر
الاسد
عدد المساهمات : 3330
نقاط النشاط : 3996
السٌّمعَة : 57
بلد العضو : ما هي تقنية CSS Egypt10
العمر : 24

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالسبت يوليو 21, 2018 11:46 am

درس اكثر من رائع شكرا لك على الطرح
لا تحرمنا من جديدك وردة حمراء


ما هي تقنية CSS P_947wjtlk1
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : ما هي تقنية CSS Ioao10

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالإثنين يوليو 23, 2018 9:04 am

جزاكم الله كل خير 


سبحان الله والحمدلله ولا إله إلا الله 
 
ما هي تقنية CSS Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
D.YouSSef
سوبر الإبداع 

D.YouSSef

ذكر
الدلو
عدد المساهمات : 6124
نقاط النشاط : 7079
السٌّمعَة : 34
بلد العضو : ما هي تقنية CSS Morocc10
العمر : 52

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالخميس أغسطس 30, 2018 3:51 am

جزاك الله خيراعلى العطاء
والدرس الجميل والمفيد
 واصل تالقك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abir_ Dj
عضو ذهبي 

Abir_ Dj

انثى
الثور
عدد المساهمات : 2032
نقاط النشاط : 2095
السٌّمعَة : 8
بلد العضو : ما هي تقنية CSS Algeri10
العمر : 20

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالخميس أغسطس 30, 2018 4:09 am

موضوع رائع
يعطيك العافية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
I,m Sudani
عضو 

I,m Sudani

ذكر
عدد المساهمات : 6
نقاط النشاط : 6
السٌّمعَة : 1
بلد العضو : ما هي تقنية CSS Sudan10

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالثلاثاء مايو 04, 2021 9:51 am

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

avatar

انثى
عدد المساهمات : 2
نقاط النشاط : 4
السٌّمعَة : 10
بلد العضو : ما هي تقنية CSS Egypt10

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالثلاثاء مايو 04, 2021 10:12 pm

الف شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
keko_ferkeko
عضو 

keko_ferkeko

ذكر
الثور
عدد المساهمات : 91
نقاط النشاط : 112
السٌّمعَة : 3
بلد العضو : ما هي تقنية CSS Egypt10
العمر : 29

ما هي تقنية CSS Empty
مُساهمةموضوع: رد: ما هي تقنية CSS   ما هي تقنية CSS Emptyالأربعاء مايو 05, 2021 10:57 pm

شرح أساس و بدائيات الويب ديزاين هي أحد أهم خطوات التقدم في هذا المجال.
الآن ظهرت تحديثات كثيرة سواء على مستوى البرمجة أو التصميم؛ أشهرها HTML5 و CSS responsive. و اللذان أصبح لا غنى عنهما في تصميم المواقع و المنتديات حالياً.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://nf-son.forumotion.com
 
ما هي تقنية CSS
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: دروس تعلم لغات البرمجة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020