طراحی سایت


آموزش زبان HTML از پایه

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

طراحی سایت

اچ تی ام ال چیست؟

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

تگ

ممکن است هنگام کار کردن با اچ تی ام ال اسم تگ به گوشتان خورده باشد در واقع باید بگوییم که زبان نشانه گذاری اچ تی ام ال با کمک همین تگ ها قدرت گرفته است و تمامی کارها در اچ تی ام ال با کمک همین تگ ها انجام می گیرد شما با کمک تگ ها اسکلت بندی سایت خود را ایجاد می کنید و با استفاده از آنها می توانید لینک ها جدول ها و پاراگراف ها را بسازید تنوع تگ ها در این زبان بسیار بالاست و و این تنوع در نسخه های جدید بهبود یافته تر نیز می شوند البته برخی از این تگ ها نیز محبوبیت چندانی ندارند و خیلی کم توسط طراحان استفاده می شوند برای مثال تگ meter برای اندازه گیری است و استفاده ی زیادی از آن نمی شود اما تگ div که برای جدا کردن قسمت های مختلف به کار می رود بخش جداناشدنی اچ تی ام ال در استفاده از تگ هاست پس اگر می خواهید مهارت های لازم در اچ تی ام ال را بیاموزید لازم است در تگ ها مهارت لازم را به دست بیاورید.

طراحی سایت

اچ تی ام ال و سی اس اس

گفتیم که با استفاده از اچ تی ام ال می توانیم اسکلت بندی سایت را ایجاد کنیم و با کمک سی اس اس ظاهر سایت را جذاب می کنیم این دقیقا به ساختمان سازی شبیه است چرا که در ساختمان سازی در ابتدا نیز اسکلت بندی سایت خود را ایجاد می کنید و پس از آن با انجام نقاشی و . . . به زیبا شدن طراحی سایت کمک خواهید کرد البته در مورد اچ تی ام ال باید بگوییم که فایل های اچ تی ام ال نیازی به تکنولوژی های خاص برای اجرا شدن ندارند و فقط باید مرورگری داشته باشید که از اچ تی ام ال پشتیبانی کند پس فرقی نمی کند که از کدام مرورگر استفاده می کنید تنها کاری که لازم است انجام دهید این است که کد های خود را بنویسید و اجرا نمایید در ادامه ذکر یک نکته در مورد اچ تی ام ال ضروری به نظر می رسد آن هم این که خیلی ها اچ تی ام ال را یک زبان برنامه نویسی می دانند در حالی که اچ ی ام ال یک زبان نشانه گذاری است در اصل باید بگوییم که اچ تی ام ال اصلا یک زبان برنامه نویسی نیست چرا که هیچ کدام از ویژگی های آن را ندارد و ویژگی هایی مانند متغیرها و شرط ها و حلقه ها در آن وجود ندارد تنها موردی که به صورت قطعی می توانیم در مورد اچ تی ام ال بگوییم این است که این زبان نشانه گذاری ابزاری است که در آن به وسیله ی تگ ها صفحه های وب را ساختار دهی می نماییم.

طراحی سایت

تفاوت HTML با HTML5

در مورد تفاوت HTML با HTML5 باید بگوییم که اچ تی ام ال 5 نسخه ی به روزشده و جدید از نسخه ی اچ تی ام ال است که کار را برای طراحان بسیار ساده کرده است و ویژگی های جدید و جذابی به آن اضافه شده است بنابراین اگر می خواهید به عنوان یک طراح حرفه ای شناخته شوید باید از آن استفاده کنید و جلوه های جذاب خلق کنید به علاوه این که اگر به امور طراحی سایت علاقه دارید اچ تی ام ال جزو اولین و مهم ترین قسمت هایی است که باید آموزش ببینید آموزش زبان HTML از پایه یکی از مهم ترین موارد برای کسانی است کی می خواهند کار طراحی سایت را شروع کنند و در آن حرفه ای شوند پس بهتر است هرچه زود تر برای یادگیری آن اقدام کنید.


طراحی سایت,بهینه سازی سایت به همراه طراحی وب سایت و طراحی پرتال تخصص شرکت طراحی نونگار است جهت اطلاع از تعرفه طراحی سایت با ما تماس بگیرید