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

آخرین بروز رسانی: فروردین ۱۴, ۱۳۹۶

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

مطالب مرتبط
ارتباط با تیم پشتیبانی وب یار

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

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید

کلیه حقوق مادی و معنوی این اثر متعلق به طراحی سایت اصفهان وب یار می باشد CopyRight 2017

بالا