در این مطلب فیلم آموزش اصول اولیه در طراحی وب سایت های ریسپانسیو به زبان اصلی را از وب سایت آموزش برنامه نویسی سورس باران جهت دانلود قرار داده ایم. ریسپانسیو (Responsive) به قالب های واکنش گرا گفته می شود بطوری که اگر کاربری با موبایل یا تبلت و یا آیفون وارد سایت شما شود نسخه بهینه شده سایت را براساس سایز مانیتور یا نمایشگر سیستم خود مشاهده می کند. به طور کلی وب سایت ها باید به صورت ریسپانسیو (واکنش گرا) طراحی شوند تا در صفحه نمایش هایی با اندازه های مختلف (مانند صفحه مانیتور کامپیوتر ها، دستگاه های تبلت و گوشی های هوشمند) به درستی نمایش داده شوند. در این فیلم آموزش اصول اولیه در طراحی وب سایت های ریسپانسیو به زبان اصلی شما کاربرن عزیز بطور کامل با Responsive Design Fundamentals طراحی وب سایت های ریسپانسیو آشنا خواهید شد. سرفصل های این دوره آموزشی در ادامه مطلب موجود می باشد.
جهت دانلود فیلم آموزش اصول اولیه در طراحی وب سایت های ریسپانسیو به ادامه مطلب مراجعه نمایید.
فیلم آموزش اصول اولیه در طراحی وب سایت های ریسپانسیو :
– طراحی ریسپانسیو چیست؟
– کنترل نماها (view)
– طراحی برای صفحه نمایش های چند گانه
– کار با media query ها
– استفاده از گرید های شناور (fluid grids)
– ساخت فرم های واکنش گرا
– بهینه سازی عملکرد سایت
– ساخت Mockups ریسپانسیو
– توسعه یک استراتژی محتوا
– طراحی برای دستگاه های موبایل
– ساخت HTML انعطاف پذیر
– تست طرح ریسپانسیو
– و …
Web projects need to work across multiple devices, screen sizes, and browsing contexts. Web designs need to be responsive to these variables, providing an optimal viewing experience for each scenario. In this course, author James Williamson introduces responsive design to new web designers and fills in any gaps experienced designers may have, while providing a deeper exploration of how current trends in devices, connectivity, and user experience are driving its adoption. The course covers concepts like screen density, fluid grids, and responsive images, as well as actual design strategies that guide you from mock-up to testing. Topics include: - What is responsive design? - Controlling viewports - Designing for multiple screen densities - Working with media queries - Using fluid grids - Building responsive forms - Optimizing site performance - Building responsive mockups - Developing a content strategy - Designing for mobile capabilities - Creating flexible HTML - Testing responsive designs
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.
- جم فايل : 499 مگابایت
- منبع : سورس باران
- انتشار: ۸ آذر ۱۳۹۳
دسته بندی موضوعات
- آموزش برنامه نویسی
- آموزش کریپتو کارنسی (ارز دیجیتال)
- آموزش متنی برنامه نویسی
- پروژه برنامه نویسی
- فروشگاه
- فیلم های آموزشی
- #F
- ++C
- 3ds max
- Ada
- ADO.NET
- Adobe Flash
- Agile
- Ajax
- AngularJS
- Anime Studio
- apache
- ARM
- Asp.Net
- ASP.NET MVC
- assembly
- AVR
- Azure
- Bootstrap
- Cassandra
- CCNA
- CCNP
- CCSP
- ChatGPT
- Cisco
- CMD
- COBOL
- CSS
- Cython
- Django
- Dreameaver
- Elixir
- EntityFramework
- Erlang
- Flash
- Go
- Groovy
- Haskell
- Htaccess
- HTML
- IOS
- Jade
- jquery
- Kendo UI
- Linq
- Linux
- LUA
- MariaDB
- maya
- Meteor
- MongoDB
- Mono Android
- MonoGame
- Mysql
- NoSQL
- Oracle
- Orchard
- Perl
- php
- PHPMyAdmin
- R
- Rational Rose
- Ruby
- Rust
- Scala
- Scrum Master
- SFML
- SharePoint
- SignalR
- silver light
- SQL Server
- Stimulsoft Reports
- Telerik
- UML
- VB.NET&VB6
- Vue 3
- WPF
- Xml
- آردوینو
- آموزش های پروژه محور
- آیونیک
- اتوکد
- الگوریتم تقریبی
- الگوریتم نویسی و فلوچارت
- امنیت
- اندروید
- اندروید استودیو
- انیمیشن سازی
- بازی سازی با Scratch
- بک ترک
- بیسیک فور اندروید
- پایتون
- پرولوگ
- پریمیر
- جاوا
- جاوا اسکریپت
- جنگو
- جوملا
- دارت
- دلفی
- دوره های رایگان پیشنهادی
- زامارین
- سئو
- ساخت CMS
- ساخت اتوران
- ساختمان داده ها
- سی شارپ
- شبکه و مجازی سازی
- طراحی الگوریتم
- طراحی بازی
- طراحی وب
- فتوشاپ
- فریم ورک codeigniter
- فلاتر
- کاتلین
- کامپایلرها
- کانستراکت
- کریستال ریپورت
- کلوژر
- گوگل آنالیتیکس
- گیت
- لاراول
- مای بی بی
- مایکروسافت پروجکت
- متریال دیزاین
- متلب
- معماری کامپیوتر
- مهندسی اینترنت
- میکروتیک
- نود جی اس
- نیوک
- هوش مصنوعی
- ویبولوتین
- ویژوال استودیو
- یونیتی
- کتاب های آموزشی
- Ada
- Ajax
- Android
- ASP.NET
- ASP.NET Core
- AVR
- clips
- CNC
- COBOL
- CQRS
- Cython
- Dreamweaver
- Elixir
- Entity Framework 4.0
- Erlang
- Go
- Groovy
- Haskell
- LINQ
- Lua
- Matlab
- MFC
- Node.js
- PERL
- php
- PLC
- Prolog
- React
- Rust
- Scala
- SFML
- SharePoint
- silver light
- VHDL
- VMware
- WinJS
- Workflow
- WPF
- XHTML
- Yii Framework
- اتوکد
- اچ تی ام ال
- اسمبلی
- اکتیو ایکس
- الگوریتم و فلوچارت
- انگولار
- اوبونتو
- اوراکل
- بازی سازی
- بانک اطلاعاتی
- برنامه نویسی سوکت
- برنامه نویسی موبایل
- بک ترک
- پاسکال
- پایان نامه
- پایتون
- پرولوگ
- جاوا
- جاوا اسکریپت
- جی کوئری
- حوملا
- داده کاوی
- دلفی
- رباتیک
- روبی
- زبان ماشین
- سئو
- ساختمان داده ها
- سایر کتاب ها
- سخت افزار
- سوئیفت
- سی اس اس
- سی پلاس پلاس
- سی شارپ
- سیستم عامل
- سیستم های خبره
- شبکه و مجازی سازی
- شبیه سازی کامپیوتر
- طراحی الگوریتم
- فتوشاپ
- فریم ورک گتنا
- کاتلین
- کالی لینوکس
- کریستال ریپورت
- گزارش کارآموزی
- گوگل
- لیسپ
- متلب
- مقاله
- مهندسی نرم افزار
- نیوک
- هوش مصنوعی
- وب مستر
- ویژوال بیسیک
- نرم افزار و ابزار برنامه نویسی
- وردپرس
خیلی خوب بود، فقط لطفا برای آموزشهای انگلیسی حداقل زیر نویس انگلیسی ـیش رو هم پیدا کنید،
اگر زیر نویس فارسی نداشته باشه، حداقل زیر نویس انگلیسی داشته باشه، بدون زیر نویس خیلی سخته و کامل متوجه نمیشیم.