تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 1 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
تعلم CSS بسهولة (1)
#1
مقدمة
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 بين وسمي
للأمانة منقول من مجتمع مطورى المواقع
الرد
شكر من طرف :
#2
رائع بارك الله بك
[صورة: mybbsig.gif]
الرد
شكر من طرف :
#3
مشكور اخي بيبو ... صراحة انا اريد عمل تغيرات على السكربت الذي في موقعي و عندي مشاكل مع css وهذا الموضوع راح يفيدني اكيد ان شاء الله ... بارك الله بك اخي الكريم وجزاك الله كل خير
[صورة: logo.gif]
الرد
شكر من طرف :
#4
العفو اختى الغالية واشكر لك مرورك
الرد
شكر من طرف :
#5
السلام عليكم ورحمه الله وبركاته

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

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

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


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 4 ) ضيف كريم