تحديث آخر نسخة 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 بين وسمي
للأمانة منقول من مجتمع مطورى المواقع
الرد
شكر من طرف :


الردود في هذا الموضوع
تعلم CSS بسهولة (1) - بواسطة Pepo - 2007-05-11, 08:23 AM
Re: تعلم CSS بسهولة (1) - بواسطة هنادي - 2007-10-06, 02:23 AM
Re: تعلم CSS بسهولة (1) - بواسطة tassnim - 2007-10-10, 04:42 PM
Re: تعلم CSS بسهولة (1) - بواسطة Pepo - 2007-10-10, 04:49 PM
Re: تعلم CSS بسهولة (1) - بواسطة medomashakel - 2008-01-11, 07:54 PM
Re: تعلم CSS بسهولة (1) - بواسطة Pepo - 2008-01-12, 06:12 AM

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


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