الأحد، 31 مايو 2015

دورة تعليمية لتعلم ال HTML - الدرس الخامس: الاقتباسات+ كيفية ادراج كود سورس

السلام عليكم و رحمة الله و بركاته...
في درس اليوم بحول الله سنرى مختلف الوسوم التي يمكن من خلالها ادراج اقتباسات من نصوص و اخرى و كيفة التعامل معها، كما سنتطرق كذلك الى كيفية ادراج كود سورس بال HTML ...في القائمة التالية مختلف الوسوم المدروسة في هذه الحلقة:
    •  <q> من أجل الاقتباسات القصيرة...
    • <blockquote> تستعمل لادراج اقتباسات طويلة..
    • <cite> للتنويهات و الملاحظات ..
    • <address> للعناوين و ما شابهها...
    • <abbr> لشرح الاختصارات...
    • <code> لادراج كود سورس في الصفحة...
و للمزيد، يرجى متابعة الفيديو من هنا:


الكود سورس المرفق:
 <!DOCTYPE html>
<html dir = "rtl">
    <head>
        <meta charset="UTF-8">
        <title>دورة تعليمية في ال HTML - ArabICT</title>
    </head>
    <body>
        <h1>درس اليوم: الاقتباسات + كيفية ادراج كود سورس</h1>
        <p>
        أنا عبارة عن <q> اقتباس قصير </q><br />
        <blockquote>
        أنا عبارة عن اقتباس طويل <br/>
        أنا عبارة عن اقتباس طويل <br/>أنا عبارة عن اقتباس طويل <br/>
        أنا عبارة عن اقتباس طويل <br/>
        أنا عبارة عن اقتباس طويل <br/>
        </blockquote> <cite> هذا الاقتباس مأخوذ من الدورة التعليمية في ال HTML</cite>
        <address>
        الكاتب: ArabICT <br />
        البلد: الجزائر<br />
        الموقع: arab-ict.com<br />
        الايميل: arab-ict@arab-ict.com<br />
        </address>
       
        <abbr title="الشركة الوطنية للمياه">ش و م </abbr>
       
        <hr />
       
        <code dir= "ltr"><pre>
            class ArabICT extends ICT {
                private $name;
               
                public function giveName(){
                    return $this->name;
                }
            }
        </pre></code>
       
        </p>
    </body>
</html>

الى هنا وصلنا الى نهاية هذا الدرس...لنا لقاء متجدد في دروس أخرى...
بالتوفيق..

السبت، 30 مايو 2015

دورة تعليمية لتعلم ال HTML - الدرس الرابع: تنسيق النصوص

السلام عليكم و رحمة الله و بركاته...
في درس اليوم سنتطرق الى كيفية تنسيق النصوص بال HTML ، و سنحاول أن نرى بعض الوسوم الخاصة بتنسيق الخطوط مثل:
    • <b> :  للخطوط الغليظة...
    • <i> : للخطوط المائلة...
    • <u> : لتسطير الجمل...
    • <strike> : لشطب العبارات..
    • <big> : للخطوط العريضة...
    • <small> : للخطوط الصغيرة..
    • <sub> : لخفض العبارات...
    • <sup> : لرفع العبارات....
و للمزيد يرجى معاينة الفيديو التالي...
دائما كما عودتكم...هنا الكود سورس المستعمل في هذا الدرس...

<!DOCTYPE html>
<html dir = "rtl">
    <head>
        <meta charset="UTF-8">
        <title>دورة تعليمية في ال HTML - ArabICT</title>
    </head>
    <body>
        <h1>درس اليوم: تنسيق النصوص</h1>
        <p>
        أنا عبارة عن خط عادي <br />
        <b>أنا عبارة عن خط غليظ</b> <br />
        <i>أنا عبارة عن خط italic</i><br />
        <u>أنا عبارة عن خط مسطر</u><br />
        <strike>أنا عبارة عن خط مشطوب</strike><br />
        أنا عبارة عن <sup> كلمة مرفوعة</sup><br />
        أنا عبارة عن <sub> كلمة مخفوضة</sub><br />
        أنا عبارة عن<big> خط عريض</big><br />
        أنا عبارة عن<small> خط صغير</small><br />
   
        </p>
    </body>
</html>
في الأخير تقبلو تحياتي...و إلى درس قادم بحول الله....;)

الجمعة، 29 مايو 2015

دورة تعليمية لتعلم ال HTML - الدرس الثالث: الوسوم الأساسية (Basic Tags)

السلام عليكم و رحمة الله و بركاته...
في هذا الدرس ان شاء الله سنتطرق الى بعض الوسوم (Tags) الأساسية في ال HTML...
فمن الوسوم التي سوف نراها اليوم هي:
    • الوسوم <h1> إلى  <h6> الخاصة بكيفية انشاء العناوين...
    • الوسم <p>  الذي يسمح لنا بانشاء فقرة...
    • الوسم <hr > الذي يسمح لنا بادراج فاصل أفقي بين أقسام الصفحة...
    • الوسم <br > الذي يتيح لنا عملية الرجوع الى السطر...
    • الوسم <a>  الخاص بانشاء الوصلات (الروابط الالكترونية)....
    • الوسم <img> الذي يسمح لنا بادراج صورة على الصفحة...
ولمزيد من التفاصيل يرجى مشاهدة الفيديو التالي...


في الأخير تقبلو تحياتي...و إلى درس قادم بحول الله....;)

الخميس، 28 مايو 2015

دورة تعليمية لتعلم ال HTML - الدرس الثاني: انشاء أول صفحة ويب

السلام عليكم و رحمة الله و بركاته...
في هذا الدرس الثاني سنرى كيف نقوم بانشاء صفحة ويب HTML بسيطة جدا....
تابع الفيديو التالي للمزيد من الشروحات....


أعتقد أنكم في حاجة الى الكود المستعمل في هذا الدرس...من هنا:
<!DOCTYPE html>
<html dir = "rtl">
    <head>
        <meta charset="UTF-8">
        <title>دورة تعليمية في ال HTML - ArabICT</title>
    </head>
    <body>
        أنا جد سعيد لانشاء أول صفحة ويب لي في حياتي.....:P
    </body>
</html>
في الأخير تقبلو تحياتي...و الي درس قادم بحول الله....;)

دورة تعليمية لتعلم ال HTML - الدرس الأول : مقدمة عامة

السلام عليكم و رحمة الله و بركاته...
في هذا الدرس سنقوم بتحديد بعض المفاهيم الأولية عن لغة ال HTML

فما هو ال HTML ؟

الش تي أم أل ما هو الا لغة برمجة نقوم من خلالها بانشاء صفحات ويب، و هي لغة تهتم بتحديد شكل الصفحة، يعني المحتوى الساكن أو الثابت للصفحة (Le contenu statique de la page).
هي لغة تعتمد على الأوسمة في التكويد (Tags)، مثال: <html> ، <p> ، <h1> و إلى ما ذلك من أوسمة أخرى...
للمزيد من المعلومات...تابعو الفيديو التالي :