لرنینگ تی وی

طعم شیرین یادگیری

جلسه ۷-عناصر و فرم ها در HTML 5


تاریخ انتشار

تعداد نظرات

تعداد بازدید

زمان تقریبی مطالعه
۲۷/بهمن/۱۳۹۲
۱۷۳۴ روز پیش
۲۳ دیدگاه ۲۳۰۹ ۱ دقیقه

عناصر و فرم ها دردانلود رایگان فیلم آموزشی عناصر و فرم ها درHTML5HTML5

 جلسه هفتم(در ۲ بخش): فیلم آموزشی  عناصر و فرم ها در HTML5

با سلام به کاربران خوب learningtv.ir

در ادامه سلسله اموزش های دوره طراحی وب (ciw) یا web programming  امروز می خواهیم یک بخش خیلی مهم از HTML ورود کنیم و ان مبحث عناصر و فرم ها در HTML 5 است.خب این مبحث در کنار موضوع تگ های معنایی (semantic tag) جزء بخش های خیلی مهم در طراحی وب و بخش HTML 5 است.در ادامه این جلسه با لیستی از تگهای مختلف جهت طراحی فرم و عناصر مختلف و استفاده از آن ها نکات بسیار مهمی را خواهیم آموخت.از انجا که فرم ها در HTML 5 بحث گسترده ای است ادامه این جلسه در جلسات آتی پی خواهیم گرفت.

در ضمن یک پروژه عملی برای طراحی وب خواهیم داشت.مثلا در پایان HTML 5 یک پروژه که داخلش فرم ها و مباحث مختلف باشد طراحی می کنیم.بعد به سراغ یادگیری CSS 3 می رویم و درپایان CSS3 ، پروژه که طراحی کردیم را style می دهیم.سر آخر سراغ jquery ,javascript می رویم و اکشن های مختلف به پروژه را به صورت عملی انجام می دهیم.پس از تسلط بر طراحی وب در سمت کلاینت (HTML 5,Css3,JavaScript) با تعدادی از فریم ورک های مختلف هم در بخش CSS و هم در بخش  JavaScript  خواهیم پرداخت(ان شاء الله).

************

دانلود رایگان جلسه هفتم(در دو بخش)-عناصر و فرم ها در HTML 5

مدت فیلم آموزشی:بخش اول(۳۷ دقیقه) و بخش دوم(۴۳ دقیقه) + زبان فارسی

حجم فایل :بخش اول(۳۱ مگابایت) و بخش دوم (۴۲ مگابایت)

************

  • در این فیلم آموزشی در مورد تگها و عناصر مختلف فرم ها در HTML 5 آموزش دادیم که در زیر برخی از آنها  را آوردیم.

در این آموزش با تگهایی مثل :

  1. یادگیری ایجاد تگ فرم و نحوه استفاده از attribute هایی مثل متد ارسال get/post ، اکشن صفحه و…….
  2. ایجاد کنترل button با استفاده از تگ input و همچنین با استفاده از تگ button
  3. ایجاد کنترل checkbox
  4. ایجاد کنترل color picker
  5. ایجاد کنترل data pricker
  6. ایجاد کنترل email
  7. ایجاد کنترل file
  8. ایجاد کنترل month/week
  9. ایجاد کنترل number
  10. ایجاد کنترل password
  11. ایجاد کنترل radio
  12. ایجاد کنترل range
  13. ایجاد کنترل search
  14. ایجاد کنترل tel
  15. ایجاد کنترل text
  16. ایجاد کنترل time
  17. ایجاد کنترل datalist
  18. ایجاد کنترل progressbar
  19. ایجاد کنترل meter
  20. ایجاد کنترل select یا همان combo box ( با حالت تک/چند انتخابی)
  21. ایجاد کنترل fieldset ( یا معادل همان group box در سی شارپ)
  22. ایجاد کنترل texterea ( یا معادل همان richtext box در سی شارپ)
  23. ایجاد کنترل submit( یا همان دکمه ارسال)

تشریح کامل مطالب بالا در فیلم آمده است.این جلسه شامل دو فیلم آموزشی است.پیشنهاد می کنیم فیلم ها را مشاهده کنید صمیمانه پذیرانی هرگونه انتقاد، پیشنهاد و نظر کاربران در مورد  کیفیت  و کمیت این دوره آموزشی هستیم.

متشکرم.

 

 

 

 

