Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
صفحة 2 من 2 الأولىالأولى 12
النتائج 16 إلى 27 من 27

دورة css

هذا الموضوع : دورة css داخل الويب وتطوير المواقع | Websites Design & Developmentالتابع الي قسم المنتديات التقنية : أشكرك أختى منى على مرورك الجميل...

  1. #16

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    أشكرك أختى منى على مرورك الجميل


  2. #17
    الصورة الرمزية RealIdea
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2010
    الدولة
    مــصــر
    العمر
    39
    المشاركات
    285
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    15

    رد: دورة css

    بارك الله فيك
    ولاتمام ما قمت بعمله أرى انك تقوم بعمل ملف pdf او word وارفاقه
    لكى تستطيع تنسيق النص أسهل من ذلك وأوضح
    بارك الله فيك
    يحفظ العلم بالعمل به وتعليمه والتأليف فيه، ومن حفظه وكرره وذاكره ودرسه ثبت في صدره

    موقعى الشخصى
    www.Real-Idea.Net



  3. #18

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس التاسع

    نموذج الصندوق



    نموذج الصندوق في CSS يصف الصناديق التي تنشأ من خلال عناصر HTML، نموذج الصندوق يحوي أيضاً خيارات مفصلة حول تعديل الحاشية، الإطار، الحشو والمحتويات لكل عنصر، في المثال التوضيحي أدناه سنعرض أجزاء نموذج الصندوق:
    نموذج الصندوق في CSS

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

    <h1>Article 1:</h1> <p>All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood</p>


    بإضافة بعض الألوان وتحديد بعض المعلومات حول الخطوط يمكن للمثال أن يصبح بهذا الشكل:




    المثال يحوي عنصرين <h1> و<p>، نموذج الصندوق للعنصرين سيظهر بهذا الشكل:
    حتى لو بدى المثال معقداً، الرسم يوضح كل عنصر في HTML محاط بصناديق، الصناديق يمكن تعديلها من خلال CSS.





    الخصائص التي تتحكم بالصناديق المختلفة هي: padding وmargin وborder، في الدرسين اللاحقين سنتعامل مع هذه الخصائص الثلاثة.
    عندما تنتهي من الدرسين ستتمكن من التحكم بنموذج الصندوق وتقوم بتعديل ملفات HTML بشكل أفضل وأكثر دقة مقارنة مع استخدام الأسلوب القديم الذي يعتمد على الجداول في HTML.

    تم

  4. #19

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس العاشر
    الحاشية والحشو

    في الدرس الماضي تعرفنا على نموذج الصندوق، في هذ الدرس سنلقي نظرة على كيفية تغيير شكل العناصر بتغيير إعدادات خاصية margin وpadding.


    تعديل خاصية margin لعنصر ما

    كل عنصر له أربع جوانب، اليمين right، اليسار left، الاعلى top، الأسفل bottom، الخاصية margin تتحكم ببعد كل جانب من جوانب العنصر عن العنصر المحاذي له، أو إطار الصفحة، أنظر إلى الرسم التوضيحي في الدرس التاسع للمزيد من التوضيح.
    في المثال الأول لنلقي نظرة على كيفية تحديد الحاشية "margin" للصفحة نفسها أي للعنصر <body>، الرسم أدناه يوضح كيف نريد للحاشية أن تكون في الصفحة.

    في ملف CSS سنكتب التالي:


    body { margin-top: 100px; margin-right: 40px; margin-bottom: 10px; margin-left: 70px; }

    أو يمكننا تجميع كل هذه السطور في سطر واحد أنيق:


    body { margin: 100px 40px 10px 70px; }






    يمكنك تحديد الحاشية بنفس الطريقة لمعظم العناصر، فمثلاً يمكنك تحديد الحاشية لكل الفقرات النصية للعنصر <p>:


    body {
    margin: 100px 40px 10px 70px;
    }


    p {

    margin: 5px 50px 5px 50px;

    }


    تعديل خاصية padding لعنصر ما

    الحشو يمكن التعبير عنه بأنه "ما في داخل العنصر نفسه" والحشو لا يؤثر في المسافية بين العنصر والآخر، بل يحدد المسافة في العنصر نفسه بين محتويات العنصر والإطار.
    استخدام الحشو "padding" يمكن توضيحه بمثال بسيط حيث كل العناوين لها ألوان خلفية:

    h1 {
    background: yellow;
    }

    h2 {
    background: orange;
    }


    بتحديد الحشو لكل عنوان يمكن تغيير حجم العنصر الداخلي الذي يحيط بالعنوان من كل جهة:

    h1 {
    background: yellow;
    padding: 20px 20px 20px 80px;
    }


    h2 {
    background: orange;
    padding-left:120px;
    }



  5. #20

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس الحادى عشر
    التصميم (CSS)

    أليس من الجميل أن تتمكن من إعطاء صفحتك التصميم الذي تستحق؟
    بالتأكيد، لكن كيف؟

    لكي تعطي صفحتك تصميماً يجب أن تستخدم تقنية (CSS)، في هذا الدرس ستجد مقدمة قصيرة إلى CSS، لكن بعد ذلك يمكنك تعلم كل شيء حول CSS بتفاصيلها في درس CSS. لذلك اعتبر هذا الدرس مجرد فاتحة شهية.
    هي النصف الآخر للغة HTML، ففي كتابة الصفحات، كل واحدة لها وظيفة محددة: تهتم بالجوانب الصعبة "هيكلية الصفحة ومحتوياتها" بينما CSS تعطي لمسة أنيقة (التصميم).
    كما رأيت الدرس السابع، يمكن إضافة CSS من خلال خاصية، فمثلاً يمكنك أن تضع نوع الخط وحجمه:
    مثال 1:
    <p style="font-size:20px;">This is typed in size 20</p>
    <p style="font-family:courier;">This is typed in Courier</p>
    <p style="font-size:20px; font-family:courier;">This is typed in Courier size 20</p>

    سيظهر بهذا الشكل في متصفحك
    This is typed in size 20
    This is typed in Courier
    This is typed in Courier size 20

    في المثال أعلاه اسخدمنا خاصية style لتحديد نوع الخط الذي نريد استخدامه من خلال أمر font-family) وحددنا حجم الخط من خلال أمر font-size)، لاحظ كيف أن الفقرة الأخيرة استخدامنا الأمرين معاً وقمنا بالفصل بينمها من خلال فاصلة منقوطة.
    يبدو أن هذا يحتاج إلى الكثير من العمل؟

    إحدى أذكى خصائص CSS أنها تمكنك من إدارة التصميم من خلال مكان واحد، فبدلاً من اسخدام خاصية style لكل وسم، يمكن أن تخبر المتصفح مرة واحدة كيف يجب أن يعرض التصميم لكل النصوص في الصفحة:
    مثال 2:

    <html>

    <head>
    <title>My first CSS page</title>

    <style type="text/css">
    h1 {font-size: 30px; font-family: arial;}
    h2 {font-size: 15px; font-family: courier;}
    p {font-size: 8px; font-family: "times new roman";}
    </style>


    </head>

    <body>
    <h1>My first CSS page</h1>
    <h2>Welcome to my first CSS page</h2>
    <p>Here you can see how CSS works </p>
    </body>

    </html>


    في المثال أعلاه وضعت في رأس الصفحة، ولذلك يمكن تطبيقها على كل الصفحة، لفعل ذلك عليك فقط أن تضع الوسم <style type="text/css"> الذي يخبر المتصفح بأنك تستخدم CSS.
    في المثال كل العناوين في الصفحة ستستخدم خطاً من نوع Arial بحجم 30 بكسل، وكل العناوين الجانبية ستستخدم خطاً من نوع Courier بحجم 15 بكسل، وبقية النصوص في الفقرات ستستخدم خطاً من نوع "Times New Roma" بحجم 8 بكسل.
    هناك خيار آخر يتمثل في كتابة CSS في ملف منفصل، لأنك تستطيع من خلال ملف منفصل أن تتحكم بتصميم صفحات عدة مرة واحدة، هذا أسلوب ذكي إذا أردت أن تغير حجم الخط ونوعه في موقع كبير يحوي مئات أو آلاف الصفحات، لكننا لن نشرح ذلك الآن، يمكنك أن تتعلم هذا في درس CSS.
    ماذا يمكن أن أفعل أيضاً في CSS؟

    يمكن أن تستخدم لأكثر من مجرد تحديد نوع وحجم الخط، فمثلاً يمكنك أن تحدد ألوان عناصر الصفحة ولون الخلفية، هنا بعض الأمثلة لتجرب عليها::

    <p style="color:green;">Green text</p>

    <h1 style="background-color: blue;">Heading on blue background</h1>

    <body style="background-image: url('http://www.html.net/logo.png');">


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

    بجانب التصميم وتفاصيله مثل الألوان والخطوط، يمكنها أن تتحكم بتنسيق الصفحة وطريقة عرض البيانات فيها (الهوامش، المحاذاة، العرض والطول ... إلخ)، بتنظيم مخلف العناصر باستخدام CSS، يمكنك أن تصمم صفحتك بأسلوب أنيق دقيق.
    مثال 3:

    <p style="padding:25px;border:1px solid red;">I love CSS</p>


    سيظهر بهذا الشكل في متصفحك
    I love CSS

    بستخدام أمر float يمكن للعنصر أن يوضع إلى يسار أو يمين الصفحة في المثال التالي سنعرض هذا المبدأ:
    مثال 4:

    <img src="bill.jpg" alt="Bill Gates" style= "float:left;" />

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
    sed diam nonummy nibh euismod tincidunt ut laoreet dolore
    magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
    quis nostrud exerci tation ullamcorper suscipit
    lobortis nisl ut aliquip ex ea commodo consequat...</p>


    سيظهر بهذا الشكل في متصفحك
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat...

    في المثال عنصر واحد "الصورة" قمنا بوضعها إلى اليسار والعنصر الآخر "النص" قم بتغطية المساحة الفارغة حولها.
    باستخدام الأمر position، يمكنك أن تضع العنصر في مكان محدد حيث تريد له أن يكون في الصفحة:
    مثال 5:
    <img src="bill.jpg" alt="Bill Gates" style="position:absolute;bottom:50px;right:10px;" />

    في المثال الصور وضعت على بعد 50 بكسل من الأسفل و10 بكسل من يمين المتصفح، لكن يمكنك أن تضعها بالضبط حيث تشاء، جرب، ستجد أن الأمر سهل ومثير.
    جميل، لكن هل هي سهلة؟

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

  6. #21

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس الثانى عشر

    تعويم العناصر (floats)

    العناصر يمكن تعويمها إلى اليمين أو اليسار باستخدام الخاصية float، هذا يعني أن الصندوق ومحتوياته ستعوم إلى اليمين أو اليسار من الصفحة، أو من ستعوم إلى إحدى الجهتين ضمن عنصر صندوق آخر، أنظر الدرس التاسع للمزيد حول نموذج الصندوق، المثال التالي يوضح مبدأ تعويم العناصر:



    إذا كان لدينا مثلاً نص يلتف حول صورة ستظهر النتيجة بهذا الشكل:

    كيف يمكن فعل ذلك؟

    ملف HTML للمثال أعلاه سيكون بهذا الشكل:

    <div id="picture">
    <img src="bill.jpg" alt="Bill Gates">
    </div>

    <p>causas naturales et antecedentes,
    idciro etiam nostrarum voluntatum...</p>


    لكي نجعل الصورة تطفو إلى اليسار والنص يحيط بها فعليناً أولاً تحديد عرض الصندوق المحيط بالصورة ثم نعطي للخاصية float القيمة left:

    #picture {
    float:left;
    width: 100px;

    }


    مثال آخر: الأعمدة

    خاصية التعويم يمكن استخدامها للأعمدة في الصفحة، لإنشاء عمود عليك ببساطة أن تضع هيكلية للأعمدة في HTML باستخدام <div> كما يلي:

    <div id="column1">
    <p>Haec disserens qua de re agatur
    et in quo causa consistat non videt...</p>
    </div>

    <div id="column2">
    <p>causas naturales et antecedentes,
    idciro etiam nostrarum voluntatum...</p>
    </div>

    <div id="column3">
    <p>nam nihil esset in nostra
    potestate si res ita se haberet...</p>
    </div>


    الآن عرض العمود الذي نريد هو 33% ويمكننا ببساطة أن نعوم كل الأعمدة إلى اليسار باستخدام الخاصية float:

    #column1 {
    float:left;
    width: 33%;

    }

    #column2 {
    float:left;
    width: 33%;

    }

    #column3 {
    float:left;
    width: 33%;

    }


    float يمكن أن تحمل القيمة left أو right أو none.
    الخاصية clear

    خاصية clear تستخدم للتحكم بوضعية العناصر اللاحقة لأي عنصر الصفحة تم تعويمه.
    تلقائياً العناصر اللاحقة تحرك لتغطي المساحة حول العنصر الذي تم تعويمه، أنظر إلى المثال أعلاه حيث ترى النص قد التف تلقائياً بجانب صورة بيل غيتس.
    الخاصية clear يمكنها أن تحمل القيمة left أو right أو both أو none، المبدأ هنا إذا وضعنا لخاصية clear قيمة "both" مثلاً فإن الحاشية العلوية للعنصر ستصبح أسفل الحاشية السفلية لعنصر يعلوه.

    <div id="picture">
    <img src="bill.jpg" alt="Bill Gates">
    </div>

    <h1>Bill Gates</h1>

    <p class="floatstop">causas naturales et antecedentes,
    idciro etiam nostrarum voluntatum...</p>

    إذا لم ترغب في أن يلتف النص حول الصورة يمكنك إضافة هذه الخاصية في CSS:

    #picture {
    float:left;
    width: 100px;
    }

    .floatstop {


    clear:both;
    }
    تم


  7. #22

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس الثالث عشر
    وضعية العناصر

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

    - مبادىء وضعية العناصر
    - وضعية العناصر المطلقة
    - وضعية العناصر النسبية

    مبادئ وضعية العناصر في CSS

    تصور أن نافذة المتصفح منسقة بهذا النظام:



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

    h1 {
    position:absolute;
    top: 100px;
    left: 200px;

    }


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

    أي عنصر وضع بشكل مطلق لا يأخذ مساحة في الصفحة، هذا يعني أنه لا يترك فراغاً بعد أن يوضع بشكل مطلق.
    لوضع أي عنصر بشكل مطلق يجب أن تعطي الخاصية position القيمة absolute، ويمكن أيضاً استخدام الخصائص left وright وtop وbottom لتحديد وضعية الصندوق.
    كمثال للوضعية المطلقة قمنا بوضع أربع صناديق في الزواية الأربعة للصفحة:

    #box1 {
    position:absolute;
    top: 50px;
    left: 50px;
    }

    #box2 {
    position:absolute;
    top: 50px;
    right: 50px;
    }

    #box3 {
    position:absolute;
    bottom: 50px;
    right: 50px;
    }

    #box4 {
    position:absolute;
    bottom: 50px;
    left: 50px;
    }


    وضعية العناصر النسبية

    لوضع العناصر بشكل نسبي عليك أن تعطي الخاصية position القيمة relative، الاختلاف بين الوضعية النسبية والمطلقة هي كيفية التعامل مع وضع العنصر نفسه.
    وضعية العنصر النسبية تحسب على أساس وضعه الأصلي في الصفحة، هذا يعني أنك إذا حركت العناصر إلى اليمين أو اليسار أو الأعلى أو الأسفل فإنه سيأخذ مساحة من النص بعد وضعه في مكانه المحدد.
    كمثال على الوضعية النسبية يمكننا أن نجرب وضع ثلاث صور بشكل نسبي في الصفحة، لاحظ أن الصور تترك مساحة فارغة في أماكنها الأصلية من الصفحة:

    #dog1 {
    position:relative;
    left: 350px;
    bottom: 150px;
    }
    #dog2 {
    position:relative;
    left: 150px;
    bottom: 500px;
    }

    #dog3 {
    position:relative;
    left: 50px;
    bottom: 700px;
    }
    تم


  8. #23

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    الدرس الرابع عشر

    طبقة فوق طبقة باستخدام z-index
    مكنها أن تتحكم بالأبعاد الثلاث, العرض والارتفاع والعمق، وقد تحدثنا بما فيه الكفاية عن العرض والارتفاع في الدروس السابقة، في هذ االدرس سنتعلم كيف نضع عناصر مختلفة في طبقات، باختصار هذا يعني ترتيب العناصر لكي نضع بعضها فوق بعض.
    لهذا الغرض يمكنك أن تعطي لعنصر ما رقم (z-index)، وهذا الخاصية تسمح للعناصر ذات الرقم الأعلى بأن تكون فوق العناصر التي ذات الرقم الأدنى.
    لنقل بأننا نريد ترتيب صور للعبة الورق، يجب أن نعطي لكل ورقة رقم z-index:

    في هذه الحالة الأرقام متتابعة (من 1 إلى 5) لكن يمكن تحقيق نفس النتيجة باستخدام خمسة أرقام مختلفة، المهم هو الترتيب المتصاعد.
    المثال أدناه يوضح كيفية ترتيب البطاقات:

    #ten_of_diamonds {
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 1;
    }

    #jack_of_diamonds {
    position: absolute;
    left: 115px;
    top: 115px;
    z-index: 2;
    }

    #queen_of_diamonds {
    position: absolute;
    left: 130px;
    top: 130px;
    z-index: 3;
    }

    #king_of_diamonds {
    position: absolute;
    left: 145px;
    top: 145px;
    z-index: 4;
    }

    #ace_of_diamonds {
    position: absolute;
    left: 160px;
    top: 160px;
    z-index: 5;
    }


    تم


  9. #24

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    المعايير القياسية
    منظمة W3C أو World Wide Web Consortium, هي منظمة مستقلة تضع المعايير التقنية لشبكة الويب (مثال: HTML، CSS، XML وغيرها)، مايكروسوفت ومنظمة موزيلا وغيرها من الشركات كلها تشارك في منظمة W3C واتفقت على أن مستقبل شبكة الويب يكمن في المعايير القياسية.
    إذا سبق لك أن جربت تصميم الموقع فأنت في الغالب تعرف أن هناك احتمال كبير بظهور الموقع بشكل مختلف في متصفحات مختلفة، وإنشاء موقع يظهر بشكل صحيح في كل المتصفحات الحديثة اليوم قد يستهلك الكثير من الوقت ويثير أعصابك.
    الفكرة من وجود المعايير القياسية المتفق عليها هو وجود تقنيات ويب موحدة، هذا يعني أن مطور الموقع إذا قام بإنشاء موقع فهو يعلم أنه سيظهر بالشكل المطلوب في كل المتصفحات وأنظمة التشغيل، لذلك نفضل أن تقوم باستخدام المعايير القياسية وتقوم بالتأكد من أن ملفات CSS التي قمت بكتابتها تتوافق مع هذه المعايير..
    مدقق CSS

    لتبسط عملية تعلم معايير css قامت منظمة W3C بتطوير أداة تدقيق تقوم بقراءة ملفات CSS وتعطيك النتائج مع الأخطاء والتحذيرات إن كان ملف CSS يحوي أي خطأ.
    ولكي نبسط عليك الأمر يمكنك أن تتأكد بنفسك من صحة ملفات CSS مباشرة من هذه الصفحة، ببساطة ضع عموان ملف CSS الخاص بموقعك واضغط على زر "تدقيق" وستنتقل إلى موقع W3C لترى النتيجة وتعرف الأخطاء إن وجدت.


    إذا لم يجد المدقق أية أخطاء ستظهر لك هذه الصورة والتي يمكنك أن تضعها في موقعك لتبين بأنك تستخدم المعايير القياسية:

    المدقق يمكن إيجاده على هذا الرابط:



  10. #25

    الصورة الرمزية mr.waliedelmadawy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    Egypt
    العمر
    40
    المشاركات
    370
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    26

    رد: دورة css

    تمت دورة أساسيات ال css أسأل الله العلى القدير أن ينفعنى بها والمسلمين

    أشكر إدارة المنتدى للإعلان عن الدروة فى أول صفحة

    أشكرك مهندس عطيه لفضلك عليا

    أشكرك أستاذى الفاضل soad80

    أشكرك أستاذى الفاضل RealIdea



  11. #26
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Sep 2009
    المشاركات
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: دورة css

    السلام عليكم

    الدورة كلها منقولة من هذا الموقع
    دروس حول HTML وCSS - إنشاء موقعك الشخصي | HTML.net

    ارجو توضيح ان الدروس منقولة
    لعدم ضياع مجهود الناس


    وشكرا لتعبك وافادتك لنا


  12. #27



    الصورة الرمزية محمود قحطان
    مدير قسم الأوتوكاد

    الحالة
    غير متصل
    تاريخ التسجيل
    Apr 2007
    الدولة
    السُّعودية- الدَّمام
    المشاركات
    1,783
    Thanks
    0
    Thanked 6 Times in 4 Posts
    الصور
    2
    معدل تقييم المستوى
    68

    رد: دورة css

    ضع فارغ قبل أول سطر "text-indent"

    الخاصية text-indent تسمح لك بإضافة لمسة أنيقة إلى الفقرات بوضع مسافة فارغة قبل أول سطر من الفقرة، في المثال أدناه وضعنا القيمة 30px لكل الفقرات التي تستخدم العنصر <p>:

    p {
    text-indent: 30px;
    }

    شُكرًا على هذهِ الدورة المهمة
    أعتذر لتأخري بالمشاركة

    لديَّ سؤال حول النَّص المقتبس
    أنا لدي مدونة على (الوورد بريس)
    أينَ يُمكنني أن أضع السَّطر السَّابق؟

    أجزمُ أنَّ لا شيءَ يُشبهني..
    أدوِّنُ بعضاً من عبثيةِ الرَّفضِ لأواري سوءات الآخرين.. !!

 

 
صفحة 2 من 2 الأولىالأولى 12

المواضيع المتشابهه

  1. دورة 3D Max 2009 للمبتدئين و دورة Vray شرح فيديو
    بواسطة waleed_ali في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 7
    آخر مشاركة: 12 / 10 / 2014, 02 : 01 PM
  2. أول دورة عربية || دورة المستأنس خلف تقنيات الفوتوشوب CS5 ||
    بواسطة المستأنس في المنتدى الدورات والدروس التعليمية | Photoshop Tutorials & Tips
    مشاركات: 50
    آخر مشاركة: 05 / 11 / 2012, 00 : 04 AM
  3. ادخل على شان تعرف دورة هتبدا امتة دورة لبرنامج adobe premiere pro cs5 باللغة العربية مجانا
    بواسطة abomazn2006 في المنتدى المونتاج وتحرير الفيديو | Video Editing
    مشاركات: 5
    آخر مشاركة: 16 / 06 / 2011, 06 : 10 AM
  4. دورة الخامات الاحترافية ::: دورة مجانية :::
    بواسطة ammarkhatib في المنتدى ورش عمل ومسابقات
    مشاركات: 192
    آخر مشاركة: 10 / 10 / 2009, 19 : 04 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 31 : 08 AM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO