0

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

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

آرشیو برچسب ها

wireframe-by-photoshop

طراحی وایرفریم در فوتوشاپ     طراحان حرفه ای ترجیح می دهند از فوتوشاپ برای ترسیم وایرفریم استفاده کنند. هر چند ممکن است برای تازه کارها طراحی با فوتوشاپ مشکل باشد اما جذابیت کار با ابزارهای فوتوشاپ هرکسی را شیفته خود می کند پس مطمئن باشید با کسب مهارت لازم و رسم چند وایرفریم در فوتوشاپ، دیگر سراغ سایر نرم افزارهای طراحی وایرفریم نخواهید رفت؛ در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا شما عزیزان را با اصول طراحی وایرفریم در فوتوشاپ بیشتر آشنا کنیم. پیشنهاد می کنیم پست دیگر ما را که درباره معرفی وایرفریم است مطالعه بفرمائید.   چگونه در فوتوشاپ وایرفریم طراحی کنیم؟ قبل از شروع طراحی وایرفریم، باید از خودتان بپرسید کدام صفحه را مایلید طراحی کنید. چه چیزی آن را از سایر سایت های طراحی شده متفاوت می کند و وجود کدام عناصر در این صفحه ضروریست. حالا یک قلم بردارید و طرح اولیه خود را روی کاغذ رسم کنید تا ایده های ذهنی خود را به یک شکل قابل دیدن تبدیل کرده باشید. با این کار یک دید کلی از طرحی که می خواهید در فوتوشاپ ایجاد کنید بدست می آورید. در طراحی وایرفریم ها، سادگی و وضوح المان ها خیلی مهم است.   نکاتی که باید در طراحی وایرفریم رعایت کرد: 1- به جای تصاویر از اشکال هندسی مانند […]

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

با مطلب آموزشی آموزش کدهای طراحی سایت ریسپانسیو Responsive و یاطراحی واکنش گرا سایت جهت نمایش سایت به درستی در رزولویشن های مختلف از تیم وب یار در خدمت شما هستیم, اگر مطالب آموزشی طراحی سایت ریسپانسیو Responsive واکنش گرا را نخوانده اید ,حتما آن را بخوانید و بعد کدهای زیر را برای طراحی ریسپانسیو یاد بگیرید.برای آشنایی کامل با طراحی ریسپانسیو اول آن مطلب را بخوانید. آموزش کدهای طراحی سایت ریسپانسیو Responsive کد نویسی طراحی سایت ریسپانسیو: آموزش طراحی سایت ریسپانسیو قسمت اول: اول از همه کدهای صفحه ی html را با هم مینویسیم, ودر یک فایل مثلا با نام index.html ذخیره میکنیم,فقط به این موارد که در کدها نوشته شده است دقت کنید.برای شروع باید کدهای صفحه رو با doctype HTML5 و متا تگ ها آغاز کردیم. اما در طراحی ریسپانسیو ما نیاز به نصب کامپوننت های اضافی خواهیم داشت. بیشتر این متا تگ ها توسط مرورگرهای مدرن پشتیبانی میشوند. <!DOCTYPE HTML> <html> <head> <title>آموزش طراحی ریسپانسیو یک سایت کامل وب یار</title> <meta charset=”utf-8″> <meta name=”author” content=”وب یار”> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> <meta name=”HandheldFriendly” content=”true”> <meta name=”viewport” content=”width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no”> <link rel=”stylesheet” type=”text/css” href=”style/styles.css”> <link rel=”stylesheet” type=”text/css” href=”style/responsive.css”> <!–&#91;if lt IE 9&#93;> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script> <script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script> <!&#91;endif&#93;–> </head> <div id=”w”> <header class=”clearfix”> <div id=”info”> <div id=”photo”> <img src=”img/logo.jpg” alt=”وب یار”/> </div> <h1><span>سید رضا احمد پور</span></h1> <h3><span>طراحی سایت در اصفهان</span></h3> <h3><span><a […]