031- 344 500 60

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

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

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

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

آموزش دستورات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 آشنا کنیم، اما خود شما هم میدانید که  آموزش طراحی سایت با معرفی بخش های مختلف سایت تکمیل نمیشود و شما باید کدهای استاندارد و تخصصی هر بخش را گام به گام یاد بگیرد،بنابراین در ادامه آموزش طراحی سایت همراه ما باشید.

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

مطالب مرتبط

طریقه نوشتن css

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

شرکت نرم افزاری پاد

طراحی سایت شرکتی پاد ایران کو

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

طراحی سایت فروشگاهی

طراحی سایت فروشگاهی میک رویال

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

نحوه ی ساخت پست تایپ سفارشی در وردپرس

نحوه ی ساخت پست تایپ سفارشی در وردپرس

نحوه ی ساخت پست تایپ سفارشی در وردپرس در طول سال های گذشته وردپرس به یک سیستم مدیریت محتوای قوی تبدیل شده است. به طور پیش فرض وردپرس دارای مجموعه ای پست تایپ می باشد. به عنوان مثال برگه ها یا نوشته ها در وردپرس نوعی پست تایپ محسوب می شوند. با این وجود شما […]

ارسال دیدگاه

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

    باسلام 

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

    با تشکر 

*    

*