آموزش HTML5

HTML چیست و چرا به آموزش HTML5 نیاز داریم؟


HTML مخفف HyperText Markup Language به معنی زبان نشانه گذاری اَبَرمتن می باشد.

HTML5 به همراه CSS (که آموزش آن به زودی در سایت قرار می گیرد) هسته فناوری ساخت صفحات وب هستند.

توجه داشته باشید که آموزش HTML5 ، آموزش یک زبان برنامه نویسی نیست و صرفا یک زبان نشانه گذاری است.

به این معنی که شما بین متون و عکس های موجود در صفحه از یک سری تگ (برچسب) HTML استفاده می کنید.

و این برچسب ها با کمک CSS باعث ایجاد تغییراتی در صفحه می شوند.

با آموزش HTML5 و CSS می توان متن را در اندازه ها و رنگ های مختلف به همراه تصویر و فیلم در کادربندی های دلخواه در صفحه قرار داد.

همچنین صفحات وب را به هم متصل نمود.

به این صورت که با کلیک روی یک متن (دقیقا مانند کلیک روی یکی از نتایج جست و جو در گوگل) صفحه HTML دیگری باز شود.

مثال:
در جمله زیر برای ضخیم شدن کلمه “ضخیم”، آن را درون تگ “strong” قرار دادیم.

نتیجه:

این کلمه ضخیم است.

آیا یادگیری HTML برای توسعه وب [ref]در حال حاضر در کشور ما به اشتباه به جای عبارت توسعه وب که معنی عبارت web development می باشد از عبارت طراحی وب (یا طراحی سایت) استفاده می شود که معنی عبارت web design می باشد. طراحی سایت کار یک گرافیست است که ظاهر سایت را طراحی می کند و توسعه وب کار یک برنامه نویس است که به طرح طراحی شده توسط گرافیست، جان می بخشد و باعث می شود که طرح موجود در فتوشاپ، به یک صفحه وب تبدیل شود.[/ref] مورد نیاز است؟


بله و خیر.

در گذشته یک سایت به طور کامل با HTML نوشته می شد.

برای ویرایش صفحات آن نیاز به تسلط و آموزش HTML5 بود ( به چنین سایت هایی سایت استاتیک گفته می شود)

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

از این جمله می توان استفاده از سیستم های مدیریت محتوا (مانند وردپرس، جوملا، دروپال و …) را مثال زد.

این سیستم ها، به کاربر اجازه می دهند تا بدون نیاز به دانش تخصصی و با استفاده از قالب (ظاهر) از پیش آماده، یک سایت را ایجاد کند

(به چنین سایت هایی سایت داینامیک گفته می شود)

بعضی از این قالب ها، تنظیماتی (آپشن هایی) به شما به عنوان کاربر می دهند

کاربر با استفاده از تنظیمات می تواند رنگ یا ظاهر بعضی بخش های قالب را انتخاب کنید.

حال ممکن است بخواهید در قالب، تغییراتی به غیر ازتنظیماتی که در آن وجود دارد ایجاد کنید.

در این صورت یکی از مواردی که به آن نیاز خواهید داشت آموزش HTML5 است.

ضمنا اگر بخواهید برای سیستم های مدیریت محتوا، قالب ایجاد کنید

یا قالبی ساخته و برای فروش بگذارید یا در سایت خودتان استفاده کنید باید آموزش HTML5 را تکمیل کنید.

نحوه آموزش HTML 5 در سایتت به چه صورت است؟


در آموزش HTML5 موجود در سایت :

1- مباحث به بخش های کوچکی تقسیم شده اند تا زمان مورد نیاز برای یادگیری هر بخش بین 5 تا 15 دقیقه باشد.

پس مهم نیست در حال حاضر چقدر مشغله دارید زیرا در هر صورت روزی 15 دقیقه وقت را خواهید داشت تا بتوانید آموزش HTML5 را تکمیل کنید.

2- در هر مبحث یک یا چند تمرین برای درک کامل مطلب ارائه می شود که اکیدا پیشنهاد می شود بعد از خواندن مبحث حتما تمرین های ارائه شده را انجام دهید.

برنامه های مورد نیاز برای تکمیل آموزش HTML5 چه برنامه هایی هستند؟

برای ایجاد صفحات HTML و تکمیل آموزش HTML 5 موجود در سایتت، شما نیاز به هیچ برنامه اضافی خاصی ندارید.

می توانید به راحتی با استفاده از Notepad موجود در ویندوز کدهای HTML را بنویسید.

با استفاده از مرورگر اینترنت خود (مانند اینترنت اکسپلورر، فایرفاکس و یا کروم) آن را اجرا کنید.

اما پیشنهاد می شود به جای استفاده از Notepad ویندوز، از ++Notepad استفاده کنید.

مهمترین مزیت این برنامه (که یک برنامه رایگان است) نسبت به Notepad ویندوز این است که به صورت خودکار به بخش های مختلف متن، رنگ های مختلف می دهد تا با یک نگاه اجمالی بتوانید بخش های مختلف را از هم تمایز دهید که این امکان خصوصا هنگام ویرایش صفحات HTML با خطوط زیاد، به راحتی کار کمک می کند.

برای دانلود ++Notepad با حجم 2.7 مگابایت کافیست روی خط پایین کلیک کنید:

دانلود ++Notepad

همچنین اکیدا پیشنهاد می شود از فایرفاکس به عنوان مرورگر اینترنت خود استفاده کنید.

زیرا فایرفاکس امکاناتی به شما ارائه می دهد که کد نوشتن را برای شما راحت می نماید.

برای دانلود فایرفاکس روی خط پایین کلیک کنید و سپس روی دکمه “دریافت رایگان” کلیک کنید:

دانلود FireFox

هدف نهایی آموزش HTML5 :

هدف از ارائه آموزش HTML5 و سایر آموزش های موجود در سایتت، ایجاد امکانی رایگان برای یادگیری یک حرفه در جهت ورود به بازار کار است.

درس اول

بازگشت به فهرست