0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

html

مطالعه :

آموزش دستوراتhtml5 در اولین جلسه آموزش دستوراتhtml5 به معرفی html 5  و مزایای کدنویسی با html5 ‌و حل مشکل ناسازگاری مرورگرها با دستورات html5  پرداختیم. با آموزش دستوراتhtml5 جهت بهینه سازی گام به گام طراحی صفحات وب سایت همراه شما هستیم. دستورات html5 شامل یک سری تگ است که هر کدام کاربرد ویژه ی خود را در نمایش وب سایت دارند،در5 html دستورات جدیدی را برای طراحان وب ارائه شده است، تا به مرورگر بفهماند که هر بخش از صفحه، مختص به چه تگی می باشد.یادتان باشد که بهترین صفحات واکنش گرا را میتوان با تگ های html5 بسیار ساده و کاربردی ایجاد کرد. البته آموزش های عملی ساخت صفحات ریسپانسیو در آموزش های قبلی وب یار در سایت موجود است. مهم ترین  دستوارات در آموزش دستوراتhtml5 : نوع سند (Doctype): قبل از هر چیز باید نوع سندی را که برای طراحی سایت خود استفاده می کنید، مشخص نمایید. در html5 این سند با نام < !DOCTYPE HTML> معرفی می گردد. المان های معنایی در html5: یکی از جالب ترین کاربردهای دستورات html5 ، تقسیم بندی صفحه به بخش های مختلف می باشد که سبب مرتب سازی و نظم دهی بیشتر به محتویات وب سایت می شود. این دستورات عبارت اند از: <header> : برای نمایش سربرگ سایت از تگ زوج header استفاده می گردد. که تمام اطلاعات و کد […]

مطالعه :

‌تایپوگرافی در طراحی سایت امروزه برای افزایش کسب در آمد، ایجاد سایت و بهینه سازی آن مهم می باشد. از جمله مواردی که باید در طراحی سایت در نظر گرفت، ‌تایپوگرافی در طراحی سایت یا تایپوگرافی(typography) است. تایپوگرافی در طراحی سایت سبب می شود که سایت مورد پسند اکثر کاربران واقع شود. البته اجباری در تایپوگرافی سایت نیست، اما با این کار می توانید سایت زیبا تر و بازدید کننده ی بیشتری را فراهم آورید. در این مقاله می خواهیم آموزش دهیم که اصلا تایپوگرافی چیست و چه قوانینی را باید در آن رعایت کرد. پس برای این که بتوانید سایتی مطلوب برای کاربران خود طراحی کنید ، تا آخر این مقاله همراه ما باشید. ‌تایپوگرافی در طراحی سایت چیست؟ هر جا که نوشته باشد، تایپوگرافی نیز به همراه آن وجود دارد. در واقع ‌تایپوگرافی در طراحی سایت (typography in website) به فونت های به کار رفته در وب گفته می شود. فونت هایی که توسط html  و css تعریف شده و باعث خوانایی بهتر نوشته ها ، تشخیص حروف و سرعت بیشتر در خواندن محتوای وب سایت می شود. همان طور که در مقاله های قبلی از اهمیت محتوای وب سایت صحبت کردیم، آگاه باشید که فونت صفحه نیز برای مخاطب ارزش دارد. چون با ظاهر سایت می توانید حس بهتری را به آن ها منتقل کنید. تفاوت سهولت […]

html5
مطالعه :

اصول کد نویسی  HTML5  HTML زبان کد نویسی برای طراحی، چیدمان و نمایش محتویات وب سایت و همچنین نرم افزارهای تحت وب است. کد نویسی استاندارد html 5 برگرفته از عبارت Hyper Text Markup Language5 (زبان نشان گذاری ابر متن ۵) و پنجمین نسخه از HTML می باشد و همچنان در حال توسعه است. HTML از مهم ترین زبان های برنامه نویسی سمت کاربر می باشد. شما عزیزان برای این که بتوانید سایتی را بهینه طراحی کنید، باید با اصول کدنویسی استاندارد html 5 آشنا باشید. در این پست از وب یار می خواهیم کدنویسی استاندارد html 5 را آموزش دهیم. برای یاد گیری html 5 ابتدا به اصول و قواعد کلی و پایه ای آن پرداخته و سپس استاندارد ها و تغییرات جدید html 5 را بررسی می کنیم. پس تا پایان مقاله همراه ما باشید.   قوانین پایه ای html 5   در این بخش به آموزش و آشنایی با قوانین پایه ای html 5 در طراحی وب سایت می پردازیم.   مروری بر کدهای html 5   ۱- نوع سند و ورژنی که از HTML استفاده می کنید را توسط تگ DOCTYPE در خط اول مشخص کنید. یعنی برای html 5  بنویسید: DOCTYPE html>!> ۲- درون تگ <html> ابتدا تگ < head> را وارد کرده و در آن تگ های لازم همچون link ، meta ، title ، keyword […]

آموزش تبدیل psd به HTML5
مطالعه :

