HTML مخفف Hyper Text Markup Language بوده و در فارسی به آن زبان نشانه گذاری ابرمتن میگویند. دقت کنید که HTML یک زبان برنامه نویسی نیست، بلکه یک زبان نشانگذاری یا Markup language به حساب میآید. کدنویسی با HTML قدم گذاشتن در جای پای بزرگان وب و شروع ساخت سایتهای شگفتانگیز است.
HTML عناصر مختلفی را از جمله پاراگراف، لیست، عکس، صوت و غیره کنار هم قرار میدهد تا چهارچوب اصلی صفحه وب را ایجاد کند. به زبان سادهتر ما با HTML بدنه اصلی صفحه وب را میسازیم. حال که با اصلیترین وظیفه HTML آشنا شدید، بگذارید به سراغ بررسی یک مثال برویم.
اگر HTML را شبیه به یک ساختمان در حال ساخت در نظر بگیریم، مهندس عمران که پی ساختمان را ریخته و اسکلت آن را میسازد حکم کسی را دارد که ساختار اصلی صفحات وب را با HTML میسازد.
همچنین مهندس معماری که وظیفه دارد ظاهر ساختمان را زیباتر کند مانند کسی است که به کدنویسی با CSS میپردازد.
البته در دنیای وب معمولا وظیفه کدنویسی HTML و CSS به عهده یک نفر خواهد بود. فایلهای HTML با پسوند .htm یا .html در سیستم ذخیره میشوند. این فایلها تقریبا توسط همه مرورگرهای وب پشتیبانی میشوند و به راحتی میتوانند محتویات آن را رندر کنند. منظور از رندر کردن این است که عناصر داخل سایت که ترکیبی از کد، تصویر، انیمیشن، ویدئو یا غیره هستند، تبدیل به اطلاعات قابل نمایش برای کاربران میشوند.
پس در طراحی ظاهر سایت به طور خلاصه باید گفت :
HTML به کمک تگهای از قبل تعریف شده ساختار و اسکلت صفحه وب را مشخص میکند.
CSS به ما کمک میکند عناصر مختلف را در صفحه جابهجا کنیم، رنگبندی را تغییر دهیم، فونتها را عوض کنیم و به جایی برسیم که یک صفحه وب با ظاهر قابل قبول و قابل ارائه برای داشته باشیم.
JavaScript به ما اجازه میدهد صفحات وب را به طور داینامیک یا پویا طراحی کنیم. با JS میتوانیم عناصر تعاملی مختلف مثل اسلایدر، صفحه pop up، گالری عکس و چیزهای مشابه تولید کنیم.
صفحات HTML به تنهایی ارزشی برای انتشار ندارند اما زمانی که در کنار css و JavaScript قرار میگیرند، زیبایی واقعی خود را در طراحی وب نشان میدهند.
فرانت اند (Front End) به چه معناست؟
HTML یکی از پرکاربردترین زبانها در زمینه طراحی فرانت اند است. به مجموعه تکنولوژی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته و هیچ ارتباطی با عملکرد آن ندارند فرانت اند گفته میشود. در فرانت اند فقط با عناصر بصری سایت کار میکنیم و هر تغییری که ایجاد میکنیم در چهره سایت مشخص میشود. HTML و CSS و JavaScript از اصلیترین زبان های فرانت اند هستند و برای یادگیری آنها برای فرانت اند کار شدن ضروری است.
مشخصه و ویژگی های یک صفحه محصول ایده آل شامل این موارد می شود