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

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

  مشخصات آموزش

  •   مدت زمان 80 دقیقه(مجموعا)
      حجم فایل 73 مگابایت (مجموعا)
      زبان آموزش فارسی

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

 جلسه هفتم(در 2 بخش): فیلم آموزشی  عناصر و فرم ها در 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

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

حجم فایل :بخش اول(31 مگابایت) و بخش دوم (42 مگابایت)

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

  • در این فیلم آموزشی در مورد تگها و عناصر مختلف فرم ها در 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( یا همان دکمه ارسال)

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

متشکرم.

 

 

 

 

۲۳ Responses to “جلسه 7-عناصر و فرم ها در HTML 5”

  1. amir گفت:

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

    • سید عبدالله محمودزاده گفت:

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

  2. saeideh گفت:

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

    • سید عبدالله محمودزاده گفت:

      بله هست.اگه اشتباه نکنم تا سیزده جلسه کامل از HTML اپلود شده است.وحتی جلسه دوازدهم خود در مورد تگ svg خود به 7 قسمت مفصل تقسیم شده است.از دسته بندی کنار سایت استفاده کنید.یا تگ 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!!!!!!!!!!!!
    تازه چن تا گیر دیگه هم داده ک نمی فهمم ینی چی

    • سید عبدالله محمودزاده گفت:

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

      • رویا گفت:

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

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

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

      • سید عبدالله محمودزاده گفت:

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

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

        موفق باشید.

      • رویا گفت:

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

      • سید عبدالله محمودزاده گفت:

        learningtv.ir

      • سید عبدالله محمودزاده گفت:

        learningtv.ir@gmail.com

  8. رویا گفت:

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

ارسال دیدگاه

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

  مشخصات مدرس

سید عبدالله محمودزاده
دانش آموخته ی رشته ی مهندسی نرم افزار می باشد. زمینه ی تخصصی وی: برنامه نویسی Application ها ویندوزی به زبان C#.NET طراحی پایگاه داده (SQL server,MySQL,Access ) تکنولوژی های کار با منابع داده (ADO.NET,Linq,Entity Framework) برنامه نویسی وب (HTML5,CSS3,JavaScript,Jquery,Ajax,PHP,Jason) می باشد.

  دوره‌های پیشنهادی