0

هیچ محصولی در سبد خرید نیست.

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

آرشیو مطالب طراحی سایت و سئو وب یار
طراحی سایت ریسپانسیو

آموزش ساده طراحی سایت ریسپانسیو 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 فضایی مجازی است که معمولا حدود […]