طراحی سایت

اهمیت کد نویسی از ابتدا:

در این پست من درنظر گرفته ام که کسانی که این مطلب را میخوانند حداقل با تگ های ساده html آشنا هستند.

امروز میخواهیم با تگ ها و جوانب html5 آشنا شویم. Html5 انقلابی در طراحی سایت ایجاد کرد در واقع این زبان نشانه گذاری نصبت به گذشته کاملاً مفهومی تر و سئو بیس تر میباشد. در html5 شما اجزاء مهم را از اجزاء معمولی جدا میکنید html5 نه تنها سئو سایت بلکه ظاهر و کارایی های سایت شما را نیز بالا می برد به طور مثال در html5 به راحتی میتوان با قابلیت های خود html5 فیلم و صوت درج کرد. انیمیشن ساخت و کلی موارد دیگر که مفصل در مورد آنها صحبت میکنیم.

خوب حال برای کدنویسی با html5 در ابتدا باید قالب سایت طراحی شده باشد .

در بیشتر سایت ها یک هدر، یک ساید بار، یک فوتر و یک بخش اصلی دارد. در گذشته برای طراحی اینگونه سایتی اجزاء تفاوت نداشتند و شما برای طراحی هر کدام می توانستید از اجزاء اصلی html استفاده کنید که بیشتر افراد از div استفاده میکردند اما در html5 اگر بخواهید به صورت استاندارد کد بنویسید باید از تگ های html5 استفاده کنید و اگر نه اجباری به این کار ندارید ولی در هرصورت چند تگ هستند که با آنها میتوانید اجزاء اصلی سایت را از یکدیگر جدا کنید.

1- Header

2- Footer

3- Section

1- هدر: این بخش سرصفحه سایت شما را در بر میگیرد.

2- فوتر: این بخش پا صفحه شما را در بر میگیرد.

3- سکشن: با این تگ میتوانید محتویات میانی سایت را دسته بندی کنید(به طور مثال سایدبار و کانتنت یا رپر سایت)

این اجزاء به شما کمک میکنند تا اجزاء سایت را از یکدیگر تفکیک کنید این تفکیک به شما اجازه میدهد که فضای بیشتری برای کار داشته باشید.