(۲۱۹ امتیاز از ۴۸ رای)
Loading...
اطلاعات دوره

مدت دوره

۳:۰۰:۰۰

تعداد قسمت ها

۸

تعداد دانشجو

۳۴ نفر

۱۶۴,۰۰۰ تـــــومان

اطلاعات مدرس

مدرک تحصیلی

کارشناسی ارشد

تعداد دوره ها

۱۰ مورد

آموزش HTML به زبان ساده در قالب فیلم | دوره مقدماتی

آموزش HTML | دوره مقدماتی

در این بخش دوره آموزش HTML به زبان ساده در قالب فیلم آموزشی را به فارسی و در سطح مقدماتی آماده کردیم که در قالب 8 بخش و در 3 ساعت با کیفیت بالا تهیه شده است. در این آموزش HTML ، کاربر علاوه بر یادگیری مقدماتی زبان HTML با نرم افزار PhpStorm نیز آشنا خواهد شد زیر ابزار مورد استفاده در این طراحی PhpStorm می باشد که یک برنامه قدرتمند در زمینه طراحی وب سایت است. در ادامه به معرفی زبان HTML پرداخته و سرفصل های این فیلم آموزشی طراحی سایت به همراه قسمت هایی از آموزش قرار داده شده است.

معرفی زبان HTML

زمانی که حرف از طراحی وب ‌سایت می شود، ذهن همه ی علاقمندان به سوی زبان HTML و زبان CSS هدایت می گردد. واژه اچ ‌تی ‌ام ‌ال یا HTML که مخفف شده Hyper Text Markup Language است، به معنای زبان نشانه‌ گذاری فوق متن می باشد. زبان HTML یک زبان استاندارد صفحات وب بوده و آخرین زبانی می باشد که بوسیله مرورگر ترجمه شده و کاربر می تواند آن را مشاهده کند.

به عنوان مثال، شما یک وب‌ سایت را به زبان PHP یا با زبان ASP.Net طراحی و برنامه نویسی می ‌کنید، این وب‌ سایت پس از بارگذاری روی سرور و سیستم کاربر، به قطعه کدهای HTML تبدیل شده و روی مرورگر ترجمه می شود و کاربر می تواند آن را مشاهده نماید. بر اساس این مراحل می تواند گفت که زبان HTML یک زبان نشانه ‌گذاری می باشد، یعنی بخش ‌های مختلف بوسیله اجزایی با نام تگ از یکدیگر جدا شده، که هر کدام از آنها کاربرد و خواص مربوط خود را شامل می شوند.

تگ ‌های فوق به مرورگر اعلام می ‌کنند که هر بخش از صفحات وب ما شامل چه نوع عنصری بوده و می بایست به چه شکلی به کاربر نمایش داده شوند. هر کدام از برچسب‌ های HTML دارای معنا و مفهوم خاصی هستند و تأثیر مشخصی بر روی محتوا دارند. به طور مثال، برچسب‌ هایی به منظور تغییر شکل ظاهری متن، همچون درشت و ضخیم بودن یک کلمه یا ایجاد لینک به دیگر صفحات در HTML تعریف شده ‌اند.

فهرست سرفصل های دوره آموزش HTML

بخش اول: معرفی دوره و شروع پروژه

  • معرفی زبان HTML
  • شروع کار با HTML
  • مفهوم تگ یا نشانه
  • تگ html
  • تگ head
  • تگ body
  • تگ meta و نحوه استفاده از آن برای تعیین Encoding صفحه
  • تگ title و مزایای آن
  • مفهوم DOCTYPE

بخش دوم: تگ های متنی در HTML

  • تگ p
  • تگ i
  • تگ pre
  • تگ u
  • تگ strong
  • تگ ‌های big ، small ، del ، ins ، mark ، sup ، sub

بخش سوم: جداول در HTML

  • تگ table
  • استفاده از تگ های tr و td در جدول
  • خصوصیات border ، align ، valign ، width ، colspan ، row
  • تگ های tfoot ، thead ، tbody

بخش چهارم: لینک ها و  لیست ها در HTML

  • تگ ol و لیست مرتب
  • تگ ul و لیست نامرتب
  • تگ dt و لیست تعریف
  • معرفی خصوصیات type و start
  • تعیین عکس به عنوان bullet برای لیست
  • معرفی تگ a و خصوصیت href برای ایجاد لینک
  • انواع آدرس دهی و تفاوت آنها
  • خصوصیت title
  • خصوصیت target

