حالة الموضوع:
مغلق
  1. KhaLaF

    KhaLaF V • I • P

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    667
    الإعجابات المتلقاة:
    7
    نقاط الجائزة:
    18
    الجنس:
    ذكر
    الوظيفة:
    طـآلـب
    الإقامة:
    (-مـEgypTـصر-)
    [​IMG]
    [​IMG]




    بـسم الله الرحمن الرحيم
    والصلاوة والسلام على أأشرف الخلق
    سيدنامحمد صلى الله عليه وسلم
    أمــآآ بعــد

    [​IMG]

    [INFO]فـ البدآيه
    آآسف كتيير على التأخر فى وضع هذآ الدرس
    والله وحده يعلم أنـآ أكتب هذآ الدرس الآن وعندى فـى الغد دوآم مدرسى
    لكن قوولت أضع الدرس
    وألله يقدرنى
    تــآآبعوو[/INFO]
    -----------------------------
    [NEW]أهلآ يكم فـ الدرس الثآمن من دورة تعليم لغه html :v
    هذآ الدرس كتيير مهم وسنتعلم فيه
    النمااذج او بالمعنى الأصح الـ Form
    وهو لايختلف كثيرآ عن الفيجوآل بيسك
    لكــن فـى نهآيه الدرس بأذن الله سنتعلم انشآء وآجهه مثل هذه
    [/NEW]
    [​IMG]



    الوسووم الجدييده فـ الدرس
    كود HTML:
    <form action="" method="">
    </form>
    
    ولن نتعرف اللى وسووم جدييده
    وهذآ الدررررس هوو كتيير مشتق من الدرس
    المآضى
    مثل
    وسم
    كود HTML:
       <table border="1" align="center" width="50%">
    </table>
    
    و
    كود HTML:
    tr
    td
    
    وللعلم اللى نهآآيه هذآ الدرس
    يكوون كل من تآآبعنى توووصل اللى مرحله ليست بسيئه فـ اللغه
    لذآ
    من الدروس القآدمه بأذن الله
    سننتقل اللى
    HTML5
    ---------------
    تـآبعوو
    ----
    من ألبدآآيه
    اعذروونى لو بدر منى أى خطأ فـ الدرس
    هذآ بآلذآآت لأنى صرآآحه
    عندى حييره كبييره ولا اعلم كييف اشرحه
    انا اقوولها بصدق -_-
    لذآ تآآآبعوونى
    واسف من البدآيه لو بدر منى خطأ
    -----------------
    تآبعوو
    ----
    اوول شئ سنستخدم وسم
    كود HTML:
      <table border="1" align="center" width="50%"> 
    </table>
    
    -----
    وعرفنااه فـ الدرس السآبق
    ----
    بينه نستخدم وسم
    كود HTML:
    <tr>
    </tr>
    
    [WARNING]للتأكيد[/WARNING]
    كود HTML:
    <form action="" method="">
    
       <table border="1" align="center" width="50%"> 
       <tr>
             <td> اسم المستخدم </td>
          <td><input name="" type="text" value="" ></td>
          
     </tr>
     </table>
     </form>
    [WARNING]للتأكييد[/WARNING]
    كود HTML:
    
    <html>
     
     
    <head>
     
    <title>IQ-TEAM</title>
    <meta charset="UTF-8">
    </head>
     
    <body>
    <form action="" method="">
    
       <table border="1" align="center" width="50%"> 
       <tr>
             <td> اسم المستخدم </td>
          <td><input name="" type="text" value="" ></td>
          
     </tr>
     </table>
     </form>
     
    </body>
     
    </html>
    [INFO]النتييجه؟[/INFO]
    [​IMG]


    [NEW]نـأتى اللى فحص الكوود[/NEW]
    مثلآ عندما اتينآ بـ
    كود HTML:
     <input name="" type="text"
    وهى للكتآبه
    مثل الفيجوال بيسك
    TextBox
    ------
    وايضآ
    عندما اتينآ بـ
    كود HTML:
    value="اكتب اسمك"
    
    وهى لو انت عآآيز يظر فى الخاانه كتآبه
    بتظهرلك اكتب اسمك
    وانت بتمسحها وتكتب الاسم
    نشووف
    [​IMG]

    تمـآآم
    -------
    هنضييف كتآبه البآسوورد
    لكن بصييغه محتلفه لعدم اظهآآر الحرووف المكتووبه
    --------
    الاختلاف سيكوون هنـآ
    كود HTML:
     <td><input name="" type="password" value="" ></td>
    تلااحظوون تم اضآفه كلمه باسوورد وهى لعدم اظهآر الحرووف المكتووبه
    كود HTML:
    type="password"
    هذآ هو التغيير البسيط فقط الذى تم
    وبعدها بكتب الكوود بطرييقه عآآدييه
    جدآآآ
    كود HTML:
       <tr>
            <td>الباسورد</td>
             <td><input name="" type="password" value="" ></td>
      
      </tr>
    للتأكييد
    كود HTML:
    
    <html>
     
     
    <head>
     
    <title>IQ-TEAM</title>
    <meta charset="UTF-8">
    </head>
     
    <body>
    <form action="" method="">
    
       <table border="1" align="center" width="50%"> 
       <tr>
             <td> اسم المستخدم </td>
          <td><input name="" type="text" value="اكتب اسمك" ></td>
          
     </tr>
     
       <tr>
            <td>الباسورد</td>
             <td><input name="" type="password" value="" ></td>
      
      </tr>
     </table>
     </form>
     
    </body>
     
    </html>
    [INFO]النتييجه؟؟[/INFO]
    [​IMG]

    تلاحظوون موضووع بصييغه مخفييه
    [NEW]اللى هنـآ انهينآ
    يدآآيه الدرس وهى اغليها ااخذنآهـآ فى درووس سآبقه فقط بالتغيير على
    الكتآبه
    لم يكن موجوود كتآبه فـ الدرس المآآَضى
    ننتقل اللى شئ آخر
    [/NEW]
    ------
    كودونا سيكوون بآلكآآمل
    بهذآ الشكل
    كود HTML:
         <tr>
            <td>ألنووع</td>
            <td>
            
            <Select name="">
            
                <option value="1">ذكر</option>
                
                <option value="2">انثى</option>
            
            </select>
            
            </td>
            
            </tr>
    [WARNING]نأتى للفحص :D
    [/WARNING]
    [NEW]لم نضف شئ جدييد غير عدآ select
    [/NEW]
    وهو وسم اختيآرآت له وسم بدآيه
    ووسم نهآآيه
    هو فقط يستخدم للأختيآآر
    بين أكثر من خيآآر
    لانه عندما اتينـآ بـ
    كود HTML:
    <option value="1">ذكر</option>
                
                <option value="2">انثى</option>
    تلاحظوون
    اختيآآر 1 وختيآر 2
    نحفظ ونشووف
    [INFO]النتييجه؟؟[/INFO]
    [​IMG]


    تلاحظوون يووجد اختيآرآآت بين ذكر .انثى
    ---------
    شئ آآخر
    سيكوون الكوود معنـآ بهذآ الشكل
    كود HTML:
     <tr>
      <td>لغه البرمجه المفضله لديك  </td>
            
            <td><input name="" type="radio" value=""> HTML<input name="" type="radio" value="" > PHP</td>
            </tr>
            
    نفحص
    الاختلآف فقط تم فـى RIdo
    وهى مثل Radiobutton
    فى الفيجواال بييسك
    وتلاحظوون هنـآ
    لكـل أختيآآ{ Radio
    خآص بييه
    كود HTML:
    <td><input name="" type="radio" value=""> HTML<input name="" type="radio" value="" > PHP</td>
    تمآآم
    [INFO]النتييجه؟؟[/INFO]
    [​IMG]
    تلاحظوون يوجد اتنيين Radio
    للاختياار بينهم
    ---------
    مع العلم انك لو مش متآبع دورتى ن الاوول مش هتفهم حآآجه
    bl"eh"
    ---------
    لانه مثل وسووم
    الـ <tad> </td>
    الذى اخذنآهآ فـى الدرس المآآضى
    ---
    نأتى لآخر شئ فـ الدرس
    وهو أضآآفه زر
    لتحوويل هذه المعلوماات له
    نأتى اللى أضآآفه الزر ثم نأتى لأذآآفه المكآآن الذى يررسل له البيآنآآـت :D

    سنضييف الكوود بهذآ الشكل
    كود HTML:
            <tr>
       
       <td><input name="" type="submit"value="EnTer" ></td>
       
       
     </tr>
            
    تلآحظوون
    كود HTML:
       <td><input name="" type="submit"value="EnTer" ></td>
    تم اضآفه submit وهو لعمل شكل الزر
    وأنتر اللى هو الاسم الخآآص بآلزر
    مثل Butoon فى الفيجوآل بيسك
    [INFO]ملحووظه الترتييب ذى مآآنت بترييد[/INFO]
    [NEW]للتأكييد الكوود كآآمل[/NEW]
    كود HTML:
    
    <html>
     
     
    <head>
     
    <title>IQ-TEAM</title>
    <meta charset="UTF-8">
    </head>
     
    <body>
    <form action="" method="">
    
       <table border="1" align="center" width="50%"> 
       <tr>
             <td> اسم المستخدم </td>
          <td><input name="" type="text" value="اكتب اسمك" ></td>
          
     </tr>
     
       <tr>
            <td>الباسورد</td>
             <td><input name="" type="password" value="" ></td>
      
      </tr>
           <tr>
            <td>ألنووع</td>
            <td>
            
            <Select name="">
            
                <option value="1">ذكر</option>
                
                <option value="2">انثى</option>
            
            </select>
            
            </td>
            
        
        </tr>
         <tr>
      <td>لغه البرمجه المفضله لديك  </td>
            
            <td><input name="" type="radio" value=""> HTML<input name="" type="radio" value="" > PHP</td>
            </tr>
            <tr>
       
       <td><input name="" type="submit"value="EnTer" ></td>
       
       
     </tr>
            
     </table>
     </form>
     
    </body>
     
    </html>
    تلآحظوون انا عآمل ترتييب حسب مآنآ برييد
    محفظ ونشووف
    [INFO]النتييجه؟؟[/INFO]
    [​IMG]
    حآلأيآ نحن معنـآ الزر لكن أيين سيرسل الزر البيآنآت ؟؟
    هو فقط شئ بسييط
    سنعوود
    اللى بدآآيه
    الدرس فى الووسم form
    كود HTML:
    <form action="" method="">
    مثلا احنـآ عآآيزيين نرسل
    البيآنآت هنـآ اللى شبكه عراق تيم
    نكتب بهذآ الشكل بين action
    كود HTML:
    <form action="http://www.iq-team.org/vb/" method="">
    وعند الضغط على الزر سيتم تحوييلك اللى المنتدى
    وهذآ مآآيحدث فى المنتديآت او الموااقع
    الزرر يقووم بقرآئه الاسم والبآسوورد الخآآص
    بك ويحوولك اللى العضوويه الخآآًصه بك :)
    [​IMG]
    [NEW]اللى هنـآ انهينآ الدرس
    وآآآٍسف كتيير لو انا معرفتش اووضح ليكم شئ[/NEW]
    ----------
    [​IMG]
    [WARNING]Gaza-dz
    لتصمييه الفوآآًصل
    واللى أصدقآآئى وغير اصدقآئى وغيير أصدقآآئى بآالمنتدى :)
    [/WARNING]
    [NOTE]ولا ارييد تقيمآآت ولا دوود عشوآآئيه ارييد فقط
    الدعآآء لى بالتفووق فـ الدرآآسه
    :ُok:ٌ
    :{8!}:
    bye1~`
    [/NOTE]
    [​IMG]
    [​IMG]


     
  2. Ameer Eagle

    Ameer Eagle V • I • P

    الأنتساب:
    ‏7 يونيو 2014
    المشاركات:
    3,233
    الإعجابات المتلقاة:
    2,779
    نقاط الجائزة:
    113
    الجنس:
    ذكر
    الوظيفة:
    Student
    الإقامة:
    IraQ
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    احسنت مصطفى شرح مشتابك في جميع الدروس:{17}:
    احسنت اخي بارك الله بيك
     
  3. KhaLaF

    KhaLaF V • I • P

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    667
    الإعجابات المتلقاة:
    7
    نقاط الجائزة:
    18
    الجنس:
    ذكر
    الوظيفة:
    طـآلـب
    الإقامة:
    (-مـEgypTـصر-)
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    حبييبى :*
    !:"
     
  4. ƁƛƬ MƛƝ

    ƁƛƬ MƛƝ V • I • P

    الأنتساب:
    ‏16 يوليو 2014
    المشاركات:
    376
    الإعجابات المتلقاة:
    13
    نقاط الجائزة:
    18
    الوظيفة:
    web development
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    درس رائع يا مبدع

    إستمر بالإبداع
     
  5. الأوكراني

    الأوكراني <div class="smal22">.:: غير موثوق ::.</div> موقوف لمخالفة الشروط

    الأنتساب:
    ‏22 أغسطس 2014
    المشاركات:
    255
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    18
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    بارك الله فيك والله ابداع متواصل
     
  6. Hakrzzz

    Hakrzzz Developer

    الأنتساب:
    ‏8 ديسمبر 2012
    المشاركات:
    65
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    و عليكم ورحمه الله وبركاته

    بارك الله فيك اخى

    شرح رائع

    تسلم على مجهودك
     
  7. TIGERs HAKER

    TIGERs HAKER Active DeveloPer

    الأنتساب:
    ‏2 نوفمبر 2012
    المشاركات:
    88
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    8
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    بـآرك آلله فـيـك أخـي ً#ٌ5oًًًُ.
     
  8. KhaLaF

    KhaLaF V • I • P

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    667
    الإعجابات المتلقاة:
    7
    نقاط الجائزة:
    18
    الجنس:
    ذكر
    الوظيفة:
    طـآلـب
    الإقامة:
    (-مـEgypTـصر-)
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    شكرآآ لييك كتيير حبييبى :*
    :{7!}:
    حبييبى :*
    مشكوور :)
     
  9. Xx 5rMoSh xX

    Xx 5rMoSh xX Developer

    الأنتساب:
    ‏8 يوليو 2012
    المشاركات:
    127
    الإعجابات المتلقاة:
    5
    نقاط الجائزة:
    18
    الإقامة:
    ~الاردن~
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    تسلم يدك حبيبي على الطرح ..
     
  10. رمآد انسان

    رمآد انسان موقوف لمخالفة الشروط

    الأنتساب:
    ‏6 أكتوبر 2014
    المشاركات:
    11
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    3
    رد: {هـآم}الدرس الثامن من دورة تعليم لغه html {النماذج}

    دورة منسقة ومرتبة احسنت
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة