آموزش HTML5

(0 بررسی)
99,000 تومان
webabsar-learn-html5

 

از آن جایی که اینترنت فراگیر ترین تکنولوژی حال حاضر جهان است و دنیای وب بخش گسترده­ی از این تکنولوژی را شامل می­ شود پس می­ توان طراحی وب را شغلی به روز ، پر در آمد و سرشار از خلاقیت ها و جذابیت­ های متفاوت دانست که سرمایه اصلی شما در این تجارت پر سود علم برنامه نویسی می­ باشد.

HTML مخفف عبارت Hyper Text Markup Language ، به معنای زبان نشانه گذاری فرا متنی است.

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

در این آموزش سعی شده تمامی کدهای زبان HTML با استاندار ترین سبک کد نویسی که مورد تایید سازمان کنسرسیوم وب ( W3C ) می باشد را به شما برنامه نویسان عزیز آموزش دهیم به گونه ­ای که نه تنها باعث اشتغال شما شده بلکه شما را نسبت به سایر برنامه نویسان متمایز خواهد کرد.

HTML5 چیست؟

همانطور که برنامه های کامپیوتری ورژن های مختلفی دارند زبان­ های برنامه نویسی نیز از این قانون مستثنئ نبوده و گسترش دهندگان این زبان ها از کدهای با قابلیت های جدید، در ورژن های مختلف رو نمایی می کنند که در حال حاضر آخرین ورژن زبان HTML ورژن شماره 5 می باشد که بطور کامل آموزش خواهیم داد.

شرکت وب ابصار پس از سال ها تجربه در حوزه کسب و کارهای اینترنتی و فعالیت در زمینه آموزش برنامه نویسی، دوره های آموزشی خود را با توجه به استانداردهای جهانی و منابع رسمی ارائه می دهد، به گونه ­ای که شما دانشجویان گرامی در جلسات و همایش های برنامه نویسی حرفی برای گفتن داشته باشید تا بتوانید ان شاءالله به بالاترین مراتب علمی برسید، که صد البته مستلزم تلاش ها و پیگیری­ های شما عزیزان نیز می­ باشد.

اصولا زبان­ های برنامه نویسی فرّار بوده لذا در این مجموعه آموزشی سعی به تولید یک دیکشنری جیبی مخصوص زبان HTML نموده ایم تا در هر محیط و شرایطی کدهای مربوطه را مطالعه کرده و یاد آوری شود تا آن را از زبان مادری نیز بهتر یاد بگیرید.

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

*** هر هفته 2 جلسه بارگذاری خواهد شد***

جلسه اول : تاریخچه و معرفی html

  • HTML چیست ؟
  • تاریخچه Html
  • انواع سایت ها (فروشگاهی ، وبلاگی ، چند منظوره و ….)

جلسه دوم :  آشنایی با برنامه نویسی تحت وب

  • انواع برنامه نویسی
  • صفحات ایستا و پویا
  • ابزارهای برنامه نویسی (معرفی ide مورد نظر جهت کدنویسی ، معرفی چند Extension)
  • بدست آوردن سورس کد یک صفحه
  • اجزاء تشکیل دهنده سایت و نرم افزار تحت وب
  • کلیدهای میانبر

جلسه سوم : مفاهیم

  • منظور از تگ و المان (نحوه نوشتن تگ ، تگ های self close)
  • صفت (Attribute)
    • اتربیوت های عمومی
    • اتربیوت های اختصاصی
  • ساختار اصلی html و رابطه پدر و فرزندی (تگ های doctype, html,head,body)

جلسه چهارم :  تگ های html (بخش اول)

  • نمایش عنوان سایت
    • ذخیره و اجرای فایل html
  • پشتیبانی از زبان فارسی (مرورگر ، نرم افزار و بحث انکودینگ )
  • ایجاد سر فصل (heading)

جلسه پنجم : تگ های html (بخش دوم)

  • ایجاد پاراگراف
    • منظور از case sensitive نبودن html
    • عدم ایجاد فاصله با space و enter
  • تفاوت تگ pre با تگ p
  • ایجاد نقل قول

 جلسه ششم : فراخوانی کدهای css و جاوااسکریپت

  • نحوه استایل دهی به تگ های html
  • فراخوانی کدهای جاوااسکریپت در html

جلسه هفتم : تغییر ظاهر متن (بخش اول)

  • ایجاد متن ضخیم
  • متن مهم
  • متن مایل
  • متن تاکیدی
  • علامت گذاری متن
  • کوچک کردن متن
  • متن حذف شده
  • متن درج شده

جلسه هشتم : تغییر ظاهر متن (بخش دوم)

  • نمایش متن بصورت اندیس
  • نمایش متن بصورت توان
  • فونت های کامپیوتری
  • <code>
  • <kbd>
  • <samp>
  • <var>
  • <pre>

جلسه نهم : کار با لینک

  • آشنایی با تگ <a>
  • انواع لینک دهی
  • ایجاد bookmark در یک صفحه
  • لینک ارسال ایمیل

جلسه دهم : کار با عکس ها (بخش اول)

  • آشنایی با تگ <img>
  • انواع آدرس دهی

