031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

صفحه نخست » بلاگ » html » آموزش دستوراتhtml5

آموزش دستوراتhtml5

۹ام اسفند ۱۳۹۵
پشتیبانی وب یار
95

آموزش دستوراتhtml5

در اولین جلسه آموزش html 5 به معرفی html 5  و مزایای کدنویسی با html5 ‌و حل مشکل ناسازگاری مرورگرها با دستورات html5  پرداختیم. با آموزش دستورات html5 جهت بهینه سازی گام به گام طراحی صفحات وب سایت همراه شما هستیم.

دستورات html5 شامل یک سری تگ است که هر کدام کاربرد ویژه ی خود را در نمایش وب سایت دارند،در5 html دستورات جدیدی را برای طراحان وب ارائه شده است، تا به مرورگر بفهماند که هر بخش از صفحه، مختص به چه تگی می باشد.یادتان باشد که بهترین صفحات واکنش گرا را میتوان با تگ های html5 بسیار ساده و کاربردی ایجاد کرد. البته آموزش های عملی ساخت صفحات ریسپانسیو در آموزش های قبلی وب یار در سایت موجود است.

مهم ترین  دستوارات html5   :

نوع سند (Doctype): قبل از هر چیز باید نوع سندی را که برای طراحی سایت خود استفاده می کنید، مشخص نمایید. در html5 این سند با نام < !DOCTYPE HTML> معرفی می گردد.

المان های معنایی در html5:

یکی از جالب ترین کاربردهای دستورات html5 ، تقسیم بندی صفحه به بخش های مختلف می باشد که سبب مرتب سازی و نظم دهی بیشتر به محتویات وب سایت می شود. این دستورات عبارت اند از:

<header> : برای نمایش سربرگ سایت از تگ زوج header استفاده می گردد. که تمام اطلاعات و کد هایی که مربوط به قسمت بالای سایت یا همان سربرگ سایت میباشد در این بخش قرار میگیرد.

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

آموزش دستورات html5

 

<nav> : این تگ منوی بالای سایت را نشان می دهد که طراحی را برای ساخت منو و زیر منو، راحت تر کرده است ،در ضمن فراموش نکنید که منو در بیشتر مواقع میتواند خود در بخش بالای سایت یعنی همان هدر سایت جای دهد.

آموزش کد نویسی html5

 

<aside> : تگ aside مکان مربوط به ستون کناری سایت نشان می دهد که در آن لینک صفحات سایت قرار می گیرد،که نام مرسوم آن ساید بار است.

 

آموزش طراحی سایت اصفهان

<section> : این قسمت مربوط به محتوای یکسان سایت مانند فصل ها، سر صفحه، پاورقی، تبلیغات و … می باشد.

کلاس طراحی سایت اصفهان

<article> : در این بخش، محتوای اصلی سایت مانند مقاله، اخبار و… قرار می گیرد.در واقعی مهم ترین محتوا سایت که به صورت داینامیک قابل تغییر است در این بخش قرار میگیرد.

آموزش کدنویسی html5

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

دستوارت html5

نتیجه گیری آموزش کدنویسی سایت:

با پایان آموزش امروز فقط قصد داشتیم شما را با ساختار کلی سایت در صورت استفاده از دستورات html5 آشنا کنیم، اما خود شما هم میدانید که  آموزش طراحی سایت با معرفی بخش های مختلف سایت تکمیل نمیشود و شما باید کدهای استاندارد و تخصصی هر بخش را گام به گام یاد بگیرد،بنابراین در ادامه آموزش طراحی سایت همراه ما باشید.

تعداد ستاره های خود را از این مطلب از چپ به راست انتخاب نمایید
درباره نویسنده :
پشتیبانی وب یار

مطالب مرتبط

طراحی سایت خدماتی صدرا

طراحی سایت خدماتی صدرا طراحی سایت اختصاصی صدرا ارایه دهنده ی انواع آزمایش های تشخیصی به روش Realtime PCR-HRM در اصفهان می باشد. از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت خدماتی صدرا برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف دامپزشکی و نیازمند انجام کلیه ی آزمایش […]

طراحی سایت فرهنگی سایت کودک

طراحی سایت فرهنگی کودک خلاق

طراحی سایت فرهنگی کودک خلاق طراحی سایت اختصاصی کودک خلاق با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت وب یار می باشد. طراحی سایت فرهنگی کودک خلاق برای مشتریان عزیزی که کسب و کارشان در حوزه های فرهنگی و خدماتی است بسیار مناسب می باشد. آدرس سایت جهت مشاهده تمامی […]

طراحی سایت بازرگانی ایراکو

طراحی سایت اختصاصی بازرگانی ایراکو طراحی قالب سایت اختصاصی بازرگانی ایراکو با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت و سئو سایت وب یار است. این سایت در زمینه ی بازرگانی و تجارت با عراق فعالیت دارد. طراحی سایت بازرگانی ایراکو برای مشتریان عزیزی که کسب و کارشان در حوزه های […]

طراحی سایت خدماتی کانون ایران فردا

طراحی سایت خدماتی کانون ایران فردا

طراحی سایت خدماتی کانون ایران فردا طراحی سایت اختصاصی کانون ایران فردا با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت وب یار می باشد. این سایت در زمینه ی معرفی متخصصین، ثبت آگهی و معرفی مشاغل فعالیت دارد. همچنین در سایت کاف ( کانون ایران فردا ) فروشگاه اینترنتی راه […]

ارسال دیدگاه

  1. هاشم شیخی پور گفت:

    باسلام 

    استاد یه بخش ذخیره سازی به صورت pdf هم میتونه ایده جالبی باشه ک علاقه مندان بتونن استفاده کنن و دانلود کنن محتوارو .

    با تشکر 

*    

*