فیلم آموزش HTML برای سایت نویسی (پیش نیاز آموزش برنامه نویسی وب)

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

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

HTML چیست؟

قبل از آموزش HTML باید معنای آن را درک کنیم. HTML مخفف عبارت Hyper Text Markup Language است. این عبارت به معنی زبان نشانه گذاری فرا متن است. این تعریف اندکی گنگ به نظر می رسد و اچ تی ام ال را به صورت واضح توضیح نمی دهد. اما اگر بخواهیم یک تعریف ساده داشته باشیم، یک ساختمان با نقشه ای کامل را در نظر بگیرید. HTML همان نقشه ایست که مختصات دقیق بخش های مختلف ساختمان اعم از اتاق خواب، آشپزخانه، راه پله و … را تعیین می کند.

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

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

• معرفی کامل HTML
• نشانه گذاری چیست؟
• مفهوم تگ و تقسیم بندی آنها به دو گروه
• اولین گام آموزش HTML با ایجاد فایل html به دو روش
• شروع برنامه نویسی با notepad معمولی و ایجاد اولین صفحه html
• آموزش تگ ها با مثال های عملی در سه بخش:
  • تگ DOCTYPE و تشریح کامل عملکرد آن

در فیلم آموزش HTML ، اولین تگی که معرفی می شود تگ doctype است. طرز استفاده، کاربرد و شکل استاندارد آن کامل توضیح داده شده است.

• • تگ html، ستون اصلی صفحات html
•               تگ html دومین مبحث فیلم آموزش HTML بوده و لزوم استفاده و نیز مباحث ویژه آن کامل بررسی می شود.
  • تگ head و کاربرد آن
•               اهمیت تگ head و کاربرد آن و نیز نقش این تگ در فیلم آموزش HTML کاملا توضیح داده شده است.
  • تگ title برای عناوین صفحات
  • تگ body یا بدنه صفحه
  • تگ های Heading یا سرتیتر ها
•               انواع تگ هدینگ و تفاوت های آنها به وضوح در فیلم آموزش HTML بیان گردیده است.
  • تگ ایجاد پاراگراف، رنگ دهی به پاراگراف ها و نحوه چینش آنها(راست چین، چپ چین و وسط چین)
  • خصوصیت style و نحوه تعریف آن برای همه تگ ها
•               انواع استایل دهی و نحوه تعریف دستورات css کاملا روشن و واضح در فیلم آموزش HTML مورد بررسی قرار گرفته است.
  • تگ i یا italic جهت کج نمودن کلمات و جمله ها
  • تگ em جهت کج کردن کلمات و جمله ها
  • تفاوت تگ i با تگ em و چرا باید از em استفاده کنیم؟
•               تفاوت تگ های i و em از لحاظ سئو به خوبی در فیلم آموزش HTML آورده شده است.
  • تگ b و تگ strong برای bold نمودن چیزی
  • تفاوت تگ b و تگ strong و چرا استفاده از strong بهتر است؟
•                تفاوت تگ های b و strong از لحاظ سئو، در فیلم آموزش HTML مورد بحث قرار گرفته شده است.
  • تگ ایجاد خط افقی hr
  • تگ small برای کوچک نمودن سایز کلمه یا جمله ای
  • تاثیر تگ small روی اهمیت مطالب
  • تگ sub برای نوشتن زیرنویس در فرمول های شیمیایی
  • تگ sup برای نوشتن بالانویس یا توان در فرمول های ریاضی
  • کامنت نویسی در اچ تی ام ال
  • تگ a برای ایجاد لینک
  • انواع آدرس دهی در تگ a
  • تگ img برای اضافه کردن تصاویر و تغییرات عکس ها
  • ادغام تگ a و تگ img
  • تگ video برای اضافه نمودن فایل های ویدیویی
  • نکات مهم درمورد تگ video و انواع فرمت های ویدیویی و نحوه پشتیبانی مرورگرهای مختلف
  • تگ iframe و استفاده های گوناگون از آن
  • اضافه نمودن ویدیوهای آپارات در سایت با تگ iframe