آموزش مقدماتی تبدیل psd به HTML5 آموزش طراحی سایت و چگونگی تبدیل psd یا طرح اولیه سایت به html و کد نویسی برای طراحان سایت بسیار جذاب و گاها سوال میباشد. پس با آموزش های گام به گام مراحل طراحی سایت حرفه ای از وب یار و آموزش تبدیل psd به HTML5 همراه ما باشید. در آموزش قبلی اولین گام عملی طراحی سایت با وایر فریم را به شما آموزش دادیم. در آموزش امروز قصد داریم تا مرور کلی بر روند و مراحل طراحی سایت که به صورت حرفه ای انجام شود از ابتدا تا انتها داشته باشیم و در عین حال یکی از مهم ترین مراحل آن که تبدیل psd به html است را به شما آموزش میدهیم. آموزش مراحل طراحی سایت حرفه ای و تبدیل PSD به HTML5 اکثرا تازه کارن در دنیای طراحی سایت و وب متمایل به یادگیری روند طراحی سایت استاندارد هستند. گاها ما با طراحان سایت زیادی نیز برخورد کرده ایم که ادعایی بر بلد بودن طراحی سایت و کد نویسی دارند، اما به واقع با مراحل طراحی سایت  استاندارد آشنایی ندارند. در ادامه مقاله ی آموزشی شما عزیزان را با یکی از مهم ترین مراحل طراحی سایت تبدیل psd به HTML5 آشنا می کنیم. ۵ گام فرآیند تبدیل PSD  به HTML5 گام اول : طراحی فایل PSD خب در ابتدا ما چند نکته […]

تگ های مهم در html5
مطالعه :

در این مطلب آموزشی قصد داریم مهم ترین مواردی را که به نسخه ی HTML5 نسبت به HTML4 اضافه شده است را آموزش دهیم که علت محبوبیت آن بهتر درک شود: لیست مهم ترین تگ هادر HTML5 <aside>: این تگ برای قرار دادن محتواهایی همانند ساید بار به کار میرود.محتوایی سوای محتوای صفحه را تعریف می کند. <p>My family and I visited The Epcot center this summer.</p> <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> <article>: یک مقاله را تعریف می کند <article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article> <figure>:محتوایی سوای محتوای صفحه را تعریف می کند.   <figure> <img src=“img_pulpit.jpg” alt=“The Pulpit Rock” width=“304” height=“228”> </figure> <footer>:یک پا نوشت برای یک سند یا بخش تعریف می کند <footer> <p>Posted by: Hege Refsnes</p> <p>Contact information: <a href=“mailto:someone@example.com”> someone@example.com</a>.</p> </footer> <section>:یک بخش در یک سند را تعریف می کند. <section> <h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is….</p> </section> <header>:یک سربرگ برای یک سند یا بخش تعریف می کند. <article> <header> <h1>Most important heading here</h1> <h3>Less important heading here</h3> <p>Some additional information here</p> </header> <p>Lorem Ipsum dolor set amet….</p> </article> <nav>:لینک های هدایت کننده را تعریف می کند. <nav> <a href=“/html/”>HTML</a> <a href=“/css/”>CSS</a> <a href=“/js/”>JavaScript</a> <a href=“/jquery/”>jQuery</a> </nav> این ها همگی مثال […]

webyar-browser
مطالعه :

شاید شما هم همانند سایر برنامه نویسان در زمان طراحی و کدنویسی با html5 به مشکل جابه جایی عکس ها و عدم نمایش صحیح دیگر امکاناتت سایتتان برخورد کرده باشید که تیم وب یار راه حلی برای این مشکل مطابق با استادردهای w3.school ارایه میدهد: حل مشکل ناسازگاری مرورگرها باHTML5  شما می‌توانید یک تکه کد، یک پیغام یا هرچیز دیگری را فقط و فقط به کاربران یک نسخه خاص از مرورگرهای IE نمایش دهید به طوری که افرادی که از سایر مرورگرها سایت را نظاره می‌کنند قادر به دیدن آنها نباشند. برای این منظور دستورات خود را بین دو کد زیر کپی میکنید: برای اینکه دستورات و پیغام ها فقط در IE6 مشاهده شوند: <!–[if IE 6]> <link rel=”stylesheet” type=”text/css” href=” ie6.css” /> <![endif]–> برای اینکه دستورات و پیغام ها فقط در IE7 مشاهده شوند: <!–[if lte IE 7]> <link rel=”stylesheet” type=”text/css” href=” ie7.css” /> <![endif]–> اجرای تگهای اختصاصی HTML5 در مرورگرهای قدیمی از جمله IE6 و IE7 و همچنین Firefox2 در HTML5 یک سری تگ‌ها برای نشانه‌گذاری بهتر محتوا توسط جستجوگرها و دسته‌بندی بهتر وبسایت به این زبان اضافه شده‌اند که با استفاده از این تگ‌ها می‌توانید محل دقیق مقالات، سایدبار، سربرگ، پابرگ، لینک‌ها و سایر قسمت‌های سایت را از یکدیگر جدا کنید. استفاده از این دستورها تا وقتی که شما هیچ کلاسی به آنها نسبت نداده باشید مشکلی […]