بخش پنجم: پس زمینه – رنگ ها و فونت ها در HTML

  • size ، width ، height ، color ، background-color ، background-image ، font-weight ، text
  • انواع روش های رنگ دهی به عناصر
  • فونت ها در html

بخش ششم: چند رسانه ای صفحه در HTML

  • معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
  • معرفی تگ audio
  • تگ object
  • تگ embed
  • تگ img

بخش هفتم: فرم ها در HTML

  • تگ form
  • تگ های input با انواع button ، text ، checkbox ، radio ، submit ، reset ، password ، number ، color ، date ، range
  • تگ textarea
  • تگ select و option برای ایجاد Dropdown
  • تگ legend و fielset

بخش هشتم: چیدمان عناصر و نقشه ها در HTML

  • ایجاد layout سایت با استفاده از تگ div
  • تگ span
  • استفاده از style داخلی و خارجی
  • ایجاد layout سایت با استفاده از تگ table
 

پیش نمایش بخش اول

پیش نمایش بخش پنجم

پیش نمایش بخش هشتم

باکس دانلود
شناسه:
۱۱۷۹
مدت دوره:
۳:۰۰:۰۰
قسمت ها:
۸
اندازه فایل:
۴۴۳ مگابایت
مدرس:
مهندس زهرا داودی
قیمت:
۱۶۴,۰۰۰ تـــــومان
ثبت نظر
ریفریش کنید!
نظرات کاربران (۱۰ مورد)
  1. تصویر آواتار کاربر 0
    کاوه رضایی یکشنبه , 9 اردیبهشت

    سلام یه سایت در مورد لوازم برقی می تونید به زبان html برام طراحی کنید اگه قابل قبوله لطفا اطلاع بدین مجکرم.

    • تصویر آواتار کاربر 1
      یعثوب سیفی زادهیکشنبه , 9 اردیبهشت

      بله توضیحات و جزئیات رو ایمیل کنید تا بررسی کنیم

  2. تصویر آواتار کاربر 0
    علی زارعی شنبه , 29 اردیبهشت

    سلام میخواستم بدونم اگه من این دوره آموزش HTML رو بخرم و ببینم دیگه میتونم برای خودم سایت طراحی کنم؟ یا باید زبان های دیگه ایی هم یاد بگیرم؟ لطفا راهنمایی کنید. ممنون

    • تصویر آواتار کاربر 2
      آرتین سیفی زادهشنبه , 29 اردیبهشت

      سلام دوست عزیز به منظور طراحی سایت شما باید چند زبان رو یاد بگیرید که یکی از اون ها HTML هستش. برای این که یک طراح سایت حرفه ایی شوید باید زبان هایی مثل PHP، JavaScript، CSS و HTML رو خیلی خوب یاد بگیرید.

  3. تصویر آواتار کاربر 0
    فرشید یکشنبه , 6 خرداد

    سلام می خواستم بدونم این دوره آموزش HTML آیا مباحث HTML 5 رو هم آموزش میده یا فقط HTML 4 هستش؟ با تشکر

    • تصویر آواتار کاربر 1
      یعثوب سیفی زادهیکشنبه , 6 خرداد

      بله html5 رو هم داره به زودی دوره آموزش html پیشرفته رو هم توی سایت قرار خواهیم داد که html5 رو کامل و مفصل توضیح می دهد

  4. تصویر آواتار کاربر 0
    عباس پنجشنبه , 5 اردیبهشت

    سلام یه سوال آیا با یاد گیری html و css به تنهایی میشه یه سایت فروشگاهی راه انداخت؟

    • تصویر آواتار کاربر 124
      AmRoپنجشنبه , 5 اردیبهشت

      زبان های HTML و CSS به منظور طراحی ظاهر و قالب صفحات وب استفاده می شوند و برای ایجاد منطق سایت باید از زبان های سمت سروس مثل زبان PHP استفاده کنید.

  5. تصویر آواتار کاربر 0
    ندا چهارشنبه , 28 مهر

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

    • تصویر آواتار کاربر 1
      یعثوب سیفی زادهچهارشنبه , 28 مهر

      به زودی آموزش قسمت پیشرفته HTML توی سایت منتشر میشه