۲۳ نظر برای "جلسه ۷-عناصر و فرم ها در HTML 5"


  1. نوشته شده توسط  

    سلام
    خسته نباشید
    ممنون از آموزش های خوبتون
    من یه سوالی داشتم که جاش در این جا نباشه
    اون قسمت اول پیش نمایش فیلمتون رو با چه نرم افزاری درست کردید
    امکان داره یه آموزش واسش بزارید
    ممنون

    پاسخ

    پاسخ
    • نوشته شده توسط  

      قسمت اول فیلم های اموزشی در نرم افزار افترافکت تهیه شده است. و فیلم های آموزشی با نرم افزار هایی مثل camtasiz ضبط می شود. و اون تریلر ساخته شده در افتر افکت در اول فیلم قرار داده می شود.
      در فروم درخواست بدید تا مدیر براتون یه آموزش قرار بدهد.

      پاسخ

      پاسخ
  2. نوشته شده توسط  

    سلام ممنون بابت آموزش های خوبتون جلسه هشتم نیستش؟؟ 
     

    پاسخ

    پاسخ
    • نوشته شده توسط  

      بله هست.اگه اشتباه نکنم تا سیزده جلسه کامل از HTML اپلود شده است.وحتی جلسه دوازدهم خود در مورد تگ svg خود به ۷ قسمت مفصل تقسیم شده است.از دسته بندی کنار سایت استفاده کنید.یا تگ web programming را کلیک کنید.یا از جستجو استفاده کنید.جلسه هشتم هم روی سایت هست به صورت رایگان برای دانلود.

      پاسخ

      پاسخ
  3. نوشته شده توسط  

    سلام چن تا سوال داشتم ببخشید که اینجا سوالم رو مطرح می کنم قسمت فروم سایتتون رو پیدا نکردم
    در type های مختلف inputدو تایپtel و text چه فرقی دارند؟
    image و range دقیقا به چه دردی می خورن؟
    search دقیقا کارش چی هست؟ آیا واقعا جستوجو می کنه؟ اگر جستوجو می کنه کجا دنبال اطلاعات می گرده و خروجی میده؟ و آیا واقعا خروجی میده یا برای گرفتن خروجی باید از زبان دیگه ای استفاده کرد؟

    پاسخ

    پاسخ
    • نوشته شده توسط  

      کاش فیلم ها رو بهتر نگاه می کردید.خب تکست میشه توش متن هم نوشت ولی tel شماره تلفن هست یعنی فقط عدد.search یک گیرنده ورودی هست همین.اگر واقعا بخواهید جستجو انجام دهد باید کد سمت سرور با استفاده از php یا asp بنویسید.

      پاسخ

      پاسخ
  4. نوشته شده توسط  

    ببخشید یک سوال دیگه هم داشتم
    w3schools که من هرچی گشتم توضیحه آنچنانی ای درباره اتریبیوت ها نمیده به طور مثال برای همین شناسه typeمقادیر رو نام برده و برای توضیح فقط یک جمله نوشته
    در واقع می خواستم بدونم از کجا می تونم اطلاعاتی درباره اتریبیوت ها بگیرم؟
    جایی که توضیح کاملی بده به طور مثال مرورگرهایی که ازش پشتیبانی می گنند رو هم بگه

    پاسخ

    پاسخ
  5. نوشته شده توسط  

    واقعا عذر خواهی می کنم این سوال آخرم هس دیگه خیلی مزاحمتون شدم D:
    من w3 که رفتم نوشته بود باید برای شناسه forدر تگ label باید id تگ input رو وارد کرد اما شما name رو وارد کردید و جواب داده!!!!!!!!!!!!
    برای سوال آخر می خوام بپرسم اصلا label به چه درد می خوره چرا بدون تگ همین طوری معمولی خودمون ننویسیمش؟

    پاسخ

    پاسخ
    • نوشته شده توسط  

      خب شما می تونی دستی هم خودت بنویسی.ولی توی اصول درست طراحی بهتر هست از label استفاده کنیم.خیلی جاها به درد می خوره به خصوص موقع استایل دادن.

      پاسخ

      پاسخ
  6. نوشته شده توسط  

    اصلا میشه لطفا لینک فرومتون رو اینجا بذارید؟
    دیوونه شدم

    پاسخ

    پاسخ
    • نوشته شده توسط  

      چقدر عصبانی هستید شما.

      پاسخ

      پاسخ
      • نوشته شده توسط  

        من از دست خودم دیوونه شدم آخه مبحث فرم هارو قبلا خوندم باز الان اینقد سوال دارم راستش رو بخواهید من آموزش ها رو قبلا از یک لرن دنبال می کردم اونجا همه چیز رو می فهمیدم و فکر می کردم html رو کامل یاد گرفتم ولی الان با آموزش های کامل شما فهمیدم اون آموزش ها خیلی ناقصه و html گسترده تر از اینه که اینقد راحت بشه یاد گرفت
        ببخشید اگر لحنم طوری بود که اینگار خدایی نکرده از شما یا این سایت ناراحتم
        البته من یک عذر خواهی مبسوط رو هم فراموش کردم بابت نظری که دفه اول با لحن نامناسبی نوشتم ازین بابت واقعا عذر خواهی می کنم امیدوارم بزرگواری بخرج بدیدو بدی منو از دریچه قلب بزرگتون نگاه کنید[سر کج و پایین:شرمنده ام]

        پاسخ

      • نوشته شده توسط  

        سلام.نه من ناراحت نشدم و شما هم بدی ندارید.از نظر من همه خوبن مگه خلافش ثابت بشه..ولی توصیه ای می کنم.اگر واقعا در هر زمینه ای خواستید شروع به یادگیری کنید از مهمترین فاکتور ها صبر هست.صبر و پشتکار باعث میشه که جلو بروید.

        بازم منتظر حضور شما در سایت هستیم.تبلیغ learningtv.ir فراموش نشه هاهاها… 🙂
        با تشکر

        پاسخ

      • نوشته شده توسط  

        سوالاتتون هم اگه من بلد بودم حتما جواب میدم و اگر بلد نبودم صادقانه می گم که بلد نیستم.

        پاسخ

      • نوشته شده توسط  

        واقعا باعث مسرت و دلگرمی هستید…

        پاسخ

  7. نوشته شده توسط  

    سلام ی چیز عجیب:
    validatorسایتhttp://validator.w3.org می گه که برای progress نباید min تعیین کرد!!!!!!!!!!!!
    و برای meter هم heigh نمی شه تعریف کرد بعدم اتریبیوت های عمومی این تگ رو نام می بره و به جای heigh نوشته high!!!!!!!!!!!!
    تازه چن تا گیر دیگه هم داده ک نمی فهمم ینی چی

    پاسخ

    پاسخ
    • نوشته شده توسط  

      همون مواردی که گیر دارید رو به ترتیب لیست کنید.

      پاسخ

      پاسخ
      • نوشته شده توسط  

        ۱-چند جا نوشته:
        Quote ” in attribute name. Probable cause: Matching quote missing somewhere earlier.
        تگی که ارور بالا رو ۴ بار گرفته :

        ۲-The for attribute of the label element must refer to a form control.
        تگ مربوطه:
        this is a progress:
        ۳- با این که من doctype رو روی html5 گذاشتم با این ارور رو گرفتم:
        Attribute width:”450px” is not serializable as XML 1.0.
        تگ مربوطه:

        ی مسئله ای هم خودم دارم با این که هم با css هم html عرض و ارتفاع رو مشخص کردم با این حال div همون جایی رو اشغال می کنه که داخلش مطلبی باشه حتی اگه از عرض۴۵۰ هم بیشتر بشه داخله همون div تا آخر صفحه ادامه میده انگار که عرض و ارتفاعی مشخص نشده

        پاسخ

      • نوشته شده توسط  

        از این چیزایی که نوشتید زیاد مطلبی دستگیرم نشد.اگه فایل html رو ایمیل کنید بهتر است.ولی :
        نکته دومی که ذکر کردید فکر کنم این هست که شما label رو درست برای کنترل مورد نظر ست نکردید.

        بقیه نکات رو از طریق ایمیل فایل html ضمیمه کنید تا پاسخ کامل بدم.

        موفق باشید.

        پاسخ

      • نوشته شده توسط  

        ایمیلتون پاک شده آدرستون رو هم گم کردم می خواستم میل بفرستم آدرس نداشتم

        پاسخ

      • نوشته شده توسط  

        learningtv.ir

        پاسخ

      • نوشته شده توسط  
  8. نوشته شده توسط  

    تویه نظرقبلیم تگ هارو نشون نداده نمی دونم چکارش کنم

    پاسخ

    پاسخ

ارسال دیدگاه

نام (*)
پست الکترونیکی (*)
وبسایت