الدعم العربي
تعلم CSS بسهولة (1) - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + تطوير المواقع و المنتديات و لغات برمجة المواقع + . :: (https://www.mybbarab.com/forum-78.html)
+--- قسم : قسم تطوير المنتديات والمواقع ولغات البرمجه (https://www.mybbarab.com/forum-117.html)
+---- قسم : دروس وكتب الـ XHTML (https://www.mybbarab.com/forum-50.html)
+---- الموضوع : تعلم CSS بسهولة (1) (/thread-650.html)



تعلم CSS بسهولة (1) - Pepo - 2007-05-11

مقدمة
CSS هي تقنية تهتم بتحديد شكل وتصميم المواقع، وشخصياً أرى أن أفضل ما تعلمته في مجال إنشاء المواقع بعد الأساسيات هو تعلم هذه التقنية، فهي مرنة وسهلة وقوية، وسنرى الآن كيف تساعدك هذه التقنية على تبسيط عملية إنشاء وإدارة المواقع.



CSS بسهولة
كما أسلفت هذه التقنية تهتم بتحديد شكل وتصميم الموقع، وهذا ينطبق على الألوان والخطوط الصور الخلفية (التي تستخدم في التصميم)، ربما سيقول البعض بأن لغة HTML تفعل ذلك، وهذا صحيح، لكن هناك مشكلة تسببها لغة HTML، وهي أن شكل الموقع لا ينفصل عن محتوياته، فإذا أردت أن تقوم بتعديل أي جزء من التصميم في موقعك فستقوم بتعديل كافة ملفات HTML، وهذه عملية متعبة للمواقع الكبيرة، وهناك مشاكل أخرى، وCSS تقدم الحل لها، دعونا ننظر إلى هذا المثال:
PHP كود :
<html>
<
head>
<
title>عنوان</title>
</
head>
<
body>

<
p><font face="Tahoma" color="#677393" size="2">عنوان أول</font></p>

<
p><font face="Tahoma" color="#677393" size="2">عنوان ثاني</font></p>

<
p><font face="Tahoma" color="#677393" size="2">عنوان ثالث</font></p>

</
body>
</
html
هذه الصفحة تحتوي على ثلاث فقرات تحتوي ثلاث عناوين، حددنا لكل عنوان خط Tahoma بمقياس 2 وحددنا له لوناً، الآن ستدخل CSS لتغير بعض الأمور، لا تقلق، سنقوم بشرح أوامر CSS بالتفصيل في دروس قادمة:

PHP كود :
<html>
<
head>
<
title>عنوان</title>

<
style>
{
font13px Tahoma;
color#677393;
}
</
style>

</
head>
<
body>

<
p>عنوان أول</p>

<
p>عنوان ثاني</p>

<
p>عنوان ثالث</p>

</
body>
</
html
حسناً، أول ملاحظة قد تلاحظها أن الصفحة أصبحت أكثر بساطة وتستطيع قراءتها بسهولة، الملاحظة الثانية هي أننا أضفنا أوامر CSS بين وسمي
للأمانة منقول من مجتمع مطورى المواقع


Re: تعلم CSS بسهولة (1) - هنادي - 2007-10-06

رائع بارك الله بك


Re: تعلم CSS بسهولة (1) - tassnim - 2007-10-10

مشكور اخي بيبو ... صراحة انا اريد عمل تغيرات على السكربت الذي في موقعي و عندي مشاكل مع css وهذا الموضوع راح يفيدني اكيد ان شاء الله ... بارك الله بك اخي الكريم وجزاك الله كل خير


Re: تعلم CSS بسهولة (1) - Pepo - 2007-10-10

العفو اختى الغالية واشكر لك مرورك


Re: تعلم CSS بسهولة (1) - medomashakel - 2008-01-11

السلام عليكم ورحمه الله وبركاته

شرح مبسط ومفهوم

نتمنى منك المزيد باذن الله

فلا تتوقف عند هذا الحد


Re: تعلم CSS بسهولة (1) - Pepo - 2008-01-12

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