أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://www.archive.iinkor.com/t911
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

مقدمة دورة اكواد css
Admin 18-06-2020 12:34 مساءً
بسم الله الرحمن الرحيم



اعضاء وزوار شركة انكور التطويرية الاعزاء, سعياً منا لتقديم كل ما هو مميز وحصري ومليء بالفائدة قررت البدء في دورة اكواد css

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

طبعا العديد من المواقع تقدم مثل هذه الدورة ولكن أردت أن أبدأ واحده من الممكن أن تكون مختلفة عن الجميع وان شاء الله سأحاول التبسيط والتوضيح قدر المستطاع.

عرض الصورة

وطبعا ستليها دورات لغات برمجية أخرى ولكني بدأت بالـ css لأنها من وجهة نظري أساس المظهر وأكثر اللغات البرمجية التي يحتاج اصحاب المواقع تعديلها احيانا

ولكن لا يكون لهم دراية بها.

عرض الصورة

ما هي اكواد الـ css؟

في البداية دعوني أوضح لكم الى ماذا ترمز كلمة css

والتي هي اختصار الى "Cascading Style Sheets" وتعني نمطن الأوراق المتتالية او أسلوب الاوراق المتتالية

ماذا تعني ؟ يمكنك فهم معنى الجملة من خلال فهم وظيفة هذه الاكواد والتي يمكن اختصارها في نقطتين

- تتحكم اكواد الـ CSS في كيفية عرض عناصر الـ HTML على الشاشة أو المواقع أو في وسائط أخرى

- توفر اكواد الـ CSS الكثير من العمل. بحيث يمكنها التحكم في تخطيط صفحات الويب المتعددة مرة واحدة

عرض الصورة

لماذا نستخدم اكواد الـ css؟

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

مثال على ذلك

CODE
body {<br />
&nbsp; background-color: lightblue;<br />
}<br />
h1 {<br />
&nbsp; color: white;<br />
&nbsp; text-align: center;<br />
}<br />
p {<br />
&nbsp; font-family: verdana;<br />
&nbsp; font-size: 20px;<br />
}<br />
<br />


عرض الصورة

بداية ظهور أكواد الـ css

لم يكن الهدف من HTML أن يحتوي على علامات لتنسيق صفحة ويب!

تم إنشاء HTML لوصف محتوى صفحة الويب ، مثل:

[h1] هذا عنوان </ h1>

[p] هذه فقرة </ p>

عندما تمت إضافة علامات مثل <font> ، وسمات اللون إلى مواصفات HTML 3.2 ، فقد بدأ كابوسًا لمطوري الويب. أصبح تطوير مواقع الويب الكبيرة ، حيث تمت إضافة الخطوط ومعلومات الألوان إلى كل صفحة ، عملية طويلة ومكلفة.

لحل هذه المشكلة ، أنشأ اتحاد شبكة الويب العالمية (W3C - the World Wide Web Consortium) لغة الـ CSS .

أزالت CSS تنسيق النمط من صفحة HTML!

عرض الصورة

ونهاية معروف أنه يتم حفظ تعريفات الأنماط عادةً في ملفات css الخارجية.

باستخدام ملف ورقة أنماط خارجي ، يمكنك تغيير مظهر موقع ويب بالكامل عن طريق تغيير ملف واحد فقط!

عرض الصورة

الى هنا نكون انتهينا من المقدمه

سيتم تنزيل كل يوم من درسين الى ثلاث دروس من الدورة

وان شاء الله نكون قادرين على انهائها قبل بداية الشهر الجديد

في حال كان لديك اي استفسار لا تتردد في التعليقات



جميع الحقوق محفوظة لـلمشاهدة الروابط يلزمك التسجيل

يمنع النقل دون ذكر المصدر

والسلام ختام
أرشيف انكور

Copyright © 2009-2026 PBBoard® Solutions. All Rights Reserved