•                 از دیگر آموزش های مفید در فیلم آموزش HTML یادگیری کامل اضافه کردن ویدیو های آپارات در وبسایت خودتان است.
  • اضافه نمودن ویدیوهای یوتیوب در سایت با تگ iframe
•                 در فیلم آموزش HTML نحوه اضافه کردن ویدیو های یوتیوب در وبسایت، آموزش داده شده است که خود می تواند آموزش جامع دیگری محسوب شود.
  • ایجاد لیست نامرتب در html و زیباسازی لیست ها
  • ایجاد لیست مرتب و انتخاب شماره گذاری
  • تگ div و کاربرد های آن
  • تگ span و یک مثال زیبا
  • ایجاد جدول در html با استفاده از تگ های table، thead، tbody، tfoot، tr، td، th
  • ایجاد عنوان برای جدول کار با رنگ های آن
  • تعریف و توضیح کامل تگ meta
•               از دیگر مطالب مهم و کلیدی در فیلم آموزش HTML ، تعریف و توضیح تگ های متا و کاربرد آنها در شیوه نمایش و سئو است.
  • متا تگ charset و مقدار مناسب آن برای صفحات فارسی
  • متا تگ viewport و بهترین مقدار آن برای تنظیم عرض صفحه
  • متا تگ keywords برای تعریف کلمات کلیدی
  • متا تگ author برای معرفی نویسنده
  • متای توضیحات یا description برای بهبود سئو

• بخش چهارم فیلم آموزش HTML

در بخش چهارم از آموزش HTML یک صفحه زیبای html با آنچه تاکنون آموخته اید از صفر تا صد، طراحی می شود. این بخش نیز شامل مباحث زیر است:

• • توضیح قالب کلی html و بهترین الگو برای طراحی صفحات اچ تی ام ال
  • معرفی روش استایل دهی خارجی، تعریف فایل css و لینک دهی به آن
  • معرفی مرحله به مرحله دستورات css مورد نیاز

هرچند فیلم آموزش HTML درمورد دستورات و تگ های اچ تی ام ال است، اما تاکید بر این بود که دستورات رایج و پر کاربرد css نیز آموزش داده شود.

• • استفاده از تگ های متنوع و روش اصولی استفاده از آنها
  • دست کاری و ایجاد تغییرات در رنگ ها، چینش، پشت زمینه، نحوه نمایش، فاصله ها و حتی نوع فونت تک تک تگ ها و المان های صفحه

مشخصات فیلم آموزشی

نام اثر : فیلم آموزش HTML به صورت کامل، جامع و نفیس به زبان ساده

 مدرس : مهندس سالار عباپور

مدت زمان : 3 ساعت و 30 دقیقه

زبان آموزش : فارسی

حجم فایل : 4 فایل جمعاً با حجم 518 مگابایت

فرمت ویدئو : MP4 با کیفیت بالا

نمایش چکیده فیلم آموزش HTML

توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت ویدئوی اصلی نمایش داده شوند. این ویدئو یک چکیده 12 دقیقه ای از بخش های مختلف آموزش می باشد.

درباره محصول

فیلم آموزش HTML محصولی است که در چهار بخش به آموزش اصولی و پایه ای HTML و طراحی صفحات استاندارد وب می پردازد. تهیه این فیلم آموزشی از این لحاظ ضروریست که اولین استارت شما در دنیای برنامه نویسی وب باید همراه با یک مدرس باشد تا پایه و اساس سایت نویسی را کامل و اصولی یاد بگیرید به مضمون ضرب المثل معروف:

سنگ اول گر نهد معمار کج تا ثریا می رود دیوار کج

محصول دارای نشان تضمین کیفیت پی استور می باشد. برای دانلود محصول آن را خریداری کنید.