walid
10-30-2013, بتوقيت غرينيتش 08:54 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط*ط¢ظ† ظˆظ‚طھ طھط¹ظ„ظ… ط§ظ„ظ€ظ€ Css طŒ ط§ظ„ط¯ط±ط³ ط§ظ„ط§ظˆظ„ ظ…ط§ظ‡ظٹ Css ط¨ط¨ط³ط§ط·ط© ! (http://www.dzbatna.com/t2292620/)
بسم الله الرحمن الرحيم اهلا بكم اخواني في اول درس مفصل من دروس Css !
المقدم من احمد لديزاد باتنة ومدونتي مدونة blog دكتور ويب ..
خلنا نددخل بالموضوع طوآلي !
ماهي Css ! ? حسنا دعونا نترك متفلسف يتفلسف .. xD !
ومن ثم ساشرح طريقة الطريقة ببسآطة ! ..
http://1.bp.blogspot.com/-Wmzu2ug5fBs/UdBmdLNVY1I/AAAAAAAAAL8/RZsirbnsP-o/s1600/1.png
شكرآ لك متفلسف ..
شاشرح طريقةها لكم ببسآطة ..
الحين انت عندك صفحة HTML بدك توزع الصفحة وتلون الكلمات وتحسن شكل الخط وتقسم الصفحة الى هيدر وفوتر ومحتوى وتنسق الفروقات بين الفقرات ! تجعل صفحتك قابلة للتصفح ! تعطي لصفحتك الحياة .. !
بدون Css ستكون صفحتك مجرد صفحة بيضاء غير منسقة غير منظمة ..
،
اعتقد فهمت الان وظيفة الـ Css ! .. تساعد على جمالية الموقع وتنظيمة .. وتشكيلة ..
اي الـ html قطعة الطين و Css العامل الذي يشكل فخارة جميلة ..
.. الاستنتاج النهائي من الفقرة ..
الـ Css لغة سهلة وجميلة تساعد html لتسيقها واظهارها بشكل اجمل .. !
،
الجزء الثاني .. !
كيف اكتب كود code Css !؟ ادع متفلسف يشرح طريقة لكم :P !
http://4.bp.blogspot.com/-B7qYmX8w2Hg/UdBq34ixM0I/AAAAAAAAAMU/33ovhLP_MRQ/s1600/2.png
http://3.bp.blogspot.com/-hi6IvqL-m7Q/UdBq3f0G_5I/AAAAAAAAAMQ/OxpEhYtxeLs/s320/3.png
اعتقد ان الشرح طريقة وآضح واتمنى ان يكون متفسلسف فهمكم ..
ويكن انتظر اين اضع وسوم Css !? او اين اكتبها ؟
هناك ثلاث 3 طرق ؟
تفعيل CSS في صفحة HTML !
اول طريقة داخل الملف نفسه داخل الكود code نفسه وهي اسوء طريقة وغير محببه وساتخدامها قليل ..
رمز Code:
<html> <head> <title>Example<title> </head> <body style="background-color: #FF0000;"> <p>This is a red page</p> </body> </html>
كما في المثال فقد ضمنا الكود code Css في ال Html ! .
ولكن الطريقة سيئة فستختاج لتعدل على كل كود code ووو االطريقة غير مستخدمة ..
الطريقة الثانية .. !
في داخل ملف html راح نضع في الهيدر header كود code <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 />
وتضع الكود code اعلاه في وسم head !
وتغير الجزئية الاخيرة "href="style.css باسم ملفك ..
حسنا قبل ان اننتهي من الموضوع ! ارجومنك ان تحمل برنامج الدريم ويفر لانه مهم جدا وسياعدك جدا
رآبط التحميل ..
Adobe dreamweaver cs5.5 ME أحدث اصدار دريم ويفر بتاريخ 16-05-2014 روابط خاصة لديزاد باتنة (http://www.dzbatna.com/t1876439/)
ارجو عدم النقل بدون ذكر المصدر الموضوع متعوب عليه ..
مصدر الموضوع مدونتي ..
حآن وقت تعلم الــ Css ، الدرس مفصل الاول ماهي Css ببساطة ! - دكتور ويب (http://drweb7.blogspot.com/2014/06/css-css.html)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم الله الرحمن الرحيم اهلا بكم اخواني في اول درس مفصل من دروس Css !
المقدم من احمد لديزاد باتنة ومدونتي مدونة blog دكتور ويب ..
خلنا نددخل بالموضوع طوآلي !
ماهي Css ! ? حسنا دعونا نترك متفلسف يتفلسف .. xD !
ومن ثم ساشرح طريقة الطريقة ببسآطة ! ..
http://1.bp.blogspot.com/-Wmzu2ug5fBs/UdBmdLNVY1I/AAAAAAAAAL8/RZsirbnsP-o/s1600/1.png
شكرآ لك متفلسف ..
شاشرح طريقةها لكم ببسآطة ..
الحين انت عندك صفحة HTML بدك توزع الصفحة وتلون الكلمات وتحسن شكل الخط وتقسم الصفحة الى هيدر وفوتر ومحتوى وتنسق الفروقات بين الفقرات ! تجعل صفحتك قابلة للتصفح ! تعطي لصفحتك الحياة .. !
بدون Css ستكون صفحتك مجرد صفحة بيضاء غير منسقة غير منظمة ..
،
اعتقد فهمت الان وظيفة الـ Css ! .. تساعد على جمالية الموقع وتنظيمة .. وتشكيلة ..
اي الـ html قطعة الطين و Css العامل الذي يشكل فخارة جميلة ..
.. الاستنتاج النهائي من الفقرة ..
الـ Css لغة سهلة وجميلة تساعد html لتسيقها واظهارها بشكل اجمل .. !
،
الجزء الثاني .. !
كيف اكتب كود code Css !؟ ادع متفلسف يشرح طريقة لكم :P !
http://4.bp.blogspot.com/-B7qYmX8w2Hg/UdBq34ixM0I/AAAAAAAAAMU/33ovhLP_MRQ/s1600/2.png
http://3.bp.blogspot.com/-hi6IvqL-m7Q/UdBq3f0G_5I/AAAAAAAAAMQ/OxpEhYtxeLs/s320/3.png
اعتقد ان الشرح طريقة وآضح واتمنى ان يكون متفسلسف فهمكم ..
ويكن انتظر اين اضع وسوم Css !? او اين اكتبها ؟
هناك ثلاث 3 طرق ؟
تفعيل CSS في صفحة HTML !
اول طريقة داخل الملف نفسه داخل الكود code نفسه وهي اسوء طريقة وغير محببه وساتخدامها قليل ..
رمز Code:
<html> <head> <title>Example<title> </head> <body style="background-color: #FF0000;"> <p>This is a red page</p> </body> </html>
كما في المثال فقد ضمنا الكود code Css في ال Html ! .
ولكن الطريقة سيئة فستختاج لتعدل على كل كود code ووو االطريقة غير مستخدمة ..
الطريقة الثانية .. !
في داخل ملف html راح نضع في الهيدر header كود code <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 />
وتضع الكود code اعلاه في وسم head !
وتغير الجزئية الاخيرة "href="style.css باسم ملفك ..
حسنا قبل ان اننتهي من الموضوع ! ارجومنك ان تحمل برنامج الدريم ويفر لانه مهم جدا وسياعدك جدا
رآبط التحميل ..
Adobe dreamweaver cs5.5 ME أحدث اصدار دريم ويفر بتاريخ 16-05-2014 روابط خاصة لديزاد باتنة (http://www.dzbatna.com/t1876439/)
ارجو عدم النقل بدون ذكر المصدر الموضوع متعوب عليه ..
مصدر الموضوع مدونتي ..
حآن وقت تعلم الــ Css ، الدرس مفصل الاول ماهي Css ببساطة ! - دكتور ويب (http://drweb7.blogspot.com/2014/06/css-css.html)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