جلسه یازدهم : کار با عکس ها (بخش دوم)

  • لینک دار کردن عکس
  • آشنایی با تگ <picture> و تگ <source>

جلسه دوازدهم : کار با عکس ها (بخش سوم)

  • تبدیل عکس به نقشه

جلسه سیزدهم : مفاهیم کاربردی

  • معجزه استفاده از id و class
  • منظور از المان Block و Inline

جلسه چهاردهم : جدول سازی با html

  • ایجاد سطر و ستون
  • ایجاد سطر عنوان برای جدول
  • نمایش عنوان جدول
  • ادغام سلول های جدول
  • آشنایی با تگ های thead , tbody , tfoot

جلسه پانزدهم : لیست ها در html

  • لیست ترتیبی
  • لیست غیر ترتیبی
  • لیست توصیفی

جلسه شانزدهم : نمایش یک صفحه وب در یک صفحه وب  

  • آشنایی با تگ iframe

جلسه هفدهم : تگ <head>

  • تگ های مورد استفاده در head
  • meta information
  • mime type
  • تگ <base>
  • تگ <link>
  • فراخوانی فیوآیکون

جلسه هجدهم : ایجاد قالب سایت و نرم افزار  بهمراه بخش بندی متن

  • آشنایی با تگ <div>
  • تگ <span>

جلسه نوزدهم : کار با فرم ها (بخش اول)

  • تگ <form>
  • صفت های تگ <form>
    • صفت action
    • متد get و post
    • صفت autocomplete
    • صفت target
    • صفت enctype

جلسه بیستم : کار با فرم ها (بخش دوم)

  • تگ <input>
  • صفت های تگ <input>
    • checked
    • disabled
    • max
    • min
    • readonly
    • required
    • size
    • width
    • value
    • و ….

جلسه بیست و یک : کار با فرم ها (بخش سوم)

  • انواع type های تگ <input>
    • ایجاد دکمه رادیویی
    • دکمه ارسال
  • تگ fieldset

جلسه بیست و دوم : کار با فرم ها (بخش چهارم)

  • ایجاد لیست کشویی
  • ایجاد باکس دیدگاه

جلسه بیست و سوم : کار با فرم ها (بخش پنجم)

  • ایجاد دکمه
  • لیست از پیش تعریف شده
  • تگ <output>

جلسه بیست و چهارم : HTML معنایی (بخش اول)

  • منظور از Semantic HTML
  • تگ های html5

جلسه بیست و پنجم : HTML معنایی (بخش دوم)

  • تگ های html5
  • صفت های html5

جلسه بیست و ششم : کدنویسی استاندارد

  • Best Practice باشیم!
  • کامنت گذاری
  • ایجاد تو رفتگی یا indent گذاری
  • Validate کردن کدها

 جلسه بیست و هفتم : طراحی قالب

  • طراحی قالب با html5

جلسه بیست و هشتم :  گرافیک در HTML  (بخش اول)

  • canvas

جلسه بیست و نهم :  گرافیک در HTML  (بخش دوم)

  • SVG

جلسه سی ام : کار با فایل های چند رسانه ای (بخش اول)

  • منظور از چند رسانه ای
  • معرفی فرمت های آنها

جلسه سی و یک : کار با فایل های چند رسانه ای (بخش دوم)

  • کار با ویدیوها

جلسه سی و دوم : کار با فایل های چند رسانه ای (بخش سوم)

  • کار با فایل های صوتی

جلسه سی و سوم : HTML APIs

جلسه سی و چهارم : لیست کامل تگ های html5

جلسه سی و پنجم : لیست کامل اتربیوت ها

جلسه سی و ششم : ایجاد چند امکان

  1. ایجاد صفحه بندی یا pagination html
  2. ایجاد دکمه جستجو
  3. ایجاد دکمه دانلود

جلسه سی و هفتم : طراحی یک قالب چند منظوره

  • ایجاد قسمت Header
    • ایجاد منو
    • بارگذاری لوگوی سایت
    • ایجاد صفحات خانه ، وبلاگ ، فروشگاه ، درباره ما و ….
  • ایجاد Main content
    • بارگذاری محصولات
    • ایجاد صفحه محصول
    • ایجاد جدول قیمت
    • ایجاد فرم تماس
  • ایجاد Sidebar
    • دکمه جستجو
    • دسته بندی محصولات
  • ساخت Footer
    • بخش درباره ما
    • بخش جدیدترین مقالات
    • بخش شبکه های اجتماعی

جلسه سی و هشتم : خودآزمایی HTML

ویژگی های دوره

  • درس 0
  • آزمونها 0
  • مدت زمان 15 ساعت
  • سطح مهارت پیشرفته
  • زبان فارسی
  • دانشجو 18
  • گواهی نامه خیر
  • ارزیابی بله
برنامه درسی خالی است

نظرات

میانگین امتیاز

0
0 امتیاز

جزئیات امتیاز

5 ستاره
0%
4 ستاره
0%
3 ستاره
0%
2 ستاره
0%
1 ستاره
0%
99,000 تومان

نظر بدهید