عرب واى
عزيزي آلزآئر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في منتدى عرب واى

وحينمآ تقرر آن تبدآ مع منتدى عرب واى ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه في منتدى اورجينال..

فتذكر آن منتدى اورجينال يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!

لكي تستطيع آن تتحفنآ [ بمشآركآتك وموآضيعـك معنآ ].. آثبت توآجدك و كن من آلمميزين..

عرب           واى

بواسطة issam جميع اكواد :تجميل منظر الصندوق الماسي - الإثنين ديسمبر 19, 2016 10:06 pm

بواسطة issamكود جعل الصور بشكل منبثق عند الضغط عليها في المساهمات - الإثنين ديسمبر 19, 2016 10:04 pm

بواسطة issamاكواد صور كخلفية للمواضيع وللبيانات - الإثنين ديسمبر 19, 2016 9:50 pm

بواسطة issamالصورة الشخصية اكثر احترافية - الإثنين ديسمبر 19, 2016 9:13 pm

بواسطة kvolcano كود جديد وحصرى وهو كود جعل ازرار صندوق لرد بشكل دائرى مدبول - الأحد ديسمبر 18, 2016 10:44 pm

بواسطة kvolcanoكود رائع لوضع خلفية لأزرار المنتدى حتى تصبح النتيجة - الأحد ديسمبر 18, 2016 10:26 pm

زائر✪ الشيخ عبد القهار كشف مجاني جلب الحبيب فك السحر هاتف 0021653448826 ✪ - الخميس سبتمبر 29, 2016 11:16 am

بواسطة ELMasRyyتفضلوا كود css وضع اطار وصورة كخلفية للاقتباسات المنتدي - الثلاثاء سبتمبر 27, 2016 4:14 pm

بواسطة وهبة الساحرcss طريقة جعل شريط التمرير اكثر اثارة واحترافية مما يبدوا عليه - الثلاثاء أغسطس 02, 2016 6:14 pm

بواسطة وهبة الساحرJAVASCRIPT جديد كود الوصف بشكل مميز ومحترف - الخميس يوليو 28, 2016 8:57 pm

بواسطة JAR7 قس نبضك لتعرف احي انت ام ميت - الإثنين أبريل 25, 2016 8:18 pm

زائرHTML كود شريط متحرك ويمكن التحكم فيه كما تشاء ! - الأربعاء أبريل 06, 2016 12:58 am

بواسطة JAR7كود Css ايطارات منقطه حول الاقسام والمساهمات والمواضيع - الأربعاء مارس 09, 2016 7:22 am

بواسطة JAR7كود عمل شعار لكل قسم في المنتدى بمعني سيكون في الكود جزئيين للتغير الاول رقم القسم الثاني رابط الصوره - الثلاثاء مارس 08, 2016 7:45 am

بواسطة JAR7(كود) وضع احصائيات المنتدى وصورة ايضا واطار وخلفية ليظهر الشكل مناسب لك - الثلاثاء مارس 08, 2016 7:31 am

المواضيع آخر

الأكثر مشاهدة

by issam جميع اكواد :تجميل منظر الصندوق الماسي - الإثنين ديسمبر 19, 2016 10:06 pm

by issamكود جعل الصور بشكل منبثق عند الضغط عليها في المساهمات - الإثنين ديسمبر 19, 2016 10:04 pm

by issamاكواد صور كخلفية للمواضيع وللبيانات - الإثنين ديسمبر 19, 2016 9:50 pm

by issamالصورة الشخصية اكثر احترافية - الإثنين ديسمبر 19, 2016 9:13 pm

by kvolcano كود جديد وحصرى وهو كود جعل ازرار صندوق لرد بشكل دائرى مدبول - الأحد ديسمبر 18, 2016 10:44 pm

by kvolcanoكود رائع لوضع خلفية لأزرار المنتدى حتى تصبح النتيجة - الأحد ديسمبر 18, 2016 10:26 pm

زائر✪ الشيخ عبد القهار كشف مجاني جلب الحبيب فك السحر هاتف 0021653448826 ✪ - الخميس سبتمبر 29, 2016 11:16 am

by ELMasRyyتفضلوا كود css وضع اطار وصورة كخلفية للاقتباسات المنتدي - الثلاثاء سبتمبر 27, 2016 4:14 pm

by وهبة الساحرcss طريقة جعل شريط التمرير اكثر اثارة واحترافية مما يبدوا عليه - الثلاثاء أغسطس 02, 2016 6:14 pm

by وهبة الساحرJAVASCRIPT جديد كود الوصف بشكل مميز ومحترف - الخميس يوليو 28, 2016 8:57 pm

by JAR7 قس نبضك لتعرف احي انت ام ميت - الإثنين أبريل 25, 2016 8:18 pm

زائرHTML كود شريط متحرك ويمكن التحكم فيه كما تشاء ! - الأربعاء أبريل 06, 2016 12:58 am

by JAR7كود Css ايطارات منقطه حول الاقسام والمساهمات والمواضيع - الأربعاء مارس 09, 2016 7:22 am

by JAR7كود عمل شعار لكل قسم في المنتدى بمعني سيكون في الكود جزئيين للتغير الاول رقم القسم الثاني رابط الصوره - الثلاثاء مارس 08, 2016 7:45 am

by JAR7(كود) وضع احصائيات المنتدى وصورة ايضا واطار وخلفية ليظهر الشكل مناسب لك - الثلاثاء مارس 08, 2016 7:31 am



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

عرب واى

عرب واى | مركز عرب واي مختص بتطوير وتصميم المواقع وتبادل الخبرات و يحتوي علي أقسام متنوعة

Lên đầu trang

إرسال موضوع جديد  إرسال مساهمة في موضوع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل  رسالة [صفحة 1 من اصل 1]

#1
وهبة الساحر


المدير العام



المدير العام

درس 1: ما هي تقنية 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 وكيف نبدأ باستخدامها.



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
معاينة صفحة البيانات الشخصي للعضو http://3arb-way.a7larab.net

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة  رسالة [صفحة 1 من اصل 1]

إرسال موضوع جديد  إرسال مساهمة في موضوع


مواضيع مفيدة

تحميل ...