مقدمه – نحوه آموزش HTML5

به نام خداوند رزاق

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

 

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

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

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

HTML که مخفف HyperText Markup Language به معنی زبان نشانه گذاری اَبَرمتن می باشد، به همراه CSS (که آموزش آن به زودی در سایت قرار می گیرد) هسته فناوری ساخت صفحات وب هستند. (توجه داشته باشید که HTML یک زبان برنامه نویسی نیست و صرفا یک زبان نشانه گذاری است.) زبان نشانه گذاری به این معنی که شما بین متون و عکس های موجود در صفحه از یک سری تگ (برچسب) HTML استفاده می کنید و این برچسب ها با کمک CSS باعث ایجاد تغییراتی در صفحه می شوند.

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

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

نتیجه:

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

 

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

بله و خیر.

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

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

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

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

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

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

 

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

آموزش HTML5 با روزی ۱۵ دقیقه زمان

در این آموزش :

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

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

 

 

 

 

 

 

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

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

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

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

دانلود ++Notepad

 

همچنین اکیدا پیشنهاد می شود از فایرفاکس به عنوان مرورگر اینترنت خود استفاده کنید. زیرا فایرفاکس امکاناتی به شما ارائه می دهد که کد نوشتن را برای شما راحت می نماید. برای دانلود فایرفاکس روی خط پایین کلیک کنید و سپس روی دکمه “دریافت رایگان” کلیک کنید:

دانلود FireFox

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

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

 

درس اول

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

 

پاورقی   [ + ]

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

ثبت امتیاز

1 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 5 (1 رای​، میانگین: 5٫00 از 5)
برای ثبت امتیاز نیاز به عضویت دارید. برای ثبت نام می توانید از بالای همین صفحه اقدام کنید.
Loading...

ثبت نظر

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

رفتن به نوارابزار