بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اللهم صل على محمد وعلى آله وصحبه أجمعين
كيفكم آعضاء حزن آلعشاق يآرب آلجميع بخير
آقدم لكم موضوع يخص بصآحب آلموآقع وآلتطوير
!
بسم الله الرحمن الرحيم اهلا بكم اخواني في اول درس من دروس Css !
المقدم من احمد لترايدنت ومدونتي مدونة دكتور ويب ..
خلنا نددخل بالموضوع طوآلي !
ماهي Css ! ? حسنا دعونا نترك متفلسف يتفلسف .. xD !
ومن ثم ساشرح الطريقة ببسآطة ! ..
شكرآ لك متفلسف ..
شاشرحها لكم ببسآطة ..
الحين انت عندك صفحة HTML بدك توزع الصفحة وتلون الكلمات وتحسن شكل الخط وتقسم الصفحة الى هيدر وفوتر ومحتوى وتنسق الفروقات بين الفقرات ! تجعل صفحتك قابلة للتصفح ! تعطي لصفحتك الحياة .. !
بدون Css ستكون صفحتك مجرد صفحة بيضاء غير منسقة غير منظمة ..
،
اعتقد فهمت الان وظيفة الـ Css ! .. تساعد على جمالية الموقع وتنظيمة .. وتشكيلة ..
اي الـ html قطعة الطين و Css العامل الذي يشكل فخارة جميلة ..
.. الاستنتاج النهائي من الفقرة ..
الـ Css لغة سهلة وجميلة تساعد html لتسيقها واظهارها بشكل اجمل .. !
،
الجزء الثاني .. !
كيف اكتب كود Css !؟ ادع متفلسف يشرح لكم :P !
اعتقد ان الشرح وآضح واتمنى ان يكون متفسلسف فهمكم ..
اعتقد ان الشرح وآضح واتمنى ان يكون متفسلسف فهمكم ..
ويكن انتظر اين اضع وسوم Css !? او اين اكتبها ؟
هناك ثلاث 3 طرق ؟
تفعيل CSS في صفحة HTML !
اول طريقة داخل الملف نفسه داخل الكود نفسه وهي اسوء طريقة وغير محببه وساتخدامها قليل ..
رمز Code:
<html> <head> <title>Example<title> </head> <body style="background-color: #FF0000;"> <p>This is a red page</p> </body> </html>
كما في المثال فقد ضمنا الكود Css في ال Html ! .
ولكن الطريقة سيئة فستختاج لتعدل على كل كود ووو االطريقة غير مستخدمة ..
الطريقة الثانية .. !
في داخل ملف html راح نضع في الهيدر كود <style></style>
رمز Code:
<html> <head> <title>Example<title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> <p>This is a red page</p> </body> </html>
الطريقة جيدة ولكن لو كانت عندك صفحات كثيرة وتريدها مشابه لبعض لن تكون حيدة ستحتاج الدخول الى كل ملف والتعديل ..
الطريقة الافضل والمحببة ؟! هي ان تصنع ملف Css خاص وربطه بالـ html ! ..
افتح ملف Html ! ..
<"link rel="stylesheet" type="text/css" href="style.css />
وتضع الكود اعلاه في وسم head !
وتغير الجزئية الاخيرة "href="style.css باسم ملفك ..
حسنا قبل ان اننتهي من الموضوع ! ارجومنك ان تحمل برنامج الدريم ويفر لانه مهم جدا وسياعدك جدا
رآبط التحميل ..
رآبط التحميل ..
http://www.traidnt.net/vb/traidnt1876439/
ارجو عدم النقل بدون ذكر المصدر الموضوع متعوب عليه .
منقول