السبت، 20 يونيو 2015

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

السلام عليكم و رحمة الله و بركاته...
في هذا الدرس سوف نتطرق  الى كيفية عمل قوائم بال HTML
ففي ال HTML  يوجد نوعان من القوائم:
  • القوائم الغير مرتبة (التى لا تهتم لترتيب العناصر)، تدرج عن طريق الوسم
    • القوائم المرتبة (التي تهتم لترتيب العناصر)، تدرج عن طريق الوسم
      تابع الفيديو التالي لمزيد من التوضيحات:

      الكود سورس  المستعمل في هذا الدرس من هنا...

      دمتم سالمين...:)
      Publié par à ليست هناك تعليقات:
      Libellés :

      الخميس، 18 يونيو 2015

      دورة تعليمية لتعلم ال HTML - الدرس التاسع - الجزء 2 : استعمال صورة كخارطة

      السلام عليكم و رحمة الله و بركاته...
      في هذا الدرس سنكمل الجزء الثاني من كيفية ادراج الصور بالـ HTML
      و اليوم سوف نرى كيف نستعمل صورة كخارطة...سنتعرف على وسمين جديدين هما:
        • الوسم الخاص بالتحديد الخارطة...
        • و الوسم الخاص بتحديد أجزاء الخارطة، يأخذ ثلاث قيم هي:
          • إما أن يكون دائرة Circle
          • أو مستطيل Rect
          • أو مضلّع Polygon
      و للتعرف أكثر على كيفية التعامل مع هاته الوسوم، أترككم مع الفيديو التالي:

       الكود سورس المستعمل من هنا...
      الصور المستعملة كخارطة، يمكن تحميلها من هنا ...

      دمتم سالمين...

      Publié par à ليست هناك تعليقات:
      Libellés :

      الأربعاء، 10 يونيو 2015

      دورة تعليمية في ال Symfony2 - الدرس الثاني: تنصيب و تهيئة Symfony2

      السلام عليكم و رحمة الله و بركاته...
      في هذا الدرس سوف نرى كيفية تنصيب و تهيئية Symfony بنسخته 2.7
      أضع بين أيديكم الموقع الرسمي لل Symfony: 
      http://symfony.com/
      ورابط التحميل:
      http://symfony.com/download
      الفيديو التالي يشرح كيفية التنصيب:

      Publié par à ليست هناك تعليقات:
      Libellés :

      الاثنين، 8 يونيو 2015

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

      السلام عليكم و رحمة الله و بركاته...
      في هذا الموضوع بحول الله سوف أقوم بطرح دورة تعليمية متكونة من دروس لتعلم ال Symfony2
      في هذا الدرس سنتطرق الى مقدمة بسيطة  مختصرة حول الSymfony2 ...
      سنحاول مناقشة النقاط التالية:
        • ما هو السيمفوني؟
        • ما هو ال Framework ؟
        • ما هو الهدف من استعمال Framework؟
        • كمبتدأ في السينموفني، ما الذي أحتاجه من معارف و مهارات لاستعماله؟
      الفيديو التالي يحمل الاجابات عن كل هته الأسئلة...
      الى هنا أتمنى ان تكونو قد استفدتم من درس اليوم :)
      Publié par à ليست هناك تعليقات:
      Libellés :

      السبت، 6 يونيو 2015

      دورة تعليمية لتعلم ال HTML - الدرس التاسع: ادراج الصور - الجزء 1

      السلام عليكم و رحمة الله و بركاته...
      لقد سبق و أن رأينا في دروسنا الماضية كيفية ادراج صور بال ش تي أم أل، و لكن كان ذلك بصفة سريعة و سطحية...
      في درس اليوم سنحاول شرح كيفية طريقة ادراج الصور و كل ما يتعلق بذلك في جزئين...
      اليكم الفيديو الخاص بالجزأ الأول...
      الكود سورس الخاص بهذا الدرس من هنا:
      http://pastebin.com/yZEwwiQF

      Publié par à ليست هناك تعليقات:
      Libellés :

      الثلاثاء، 2 يونيو 2015

      دورة تعليمية لتعلم ال HTML - الدرس الثامن: الروابط - HTML Links

      السلام عليكم و رحمة الله و بركاته...
      في هذا الدرس، سوف نرى بالتفصيل كيف نتعامل مع الروابط (Links) في ال HTML..
      سنتطرق الى النقاط التالية:
        • أنواع الروابط...
        • كيفية انشاء رابط
        • كيفية فتح محتوى رابط في صفحة جديدة عن طريق الخاصية  target = _blank
        • كيفية انشاء رابط من صورة...
        • كيفية تنسيق الروابط عن طريق ال CSS
      للمزيد من التوضيحات...الفيديو التالي بين أيديكم :)

      الكود سورس المستعمل في هذا الدرس:
      الصفحة index.html :
      http://pastebin.com/L0MWwc7n
       الصفحة page2.html :
      http://pastebin.com/1gWh4hee

      لنا لقاء في درس قادم...دمتم سالمين :)
      Publié par à ليست هناك تعليقات:
      Libellés :

      الاثنين، 1 يونيو 2015

      دورة تعليمية لتعلم ال HTML - الدرس السابع: الجداول

      السلام عليكم و رحمة الله و بركاته...
      في هذا الدرس بحول الله سنتطرق الى أمر مهم في ال HTML  و هو كيفية التعامل مع الجداول...في القائمة التالية أهم الوسوم المتعلقة بالموضوع:
        • <table> لاضافة جدول
        • <th> لادراج عنوان لعمود من الجدول
        • <tr>  لا دراج سطر في الجدول
        • <td> لاضافة خانة بالجدول
      و هنا بعض الخصائص الخاصة بالجداول:
        • colspan لدمج الأعمدة...
        • rowspan لدمج الأسطر...
        • border خاصة بحدود الجدول...
      للمزيد من التوضيحات...شاهدو الفيديو التالي ...

      الكود المرفق مع الموضوع من هنا:
      http://pastebin.com/Jw6dwFUD

      أتمني أنكم استفدتم... لنا لقاء آخر في درس آخر بحول الله...دمتم

      Publié par à ليست هناك تعليقات:
      Libellés :

      الأحد، 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>

      الى هنا وصلنا الى نهاية هذا الدرس...لنا لقاء متجدد في دروس أخرى...
      بالتوفيق..
      Publié par à ليست هناك تعليقات:
      Libellés :

      السبت، 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>
      في الأخير تقبلو تحياتي...و إلى درس قادم بحول الله....;)
      Publié par à ليست هناك تعليقات:
      Libellés :

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

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

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


      في الأخير تقبلو تحياتي...و إلى درس قادم بحول الله....;)
      Publié par à ليست هناك تعليقات:
      Libellés :

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

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

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


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

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

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

      فما هو ال HTML ؟

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


       
       
      Publié par à ليست هناك تعليقات:
      Libellés :
      الاشتراك في: الرسائل (Atom)