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

دورة css

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

  1. #1

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

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

    دورة css

    بسم الله الرحمن الرحيم

    الحمد لله رب العالمين والصلاة والسلام على سيدنا محمد الصادق الوعد الأمين على آله وصحبه أجمعين ..
    اللهم لا علم لنا إلا ما علمتنا إنك أنت العليم الحكيم ،
    اللهم علمنا ما ينفعنا وانفعنا بما علمتنا ،
    وزدنا علما ،
    وأرنا الحق حقاً وارزقنا اتباعه ،
    وأرنا الباطل باطلاً وارزقنا اجتنابه ،
    واجعلنا ممن يستمعون القول فيتبعون أحسنه ،
    وأدخلنا برحمتك في عبادك الصالحين

    دورة مجانية css
    الدورة منقولة بالكامل من موقع HTML.NET



    بعض التلميحات لهذه الدورة والتي من المفروض ان ابدا الدورة بها
    سيتم وضع درس يوم بعد يوم بإذن الله أرجو مشاركتكم بالردود حتى نبدأ



    الدروس المقترحة لهذه الدورة

    1 - ما هى تقنية ال css
    2 - كيف تعمل تقنية ال css
    3 - الألوان والخلفيات
    4 - الخطوط
    5 - النصوص
    6 - الروابط
    7 - مطابقة وتجميع العناصر id , class
    8 - جميع العناصر بإستخدام div , span
    9 - نموذج الصندوق
    10 - الحاشية والحشو
    11 - التصميم بال css
    12 - عناصر floats
    13 - طبقة فوق طبقة بإستخدام z-index
    14 - المعايير القياسية

    التعديل الأخير تم بواسطة RealIdea ; 08 / 05 / 2010 الساعة 59 : 11 PM سبب آخر: ذكر المصدر

  2. #2

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

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

    رد: دورة css

    الدرس الأول


    لعلك سمعت عن CSS من قبل لكن لا تعرف حقاً ما هي، في هذا الدرس ستتعلم المزيد عن CSS وماذا يمكن لهذه التقنية أن تقدم لك.
    CSS هي اختصار لي Cascading Style Sheets.
    ماذا يمكن أن أفعل بتقنية CSS؟

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

    تستخدم لوضع هيكلية ونظام منطقي للمحتويات، أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات.
    حسناً، قد يبدو هذا مربكاً لكن أكمل القراءة وستفهم ما قرأته قريباً.
    في الماضي القريب اخترع رجل اسمه تيم بيرنرز لي شبكة الويب، في ذلك الوقت كانت HTML تستخدم فقط لإضافة هيكلية للنص، الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلاً "هذا عنوان" أو "هذه فقرة" ويستخدم وسوم HTML مثل <h1> و<p>.
    مع ازدياد شهرة شبكة الويب بدأ المصممون في البحث عن طرق لإضافة تصميم للوثائق، ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتكسيب ومايكروسوفت - باختراع وسوم HTML جديدة مثل <font> الذي يختلف عن وسوم HTML الأصلية بأنه يهتم بالشكل لا بالهيكلية.
    أدى ذلك إلى أن تستخدم وسوم هيكلية مثل <table> بشكل خاطئ، حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلاً من إضافة معنى للنص، والكثير من الوسوم التي اخترعت مثل <blink> كانت فقط مدعومة من قبل متصفح واحد، أصبحت جملة "ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة" مألوفة في مواقع الشبكة.
    ابتكرت CSS لعلاج هذه المشكلة لأنها توفر للمصممين طرقاً فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت، والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.
    كيف ستفيدني CSS؟

    تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:

    • التحكم بالتصميم من خلال ملف واحد.
    • إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
    • إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
    • العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.

  3. #3

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

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

    رد: دورة css

    الدرس الثانى

    كيف تعمل تقنية CSS؟


    في هذا الدرس ستتعلم كيف تقوم بإنشاء ملف التصميم الأول، ستتعلم أساسيات CSS وما هي الوسوم اللازمة لتستخدم CSS في وثيقة HTML.
    الكثير من خصائص CSS تشبه تلك المستخدمة في HTML، لذلك إذا تعلمت HTML واستخدامتها لإنشاء التصاميم فأنت في الغالب ستتمكن من تعلم CSS بسهولة، لنلقي نظرة على هذا المثال الأساسي.


    القواعد الأساسية لكتابة CSS

    لنقل أننا نريد اللون الأحمر ليكون خلفية للصفحة:
    استخدام HTML يمكننا أن ننجز ذلك بهذه الطريقة:

    <body bgcolor="#FF0000">


    مع CSS يمكن تحقيق نفس النتيجة بكتابة هذه الأوامر:

    body {background-color: #FF0000;}


    كما تلاحظ، أوامر CSS تتشابه كثيراً مع HTML، والمثال أعلاه يوضح لك الأسلوب الأساسي لكتابة CSS:
    untitled.gif


    هناك ثلاث طرق يمكن أن تستخدمها لتفعيل CSS في صفحة HTML، هذه الطرق مشروحة أدناه، ونحن ننصح بأن تركز وتستخدم الطريقة الثالثة، وهي أن تضع CSS في ملف منفصل.
    الطريقة 1: ضمن وسوم HTML باستخدام خاصية style

    إحدى الطرق لتفعيل CSS في HTML هي باستخدام خاصية style، لنأخذ مثالاً على أساس المثال أعلاه الذي أردنا فيه استخدام اللون الأحمر كلخفية للصفحة، يمكن تطبيق هذا الأمر بهذا الشكل
    <html>
    <head>
    <title>Example<title>
    </head>
    <body style="background-color: #FF0000;">
    <p>This is a red page</p>
    </body>
    </html>

    الطريقة 2: ضمت ملف HTML باستخدام وسم style

    هذه طريقة مختلفة بأنها تستخدم وسم <style>، وهذا مثال لكيفية تطبيق هذه الطريقة:
    <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>

    الطريقة 3: ملف خارجي

    هذه هي الطريقة الأفضل، وهي أن تقوم بوضع رابط لملف خارجي يحوي أوامر CSS، خلال هذا الدرس سنقوم باستخدام هذه الطريقة لجميع الأمثلة.
    الملف الخارجي هو ببساطة ملف نصي يستخدم اللاحقة .css، ومثل الملفات الأخرى يمكنك أن تضعه في مزود موقعك أو على القرص الصلب.
    مثلاً، لنقل أن ملف التصميم لديك اسمه style.css وهو موجود في مجلد اسمه style، هذه الحالة يمكن توضيحها أكثر من خلال هذا الرسم
    2.jpg


    المهم هنا هو إنشاء رابط بين ملف HTML وملف التصميم (style.css)، مثل هذا الرابط يمكن إنشاءه من خلال سطر واحد في HTML:
    <link rel="stylesheet" type="text/css" href="style/style.css" />

    لاحظ كيف أن مسار الملف حددناه باستخدام خاصية href.
    هذا الأمر يجب أن يوضع في قسم رأس الصفحة، أي بين وسمي <head> و</head> كما في المثال الآتي:
    <html>
    <head>
    <title>My document</title>
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    </head>
    <body>
    ...

    هذا الرابط يخبر المتصفح بأن عليه استخدام التصميم من ملف CSS عندما يقوم بعرض ملف HTML.
    الجميل هنا أنك تستطيع ربط العديد من ملفات HTML بملف تصميم واحد، بمعنى آخر يمكن لملف تصميم واحد أن يستخدم للتحكم بتصميم العديد من ملفات HTML.
    3.jpg


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

    قم بتشغيل برنامج المفكرة (Notepad) أو أي محرر نصي، وقم بإنشاء ملفين، أحدهما HTML والآخر CSS وضع فيهما هذه المحتويات:
    default.htm


    <html>
    <head>
    <title>My document</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <h1>My first stylesheet</h1>
    </body>
    </html>

    style.css

    body {
    background-color: #FF0000;
    }

    الآن قم بوضع الملفين في نفس المجلد، تذكر أن تحفظ الملفين باستخدام اللاحقة الصحيحة لكل ملف.
    قم بفتح ملف default.htmفي متصفحك وانظر إلى الصفحة وهي تحوي اللون الأحمر كخلفية، تهانينا! لقد قمت بإنشاء ملف التصميم الأول!

  4. #4

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

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

    رد: دورة css

    الدرس الثالث

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

    color
    background-color
    background-image
    background-repeat
    background-attachment
    background-position
    background
    لون المقدمة: خاصية 'color'

    خاصية color تصف لون عنصر HTML.
    فمثلاً تصور أنك تريد أن تكون كل العناوين في الصفحة ملونة بلون أحمر داكن، كل العناوين رمزت باستخدام وسم <h1>، المثال أدناه سيقوم بتوضيح كيفية تحويل كل <h1> إلى اللون الأحمر:

    h1 {
    color: #ff0000;
    }


    الألوان يمكن أن تحدد باستخدام نظام الأرقام الست عشري كما في المثال أعلاه، أو بأن تختار اسم اللون "red"، أو من خلال قيمة RGB والتي تعني Red وGreen وBlue، مثال: (rgb(255,0,0)).
    خاصية 'background-color'

    خاصية background-color تحدد لون خلفية أي عنصر.
    العنصر <body> يضم كل محتويات وثيقة HTML، لذلك لتغيير خلفية الصفحة بأكملها يجب أن نفعل خاصية background-color على العنصر <body>.
    يمكنك أيضاً تفعيل خاصية لون الخلفية على عناصر أخرى مثل العناوين والنصوص، في المثال أدناه قمنا باختيار ألوان خلفية لعنصري <body> و<h1>.

    body {
    background-color: #FFCC66;
    }

    h1 {
    color: #990000;
    background-color: #FC9804;
    }


    لاحظ أننا قمنا بتفعيل خاصيتين للعنصر <h1> وقمنا بالفصل بين الخاصيتين باستخدام فاصلة منقوطة.
    الصورة كخلفية "background-image"

    خاصية background-image تستخدم لوضع صورة كخلفية لأي عنصر.
    فمثلاً قمنا باستخدم صورة فراشة في المثال أدناه، يمكنك إنزال الصورة لتجرب بنفسك على حاسةبك، قم بالضغط على الصورة بالزر الأيمن واحفظها في جهازك، أو يمكنك استخدام أي صورة تناسبك.

    لإدخال صورة الفراشة كخلفية للصفحة قم بتفعيل خاصية background-image للعنصر <body> وحدد مسار الصورة:

    body {
    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    }

    h1 {
    color: #990000;
    background-color: #FC9804;
    }


    انتبه: لاحظ كيف حددنا مسار الصورة بهذا الشكل url("butterfly.gif")، هذا يعني أن الصورة وضعت في نفس المجلد مع ملف التصميم، يمكنك أن تحدد مسار الصور في مجلدات أخرى باستخدام url("../images/butterfly.gif") أو حتى العنوان الكامل للملف: url("http://www.html.net/butterfly.gif").
    تكرار صورة الخلفية "background-repeat"

    هل لاحظت في المثال أعلاه أن صورة الفراشة تتكرر رأسياً وأفقياً لتغطي كامل الصفحة؟ الخاصية background-repeat تتحكم بتكرار الصورة.
    في الجدول أدناه ملخص لأربع قيم يمكن أن تضعها للخاصية background-repeat.
    القيمة الوصف Background-repeat: repeat-x الصورة ستتكرر أفقياً background-repeat: repeat-y الصورة ستتكرر عمودياً background-repeat: repeat الصورة ستتكرر أفقياً وعمودياً background-repeat: no-repeat لن تتكرر بأي شكل مثلاً لتجنب تكرار صورة الخلفية يجب أن تكتب الأوامر بهذا الشكل::

    body {
    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    background-repeat: no-repeat;
    }

    h1 {
    color: #990000;
    background-color: #FC9804;
    }


    تثبيت صورة الخلفية "background-attachment"

    الخاصية background-attachment تحدد ما إذا كانت صورة الخلفية ثابتة أو متحركة مع محتويات العنصر.
    الصورة الثابتة لن تتحرك مع النص عندما يقوم القارئ بتحريك الصفحة، بينما الصورة المتحركة ستتحرك مع الصفحة بمحتوياتها.
    في الجدول أدناه ملخص للقيم التي يمكنك وضعها لخاصية background-attachment، شاهد الأمثلة ولاحظ الاختلاف بين الصورة الثابتة والمتحركة.
    القيمة الوصف Background-attachment: scroll الصورة ستتحرك مع الصفحة Background-attachment: fixed الصورة ستبقى ثابتة المثال ادناه يبين كيفية اختيار القيمة المناسبة لتثبيت صورة الخلفية:

    body {
    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    }

    h1 {
    color: #990000;
    background-color: #FC9804;
    }


    مكان صورة الخلفية "background-position"

    تلقائياً توضع صورة الخلفية في أعلى يسار الصفحة، الخاصية background-position تسمح لك بتغيير هذه القيمة التلقائية ووضع الصورة في أي مكان تريده من الشاشة.
    هناك طرق مختلفة لتحديد قيمة background-position، لكن كلها تنظم على نسق واحد، فمثلاً القيمة '100px 200px' تضع الصورة الخلفية على بعد 100 بكسل من يسار نافذة المتصفح و200 بكسل من أعلى نافذة المتصفح.
    هذا النسق يمكن تحديده أيضاً بالنسبة المؤية من عرض الشاشة وكذلك مقاييس محددة مثل البكسل والسنتيميتر، أو من خلال استخدام كلمات مثل top وbottom وcenter وleft وright.

    untitled.jpg


    القيمة الوصف background-position: 2cm 2cm هذه الصورة وضعت على بعد 2 سنتم من يسار الشاشة و2 سنتم من أعلى الشاشة background-position: 50% 25% هذه الصورة وضعت في منتصف المسافة من يسار الشاشة وربع المسافة من أعلى الشاشة background-position: top right هذه الصورة وضعت في أعلى يمين الصفحة المثال أدناه يوضح كيفية وضع صورة الخلفية في أعلى يمين الشاشة:

    body {
    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right bottom;
    }

    h1 {
    color: #990000;
    background-color: #FC9804;
    }


    جمع كل الخصائص "background"

    الخاصية background هي اختصار لكل خصائص خلفية العناصر التي قرأتها في هذا الدرس.
    باستخدام background يمكنك جمع عدة خصائص وبالتالي تقليل عدد الأسطر التي تكتبها في ملف التصميم وهذا يجعل الملف أسهل للقراءة.
    فمثلاً يمكن اختصار هذه الأسطر:

    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right bottom;


    باستخدام background يمكن تحقيق نفس النتيجة باستخدام سطر واحد فقط:

    background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;


    القائمة ترتب بهذا الشكل - من اليسار إلى اليمين:
    background-color | background-image | background-repeat | background-attachment | background-position
    إذا لم تكتب خاصية ما سيقوم المتصفح بوضع القيمة التلقائية لهذه الخاصية، فمثلاً لم نضع الخاصية background-attachment وbackground-position في المثال:

    background: #FFCC66 url("butterfly.gif") no-repeat;


    الخاصيتين لم تحددا وسيقوم المتصفح بوضع القيمة التلقائية لهما والقيم هي كما تعرف scroll وtop left.


  5. #5

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

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

    رد: دورة css

    أرجو أخوانى المشاركة والتفاعل كى يستفيد الجميع ونكمل الدورة كى نتعلم من بعضنا

  6. #6

    الصورة الرمزية soad80
    عضو مميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2008
    المشاركات
    5,519
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    127

    رد: دورة css

    جزاك الله كل خير اخى الكريم بارك الله فى همتك يا رب
    دورة مميزة جدااااااااااااااااااا
    الله ينور عليك
    تسلم الايادى


  7. #7

    الصورة الرمزية soad80
    عضو مميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2008
    المشاركات
    5,519
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    127

    رد: دورة css

    ارجوا من مشرفين القسم تثبيت هذا الموضوع للاهميه و الاستفادة

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

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

    رد: دورة css

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

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



  9. #9

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

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

    رد: دورة css

    بسم الله الرحمن الرحيم
    ربنا اقح بيننا وبين قوما بالحق وانت خير الفاتحين
    صدق الله العظيم
    اللهم أسألك الإخلاص



    شكرا أخى RealIdea على تثيت الموضوع وسيتم وضع المحاضرات متتابعة ان شاء الله بصراحة من ردك عليا انا اتشجعت أكثر ميرسى جدا على الرد الجميل.


  10. #10

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

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

    رد: دورة css

    الدرس الرابع


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


    - font-family
    -font-style
    -font variant

    -font weight

    -font-size
    - font


    نوع الخطوط "font-family"

    الخاصية font-family تستخدم لوضع قائمة خطوط تطبق على حسب الأولوية على عنصر أو صفحة ما، إذا لم يجد المتصفح الخط الأول ضمن قائمة الخطوط سيقوم باستخدام الخط الثاني في القائمة وإذا لم يجده سيحاول عرض الخط التالي، وهكذا حتى يجد الخط المناسب.
    هناك نوعان من أسماء الخطوط تستخدم لتصنيفها، خطوط بأسماء محددة أو أسماء عامة، المصطلحين سنشرحهما في الفقرات اللاحقة.
    أسماء الخطوط أمثلة لخطوط بأسماء محددة هي "Arial" و"Times New Roman" أو "Tahoma". أسماء عامة الأسماء العامة للخطوط تحدد المجموعة من الخطوط التي لها شكل متماث، فمثلاً sans-serif هي مجموعة من الخطوط لا تحوي زوائد على الأحرف وهي خطوط مناسبة لعرض النص على الشاشة. الاختلاف بين أنواع الخطوط يوضح في المثال التالي:

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

    h1 {font-family: arial, verdana, sans-serif;}
    h2 {font-family: "Times New Roman", serif;}

    العناوين التي حددت باستخدام العنصر <h1> ستعرض باستخدام خط "Arial"، إذا لم يكن هذا الخط مثبتاً في حاسوب المستخدم سيعرض بدلاً منه خط "Verdana" وإذا لم يكن الإثنان موجودان على حاسوب المستخدم سيتم اختيار خط من عائلة الخطوط sans-serif لعرض العناوين.
    لاحظ كيف أننا وضعنا اسم خط "Times New Roman" بين علامتي تنصيص لأن اسمه يحوي مسافات ولذلك يجب أن يوضع بين علامتي تنصيص.


    الخاصية font-style تحدد ما إذا كان الخط سيحمل القيمة normal أو italic أو oblique، في المثال أدناه كل عناوين <h2> ستظهر بشكل مائل.

    h1 {font-family: arial, verdana, sans-serif;}
    h2 {font-family: "Times New Roman", serif; font-style: italic;}


    تباين الخط "font-variant"

    الخاصية font-variant تستخدم للاختيار بين القيمتين normal أو small-caps للخط وهي متعلقة فقط باللغات الأوروبية، القيمة small-caps تعني أن النص سيكتب بحروف كبيرة لكنها من ناحية الحجم صغيرة، ، يبدو الأمر مربكاً، عليك أن تشاهد المثال الآتي لكي تفهم أكثر:


    إذا اختيرت القيمة small-caps للخاصية font-variant ولم يكن هناك خط يدعم هذه الخاصية سيقوم المتصفح بعرض النص بحروف كبيرة فقط.

    h1 {font-variant: small-caps;}
    h2 {font-variant: normal;}


    وزن الخط "font-weight"

    الخاصية font-weight تصف كم ستكون سماكة أو "ثقل" الخط، يمكن للخط أن يحمل القيمة normal أو bold، وهناك متصفحات تدعم استخدام الأرقام من 100 إلى 900 لوصف ثقل الخط.

    p {font-family: arial, verdana, sans-serif;}
    td {font-family: arial, verdana, sans-serif; font-weight: bold;}


    حجم الخط "font-size"

    حجم الخط يمكن تحديده بالخاصية font-size.
    هناك العديد من الوحدات (مثال: بكسل، النسبة المؤية) التي يمكن استخدامها لوصف حجم الخط، في هذا المثال سنركز على الوحدات الأكثر استخداماً، والمثال يتضمن:

    h1 {font-size: 30px;}
    h2 {font-size: 12pt;}
    h3 {font-size: 120%;}
    p {font-size: 1em;}

    جمع كل خصائص الخط "font"

    استخدام font الخاصية التي يمكنها أن تختصر كل خصائص الخطوط في سطر واحد.
    فمثلاً

    هناك فرق واحد بين وحدات القياس الأربع، وهي أن كل من 'px' و'pt' تجعل حجم الخط محدداً بدقة وثابت بينما '%' و'em' تسمح للمستخدم بتغيير حجم الخط إلى المستوى المناسب له، هناك العديد من المستخدمين من ذوي الاحتياجات الخاصة أو كبار السن أو من يعاني من ضعف في البصر أو يملك شاشة ذات جودة رديئة، ولكي نجعل الموقع قابلاً للوصول لهذه الفئات وللجميع لا بد من استخدام وحدات قياس يمكن تعديلها مثل '%' أو 'em'.
    في المثال أدناه توضيح لكيفية تعديل حجم الخط في موزيلا فايرفوكس وإكسبلورر، خاصية رائعة، ألا تظن ذلك؟


    قائمة قيم الخاصية font ترتب بهذا الشكل

    font-style | font-variant | font-weight | font-size | font-family
    تم
    أرجو منكم التفاعل وتطبيق الدروس كما هى وعلى استعداد على الإجابة على استفساراتكم

  11. #11

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

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

    رد: دورة css

    الدرس الخامس

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

    text-indent
    text-align
    text-decoration
    letter-spacing
    text-transform

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

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

    p {
    text-indent: 30px;
    }


    محاذاة النص "text-align"

    خاصية text-align تشبه في HTML خاصية "align" التي كانت تستخدم في الماضي، النص يمكن محاذاته نحو اليسار "left" أو اليمين "right" أو في المنتصف "centred" وبالإضافة إلى ذلك القيمة justify ستقوم بمحاذاة النص من الجانبين كما تفعل بعض الصحف والمجلات.
    في المثال أدناه النص في رأس الجدول <th> قمنا بمحاذاته نحو اليمين، بينما البيانات في الجدول <td> حاذيناها نحو المنتصف أما النص في الفقرات فقمنا بمحاذاته من الجانبين:

    th {
    text-align: right;
    }

    td {
    text-align: center;
    }

    p {
    text-align: justify;
    }


    زخرفة النص "text-decoration"

    الخاصية text-decoration تمكنك من إضافة زخارف أو تأثيرات على النص، فمثلاً يمكنك أن تضيف سطراً أسفل النص، أو فوقه أو عليه، في المثال الآتي كل عناصر <h1> وضعنا أسفلها خطاً أما <h2> فهي العناوين التي فوقها خط و<h3> قمنا بوضع الخط عليها.

    h1 {
    text-decoration: underline;
    }

    h2 {
    text-decoration: overline;
    }

    h3 {
    text-decoration: line-through;
    }


    المسافة بين الحروف "letter-spacing"

    The spacing between text characters can be specified using the property letter-spacing، القيمة المحددة لهذه الخاصية هي ببساطة عرض المسافة التي تريدها بين كل حرف وآخر، فمثلاً إذا أردت مسافة 3px بين الحروف في الفقرات <p> و6px بين الحروف في العناوين <h1> فعليك أن تكتب الخصائص بهذا الشكل:

    h1 {
    letter-spacing: 6px;
    }

    p {
    letter-spacing: 3px;
    }


    تحويل النص "text-transform"

    خاصية text-transform تتحكم بحجم الخط في اللغات الغربية، يمكنك أن تختار بين القيم capitalize أو uppercase أو lowercase، وبغض النظر عن كيفية ظهور النص الأصلي.
    فمثلاً كلمة "headline" يمكن أن تظهر للمستخدم بهذا الشكل "HEADLINE" أو بهذا الشكل "Headline"، هناك أربع قيم يمكنك استخدامها مع القيم text-transform:
    capitalize تقوم بتكبير الحرف الأول من كل كلمة مثال: "john doe" ستصبح "John Doe". uppercase تجعل كل الحروف كبيرة، مثال: "john doe" ستصبح "JOHN DOE". lowercase ستجعل كل الحروف صغيرة، مثال: "JOHN DOE" ستصبح "john doe". none لن تقوم بعمل أي تأثير، النص سيظهر كما كتب في ملف HTML. كمثال، سنقوم باستخدام قائمة أسماء، الأسماء كلها تستخدم العنصر <li> (list-item)، ولنقل أننا نريد الأسماء أن يظهر حرفها الأول كبيراً أما العناوين فنريد كل حروفها كبيرة.
    جرب وألقي نظرة على HTML لهذا المثال وسترى أن النص الأصلي كتب بحروف صغيرة.

    h1 {
    text-transform: uppercase;
    }

    li {
    text-transform: capitalize;
    }
    تم



  12. #12

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

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

    رد: دورة css

    الدرس السادس


    مكنك أن تطبق ما تعلمته فعلاً في الدروس السابقة على الروبط (مثال: تغيير الألوان، الخطوط، وضع خط أسفل الروابط، إلخ) الجديد هنا أن CSS تسمح لك بتحديد خصائص مختلفة بحسب حالة الرابط إن لم يزر المستخدم الرابط أو زاره أو كان نشطاً أو كان مؤشر الفأرة فوق الرابط، كل هذا يمكنك من إضافة مؤثرات جميلة ومفيدة على الروابط، للتحكم بهذه التأثيرات يجب أن تستخدم ما يسمى pseudo-classes.
    ما هي الفئة المزيفة؟

    الفئة المزيفة أو pseudo-class يسمح لك بأن تأخذ في عين الاعتبار مختلف الحالات والأحداث عندما تقوم بتحديد خصائص لعنصر في HTML.
    لنلقي نظرة على المثال، كما تعرف الروابط تحدد في HTML من خلال الوسم <a> لذلك يمكننا أن نستخدم a كمنتقي في CSS:

    a {
    color: blue;
    }


    الرابط له عدة حالات، فمثلاً يمكن أن يزوره المستخدم أو لا يفعل، لذلك يمكنك أن تستخدم فئة مزيفة لكي تحدد شكلاً مختلفاً للرابط الذي زاره المستخدم عن الرابط الذي لم يزره بعد.

    a:link {
    color: blue;
    }

    a:visited {
    color: red;
    }


    استخدم a:link وa:visited للروابط التي زارها أو لم يزرهاالمستخدم، الروابط يمكن أن تكون نشطة لها فئة مزيفة خاصة وهي a:active أما a:hoverفهي الحالة التي يكون فيها مؤشر الفأرة فوق الرابط.
    سنقوم الآن بعرض الحالات الأربع للروابط مع المزيد من الشرح والأمثلة.
    الفئة المزيفة: link

    الفئة المزيفة :link تستخدم للروابط التي تقود المستخدم إلى صفحات لم يزرها.
    في المثال أدناه الروابط التي لم يزرها المستخدم ستظهر بلون أزرق فاتح.

    a:link {
    color: #6699CC;
    }


    الفئة المزيفة: visited

    الفئة المزيفة :visited تستخدم للروابط التي زارها المستخدم، المثال أدناه سيجعل كل الروابط التي زارها المستخدم بلون بنفسجي غامق:

    a:visited {
    color: #660099;
    }


    الفئة المزيفة: active

    الفئة المزيفة :active تستخدم للروابط النشطة.
    في المثال أدناه كل الروابط النشطة ستظهر بخلفية صفراء:

    a:active {
    background-color: #FFFF00;
    }


    الفئة المزيفة: hover

    الفئة المزيفة :hover تستخدم عندما يكون مؤشر الفأرة فوق الرابط.
    يمكن استخدام هذه الفئة لإنشاء مؤثرات جميلة، فمثلاً إذا أردنا أن تكون الروابط ملونة بالبرتقالي ومائلة عندما نضع مؤشرة الفأرة عليها فعلينا أن نكتب CSS بهذا الشكل:

    a:hover {
    color: orange;
    font-style: italic;
    }


    المثال 1: المؤثرات تظهر عندما يوضع مؤشر الفأرة على الرابط

    هذه مشهورة لإنشاء مؤثرات مختلفة عندما يوضع مؤشر الفأرة على الرابط، لذلك سنلقي نظرة على المزيد من الأمثلة المتعلقة بالفئة الزائفة :hover.
    مثال 1أ: وضع مسافات بين الحروف

    كما تتذكر في الدرس 5 تعلمنا أن المسافة بين الحروف يمكن أن تعديلها باستخدام الخاصية letter-spacing، هذا يمكن تطبيقه على الروابط لإنشاء مؤثرات خاصة:

    a:hover {
    letter-spacing: 10px;
    font-weight:bold;
    color:red;
    }


    مثال 1ب: الحروف الكبيرة والصغيرة

    في الدرس 5 ألقينا نظرة على الخاصية text-transform والتي يمكنها تغيير حالة الأحرف بين الصغيرة والكبيرة، هذا يمكن استخدامه أيضاً كمؤثر على الروابط:

    a:hover {
    text-transform: uppercase;
    font-weight:bold;
    color:blue;
    background-color:yellow;
    }


    في المثالين يمكن أن تأخذ فكرة عن الإمكانيات اللامتناهية لدمج بين العديد من الخصائص، يمكنك أن تقوم بإنشاء مؤثرات من ابتكارك، جرب!
    مثال 2: إزالة السطر من أسفل الرابط

    أحد أكثر الأسئلة تكراراً هو كيف أزيل الخط من أسفل الرابط؟
    يجب أن تفكر جيداً قبل أن تزيل الخط من أسفل الرابط، لأنه قد يجعل استخدام موقعك أكثر صعوبة، الناس اعتادوا على أن يرو الخطوط بلون أزرق وبخط أسفلها يميزها عن بقية النصوص الأخرى، ويعلمون أنهم يستطيعون الضغط عليها حتى والدتي تعلم ذلك! إذا أزلت الخط من أسفل الروابط وغيرت ألوانها فأنت تزيد من فرصة عدم فهم الزائر لموقعك وتشتته وبهذا لن يستفيدوا من محتويات موقعك.
    على أي حال، إزالة الخط من أسفل الروابط سهل جداً، كما تتذكر في الدرس 5 الخاصية text-decoration يمكنها أن تستخدم لتحديد ما إذا كان هناك خط سيظهر أسفل النص أم لا، لإزالة الخط السفلي قم بوضع القيمة none للخاصية text-decoration.

    a {
    text-decoration:none;
    }


    يمكنك أيضاً أن تفعل ذلك مع الحالات الأربع للرابط:

    a:link {
    color: blue;
    text-decoration:none;
    }

    a:visited {
    color: purple;
    text-decoration:none;
    }

    a:active {
    background-color: yellow;
    text-decoration:none;
    }

    a:hover {
    color:red;
    تم
    text-decoration:none;
    }

  13. #13

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

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

    رد: دورة css

    الدرس السابع

    المطابقة والتجميع للعناصر class وid
    في بعض الأحيان تود أن تفعل خصائص ما على مجموعة أو فريق من العناصر، في هذ الدرس سنلقي نظرة على كيفية استخدام الفئات class والمعرفات id لتحديد خصائص معينة لعناصر مختارة.
    كيف تختار لوناً محدداً لعنوان يختلف عن بقية العناوين في موقعك؟ كيف يمكنك أن تجمع بين روابط مختلفة وكل مجموعة تضعها في قسم مختلف وكل قسم له تصميم خاص؟ هذه أمثلة سنجيب عليها في هذا الدرس.
    تجميع العناصر باستخدام الفئات "class"

    لنقل بأن لدينا قائمتين من الروابط لأصناف مختلفة من الثمار، الخضار والفواكه، القائمتين في ملف HTML ستكونان بهذا الشكل:

    <p>الخضار:</p>
    <ul>
    <li><a href="ab.htm">يقدونس</a></li>
    <li><a href="cd.htm">جزر</a></li>
    <li><a href="ef.htm">خيار</a></li>
    </ul>

    <p>فواكه:</p>
    <ul>
    <li><a href="gh.htm">تفاح</a></li>
    <li><a href="ij.htm">أناناس</a></li>
    <li><a href="kl.htm">بطيخ</a></li>
    </ul>


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

    <p>خضار:</p>
    <ul>
    <li><a href="ab.htm" class="veg">بقدونس</a></li>
    <li><a href="cd.htm" class="veg">جزر</a></li>
    <li><a href="ef.htm" class="veg">خيار</a></li>
    </ul>

    <p>فواكه:</p>
    <ul>
    <li><a href="gh.htm" class="fru">تفاح</a></li>
    <li><a href="ij.htm" class="fru">أناناس</a></li>
    <li><a href="kl.htm" class="fru">بطيخ</a></li>
    </ul>


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

    a {
    color: blue;
    }

    a.veg {
    color: #FFBB00;
    }

    a.fru {
    color: #800000;
    }


    كما ترى في المثال، يمكنك أن تحدد خصائص لعناصر معينة تتبع مجموعة محددة باستخدام الفائت .classname في ملف التصميم.
    تحديد معرف خاص لعنصر معين من خلال id

    بالإضافة إلى تجميع العناصر من خلال الفئات، لعلك ترغب في تحديد معرف لخاصية محددة، هذا يمكن إنجازه من خلال الخاصية id.
    المميز في الخاصية id هو عدم إمكانية وجود عنصرين يستخدمانه في نفس الملف، أي لا يمكن لعنصرين أن يستخدما معرفاً id واحداً في نفس الصفحة، كل معرف id يجب أن يكون مميزاً وفريداً، أما غير ذلك فعليك استخدام الفئات class، دعنا نلقي نظرة على مثال محتمل لكيفية استخدام المعرف id:

    <h1>فصل 1</h1>
    ...
    <h2>فصل 1.1</h2>
    ...
    <h2>فصل 1.2</h2>
    ...
    <h1>فصل 2</h1>
    ...
    <h2>فصل 2.1</h2>
    ...
    <h3>فصل 2.1.2</h3>
    ...


    المثال أعلاه قد يكون عناوين لوثيقة ما تقسم الصفحة إلى أبواب وفصول، من الطبيعي أن نحدد لكل فصل معرفاً خاصاً id كما في المثال الآتي:

    <h1 id="c1">فصل 1</h1>
    ...
    <h2 id="c1-1">فصل 1.1</h2>
    ...
    <h2 id="c1-2">فصل 1.2</h2>
    ...
    <h1 id="c2">فصل 2</h1>
    ...
    <h2 id="c2-1">فصل 2.1</h2>
    ...
    <h3 id="c2-1-2">فصل 2.1.2</h3>
    ...


    لنقل أن عنوان الفصل 1.2 يجب أن يكون باللون الأحمر، يمكن إنجاز ذلك في CSS بهذا الشكل:

    #c1-2 {
    color: red;
    }




  14. #14

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

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

    رد: دورة css

    الدرس الثامن

    جميع العناصر باستخدام span وdiv
    لعنصران <span> و<div> يستخدمان لجمع العناصر وإنشاء هيكلية للوثائق وهما يستخدمان معاً مع الخاصيتين class وid.
    في هذ االدرس، سنلقي نظرة عن قريب على استخدام <span> و<div> لأنهما العنصران الأكثر أهمية عندما تتعامل مع CSS.

    • التجميع بالعنصر <span>
    • التجميع بالعنصر <div>

    التجميع بالعنصر <span>

    العنصر <span> هو ما يمكن أن تسميه العنصر المحايد والذي لا يضيف شيئاً للوثيقة نفسها، لكن مع CSS <span> يمكن استخدامه لإنشاء مؤثرات على أجزاء محددة من النص في الوثائق.
    مثال هذا هو اقتباس من جملة قالها بنجامين فرانكلين:

    <p>Early to bed and early to rise
    makes a man healthy, wealthy and wise.</p>


    لنقل أننا نريد أن نؤكد على ما قاله السيد فرانكلين حول فوائد عدم النوم في النهار بأن نلونها بالأحمر، لهذا الغرض يمكن وضع الكلمات بين وسمي <span>، كل span أضفنا لها فئة class والتي تمكننا بعد ذلك من إضافة خصائص لها من خلال CSS:

    <p>Early to bed and early to rise
    makes a man <span class="benefit">healthy</span>,
    <span class="benefit">wealthy</span>
    and <span class="benefit">wise</span>.</p>


    أوامر CSS المتعلقة بالمثال:

    span.benefit {
    color:red;
    }


    بالطبع يمكنك استخدام المعرف id لإضافة الألوان على <span> لكن تذكر أن استخدام المعرف يجب أن يكون لمرة واحدة في الصفحة الواحدة، لذلك في المثال أعلاه عليك أن تستخدم ثلاث معرفات متميزة لكل <span> كما تعلمت في الدرس الماضي.
    التجميع بالعنصر <div>

    العنصر <span> يستخدم في العناصر كما رأيت في المثال السابق، العنصر <div> يستخدم لتجميع العناصر.
    هذا هو الاختلاف الوحيد، تجميع العناصر باستخدام <div> يعمل بنفس الطريقة، لنلقي نظرة على مثال لقائمتين تحويان أسماء الرؤساء الأمريكيين مقسمة حسب الأحزاب التي ينتمون لها:

    <div id="democrats">
    <ul>
    <li>فرانكلين روزفيلت</li>
    <li>هاري ترومن</li>
    <li>جون كينيدي</li>
    <li>ليندون جونسون</li>
    <li>جيمي كارتر</li>
    <li>بيل كلينون</li>
    </ul>
    </div>

    <div id="republicans">
    <ul>
    <li>دوايت أيزنهاور</li>
    <li>ريتشارد نيكسون</li>
    <li>جيرالد فورد</li>
    <li>رونالد ريغان</li>
    <li>جورج بوش</li>
    <li>جورج دبليو بوش</li>
    </ul>
    </div>


    وفي ملف CSS سنستخدم التجميع كما في المثال أعلاه بنفس الطريقة:

    #democrats {
    background:blue;
    }

    #republicans {
    background:red;

    تم
    }



  15. #15
    مصمم جديد

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

    رد: دورة css

    لك مني أجمل تحية


 

 
صفحة 1 من 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

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

المفضلات

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

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