معرفی و آشنایی با HTML و HTML5

معرفی و آشنایی با HTML و HTML5

اگر وارد حیطه‌ی طراحی وب شده باشید، احتمالا با مفاهیمی مثل HTML و HTML5 مواجه شده‌اید. در این دوره‌ی ۱۵ روزه، هر روز کمی بیشتر با HTML و HTML5 آشنا میشویم و یاد میگریم که HTML چیست و چطور میتوانیم با استفاده از HTML و HTML5 به طراحی وب بپردازیم. پس با آموزش HTML در ۱۵ روز و ۱۵ قسمت در خدمت شما خواهیم بود.


دانلود فیلم آموزش معرفی و آشنایی با HTML و HTML5 با کیفیت عالی – حجم ۱۴ مگ


HTML چیست؟

همانطور که برای هر کاری به یک ابزار نیاز داریم، در طراحی و ساخت صفحات هم، ابزارهای خاصی مورد نیاز است. این ابزارها بطور کلی زبان های برنامه نویسی هستند که به کمک ما می‌آیند تا بتوانیم آن چیزی که در ذهنمان است را پیاده سازی و طراحی کنیم.

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

ساختمان سازی و شباهت آن با طراحی وب

احتمالا با مراحل ساخت یک ساختمان آشنا هستید. بطور کلی وقتی یک ساختمان قرار است که ساخته شود، اول زمین آن گو برداری میشود، و به سپس توسط میل گرد، تیر آهن، بتن، سیمان و… اقدام به ساخت اسکلت کلی آن ساختمان میکنند.

در واقع میتوانیم ساخت ساختمان را به ۲ مرحله اصلی تقسیم بندی کنیم:

  1. مرحله اسکلت بندی و ساخت اسکلت ساختمان توسط تیر آهن و میل گرد و سیمان و…
  2. مرحله زیبا سازی ساختما با کمک کچ و رنگ و نورپردازی و…

در دنیای وب هم دقیقا به همین صورت است. وقتی که میخواهیم یک صفحه وبی را طراحی کنیم، با ۲ مرحله اصلی مواجه هستیم:

  1. طراحی و اسکلت بندی کلی صفحه وب و تعریف لینک ها،‌ تصاویر، جدول ها، لیست ها و…
  2. زیبا سازی، تغییر رنگ، شکل دهی و فرم دهی به هر آن چیزی که در مرحله قبل ساختیم، مثل لینک‌ها، تصاویر و…

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

بعد از طراحی کلی ساختمان و ساختار صفحه وب،‌ در مرحله‌ی بعد میتوانیم با کمک CSS، اقدام به رنگ‌ آمیزی، تغییر شکل و زیبا سازی صفحه وب خودمان کنیم.

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

HTML5 چیست ؟

هر ساله و همیشه زبان های برنامه نویسی در حال تغییر و تحول و بروز رسانی هستند. HTML5 هم آخرین نسخه از زبان HTML است که امکانات فوق العاده‌ای دارد.

در این نسخه از HTML، قابلیت های قدیمی که دیگر کارکرد خودشان را از دست داده‌اند، حدف و قابلیت های بیشمار زیادی مثل قابلیت افزودن فیلم و صوت و… به آن اضافه شده است.

در این دوره‌ی آموزش HTML، مهم ترین قابلیت‌های HTML5 را بررسی میکنیم و نحوه کار با آن‌ها را یاد میگیریم.

HTML چی نیست؟

تا کنون درباره اینکه HTML چیست صحبت کردیم. اما یک نکته‌ای که باید بدانیم این است که HTML چی نیست؟

مهم ترین نکته در خصوص HTML این است که هرگز نباید آن را یک زبان برنامه نویسی تصور کنیم و آن را در دسته بندی زبان های برنامه نویسی قرار دهیم. چون HTML واقعا یک زبان برنامه نویسی نیست، چون به هیچ وجه کارکرد و ویژگی‌های یک زبان برنامه نویسی را ندارد.

HTML را میتوانیم یک زبان تگ گذاری بدانیم. زیرا HTML تمام کارهایش را با کمک تگ ها (tag) انجام میدهد. اینکه تگ‌ها چه هستند و چطور به ما در ساخت صفحات وب کمک میکنند را در قسمت آینده بررسی میکنیم.

آموزش HTML

این فیلم آموزشی و مقاله، قسمت اول از سری آموزشی ۱۵ روزه‌ی HTML و HTML5 بود. اگر میخواهید بقیه‌ی قسمت‌های این سری آموزشی را ببینید و لذت ببرید، میتوانید دیگر قسمت‌های این آموزش را نگاه کنید:

مشاهده تمام قسمت‌های آموزش HTML و HTML5

درباره نویسنده

از حدود 5 سالگی با دنیایی به اسم کامپیوتر آشنا شدم و الان چیزی حدود 6 سال است که با کامپیوتر (و خصوصا برنامه‌نویسی) زندگی میکنم. در زنبیل دوست دارم اطلاعاتم را با شما دوستان عزیزم به اشتراک بگذارم. برای دانلود دوره‌های رایگان و ویژه لطفا به www.xanbil.com/vip مراجعه کنید.از توجه شما ممنونم :)

مطالب مرتبط

نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

7 ساعت آموزش رایگان و پروژه‌محور طراحی وب
ایمیل خود را در زیر وارد کنید تا لینک دانلود 7 ساعت آموزش ویدئویی طراحی وب با HTML5 و CSS3 بلافاصله برایتان ایمیل شود.
در این دوره 2 پروژه‌ی عملی را از صفر تا صد باهم طراحی و برنامه‌نویسی خواهیم کرد.
قول می‌دهیم اطلاعات شما نزد ما محفوظ بماند :)
programmer