0

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

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

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

آموزش طراحی سایت ریسپانسیو

طراحی سایت ریسپانسیو مفهوم طراحی سایت Responsive یا طراحی سایت ریسپانسیو با توجه به اینکه امروزه فناوری اطلاعات و اینترنت بخش بزرگی از زندگی روزمره را در برگرفته است و می بایست طیف گسترده ی دستگاه هایی که با استفاده از آنها می توان به اینترنت دسترسی داشت را در نظر گرفت، مطرح گردید. بنابراین انعطاف پذیری سایت، یا طراحی سایت Responsive یکی از مهمترین شاخص های یک طراحی سایت با کیفیت بوده و عامل پیشرفت کسب و کار اینترنتی می گردد. در این مقاله قصد داریم بهتر و دقیق تر به این موضوع بپردازیم.   طراحی سایت واکنش گرا (Responsive) چیست؟ طراحی سایت ریسپانسیو یا  واکنش گرا (Responsive) به سایتی گفته می شود که با توجه به دستگاهی که کاربر برای مشاهده سایت استفاده می کند واکنش نشان می دهد. بنابراین سایت واکنش گرا (Responsive) بدین معنا است که اگر با تبلت، گوشی یا هر وسیله دیگر با هر اندازه که باشد به یک سایت واکنش گرا مراجعه کنید، طول و عرض سایت هم اندازه با دستگاه شما خواهد شد. در ادامه به اهمیت طراحی سایت واکنش گرا می پردازیم. اهمیت طراحی سایت واکنش گرا(Responsive) یک طراحی سایت Responsive می تواند بسیار به رشد و کیفیت سایت شما کمک کند. باتوجه به آمار های اخیر بسیاری از کاربران متصل به اینترنت از گوشی یا تبلت خود استفاده می کنند، […]

آموزش طراحی سایت رسپونسیو واکنشگرا در10 دقیقه

آموزش طراحی سایت رسپونسیو واکنشگرا در۱۰ دقیقه دوست داشتم درباره طراحی سایت رسپونسیو یا همان واکنش گرا responsive برای شما دوستان عزیز وب یاری مطلبی بنویسم که دیدم آموزش طراحی سایت رسپونسیو واکنشگرا در۱۰ دقیقه را دوست خوبمون آقای نور هانی مطلبی درباره آموزش طراحی سایت رسپونسیو واکنشگرا در۱۰ دقیقه پس خیلی راحت شروع به تمرین و طراحی کنید با مطالب عالی آموزش طراحی سایت رسپونسیو واکنشگرا در۱۰ دقیقه زیر     هدف از طراحی واکنشگرا ایجاد صفحاتی پویا و هوشمند می باشد که بسته به اندازه صفحه نمایشگر خروجی مناسبی را از محتوای سایت به نمایش گذارند. امروزه نمایشگرها محدوده وسیعی را از تلفن های همراه تا مانیتور های عریض شامل می شوند، یکی از دغدغه های طراحی به صورت واکنشگرا بدون شک ارائه نمایشی انعطاف پذیر از تصاویر خواهد بود. راه کارهای گوناگونی در این زمینه وجود دارند که هریک دارای مزایا و معایبی می باشند و اتخاذ راه حل مناسب بسته به نیاز و شرایط عملکرد شما و وب سایت مورد نظر خواهد بود . در این مطلب به معرفی برخی از این راه کارها می پردازیم. طراحی برای صفحات نمایش لمسی از آنجایی که پوسته طراحی شده در صفحات نمایش لمسی هم اجرا خواهد شد الزما بعضی نکات را باید در نظر بگیریم. اندازه فیلد فرم ها ، اندازه فونت ها ، دکمه ها ، فاصله […]

طراحی رسپانسو واکنش گرا

آموزش ساده طراحی سایت ریسپانسیو responsive واکنش گرا در تبلت و موبایل در قالب پروژه منو ریسپانسیو به طراحی سایت با قابلیت های نمایش یوزر فرندلی userfrendly سایت در گجت ها گویند برای طراحی سایت ریسپانسیو بعد از طراحی قابل درک از سه سایز وبسایت تان ابتدا در فایل هدر قالبتان دستورات ریسپانسیورا وارد کنید: آموزش طراحی سایت ریسپانسیو responsive واکنش گرا <meta name=”apple-mobile-web-app-capable” content=”yes”> <meta name = “viewport” content = “width =device-width, initial-scale = 1.0”> حالا بروی css قالب کار میکنیم. مقدار width ها را برابر صد در صد می دهیم . width:100%; در طراحی ها از منوهای بالای سایت از  آیکنی با قابلیت display با مقدار hidden  استفاده می کنیم.(چون در حالت ریسپانسیو در تبلت فقط آیکن نمایش داده می شود.) در پایان آموزش همه کد ها و فایل html قالب موجوداست حالا تعیین میکنیم که سایز گجت ما در چه ابعادی است @media only screen and (max-width:1024px;){ مقادیر دیگر سی اس اس #menu-icon { display:inline-block;}کد نمایش آیکن منو بجای منو } آموزش طراحی سایت با قابلیت ریسپانسیو responsive واکنش گرا تبلت موبایل به همن راحتی سایت رسپونسیو شد دانلود فایل آموزش  فیلم آموزش طراحی سایت واکنش گرا به زودی ….   مرورگرهای موبایل برای سازگاری با سایت‌هایی که در گذشته طراحی شده‌اند، از مفهومی به نام Viewport برای نمایش سایت‌ها استفاده می‌کنند. Viewport فضایی مجازی است که […]

اسلاید شو جوملا

برای یادگیری قدم به قدم آموزش ساختن اسلاید شو مطالب تصاویر وردپرس جوملا دروپال asp باید قدم به قدم با ما همراه باشید تمامی کد ها در اختیارتان قرار خواهد گرفت.آموزش ساختن اسلاید شو مطالب تصاویر وردپرس جوملا دروپال asp slider flexslider2 جی کوئری jquery wordpress joomla dropal php asp طراحی سایت ارزان زیبا عکس متحرک برای طراحی اسلاید شو یک خط توضیح در باره جی کوئری میدهیم زبانی وجود دارد به نام زبان برنامه نویسی جاوااسکریپت. جی کوئری کتاب خانه یامجموعه ای از کد های آماده آن است که مابا دستوراتی این کدها را فراخوانی می کنیم و اسلایدشویمان را میسازیم. یکی از این کتاب خانه های جی کوئری کار ایجاد افکت بروی li ها را در اسلاید شو انجام می دهد.نام آن را با دستجو در سایت گوگل پیدا کنید . فقط کافیست تایپ کنید slider یا اسلایدشو .خوب من یکی از انها را که امکانات خوبی دارد را به شما معرفی میکنم .آن هم اسلایدشو flexslider2 است. برای اینکه این فایل کتاب خانه اجرا شود انتدا زمینه سازی میکنیم و در فایل header.php در میان دو تگ <head> اینجا </head> لینک فراخوانی جیکوئریرا قرار می دهیم. که شما میتوانید فایل jequery را از اینجا دانلود کنید. به فایل اسلایدر از این کتابخانه هم نیاز است (” تفنگ بی فشنگ که ارزشی نداره “) ،از اینجا جی کوئری […]