مرجع آموزش طراحی سایت

شاید کلمه و واژه ساخت وب سایت ریسپانسیو (Responsive web design) را شنیده باشید و مسلما میخواهید بدانید معنای آن چیست؟ به عبارت دیگر ریسپانسیو بودن یک تارنما یا این که به عبارتی "واکنشگرا بودن" یعنی چه؟ همانگونه که میدانید استانداردهای طراحی وب های اینترنتی هر یکسری طراحی سایت سال یکبار آپ دیت می شوند و تکنیک ها و طریق های جدیدی ارائه می گردند که هر یک به نوعی به دنیای طراحی وب سایت یاری شایانی می نمایند. تارنما های اینترنتی از اوایل دهه 1990 که پیاده سازی و برای استعمال جهانی در مشت عموم قرار گرفتند، در بالا فقط برای چشم شدن از روش کامپیوتر بودند.

چرا طراحی وب ریسپانسیو پدید آمد؟
یعنی شما هنگام عمل با کامپیوتر و هنگامی که از روش مودم (Modem) ، به کانال وب وصل می شدید، از روش قابل انعطاف افزارهای "مرورگر" (web browser) می توانستید به سایت های اینترنتی و تجهیزات آن‌ها دسترسی داشته باشید. در آن فرصت دسترسی به کانال وب صرفا از روش کامپیوتر قابلیت پذیر بود. البته به گذر زمان مجال و عرضه تلفن همراه های جدیدتر و توسعه یافته خیس و همینطور ورود طاقت فرسا افزارها و دستگاه های جدیدی مانند "تبلت" (Tablet) به بازارها، به ندرت اکثری از عموم از آنان استعمال و خوشبختانه این ابزارها به گذر زمان تکنولوژی های بکار رفته در آن ها قویتر و خوب شد تا جایی که شما از روش آن‌ها می توانستید سوای نیاز به به کار گیری از کامپیوتر و لپ تاپ، به وب و تارنما ها، دسترسی داشته باشید.
ولی مشکلی در‌این در بین وجود داشت، آن معادل فریم تارنما ها بود. بطور سنتی، تکنیک ها و طریق های ساخت وب سایت از دهه 1990 فقط برای اکران آن‌ها بر روی شیت مانیتور کامپیوترها بود. البته به گذر زمان فرصت که قابلیت دیدن اینترنت سایتها از روش تبلت و تلفن همراه هم آماده شد، موقعیت عوض شد و با اعتنا به اینکه ارتفاع و پهنا شیت اکران این وسایل از خصوصیات ارتفاع و پهنا مانیتور لپ تاپ و کامپیوتر بسیار کمتر میباشد، برای اینکه بتوان یک وبسایت را براحتی در آن ها روئت کرد می بایست ساخت سایت برای این دستگاه ها هم شکل بگیرد.

آزمایش ریسپانسیو بودن وبسایت به چه شکل اعمال می‌گردد؟
بدین ادله طریق های ساخت وب سایت ریسپانسیو استاندارد گردیده و آن گاه عرضه شدند تا طراحان اینترنت بتوانند به شایسته ترین نحو ممکن پیاده سازی برای این دستگاه ها و گجت ها هم اعمال بدهند. بدین ترتیب یک سایت، یک توشه پیاده سازی میشود البته شما براحتی میتوانید آنرا هم طولانی روی لپ تاپ، تبلت، گوشی و یا این که بقیه گجت ها، مشاهده کنید و دیدنی اینجاست که بر روی هریک از آن‌ها، هم متناسب با سایز کاغذ اکران آن دستگاه به اکران در می‌آید.

برای اینکه بدانید تارنما شما ریسپانسیو میباشد یا این که به معنای دیگر در هر اندازه شیت اکران به صحت نشان داده می شود میتوانید نوشته‌ی علمی آزمایش ریسپانسیو بودن وبسایت را تحقیق نمائید.درضمن قابل ذکر میباشد ریسپانسیو بودن تارنما با تلفن همراه دوست بودن وب سایت - Mobile Friendly - متعدد میباشد

بهتر تا اینجا فهمیدیم که شرایط ریسپانسیو چیست اما بد وجود ندارد در مورد تاریخچه آن هم بدانید:

تاریخچه طراحی وب سایت ریسپانسیو:
گفته میگردد اولیه اینترنت سایتی که به طور ریسپانسیو پیاده سازی گردیده و بر روی اینترنت رفت، وب سایت کمپانی خودروسازی آئودی آلمان بود Audi.com که در اواخر سال 2001 ، بوسیله کمپانی Razorfish پیاده سازی و مهیا شد. در آن فرصت پیاده سازی این وبسایت به نحوی اعمال شد تا در هریک از وضعیت های اکران به وسیله مرورگرهای مشهور و پر استفاده آن مجال مانند وب اکسپلورر و یا این که نت اسکیپ، متناسب با آن از روی Server ، موقعیت پیاده سازی گردیده به اکران نهاده خواهد شد.

طی دهه سالهای 2000 میلادی به گذر زمان استانداردها و اصطلاحات رایج ریسپانسیو مانند "flexible" ، "liquid" ، "fluid" ، "elastic" به ندرت گزینه به کارگیری قرار گرفتند و از طرف دیگر با ورود تکنیک های Media query در استاندارد CSS3 در سالهای 2008 و 2009 او‌لین گامهای دور از شوخی برای ریسپانسیو شدن تارنما ها در سرتاسر عالم برداشته شد.
بعد از آن برای اول توشه عبارت "ساخت وب سایت رسپانسیو" (responsive web design) به وسیله "Ethan Marcotte" در نوشته‌علمی ای در سال 2010 ، بکار دریافت شد. در نوشته‌ی علمی فوق از این اصطلاح جهت اکران برخی از المان های اساسی وبسایت استعمال شد.برای مثال مرتبط با ظواهر اینترنت (Layout) در‌این‌صورت‌ مشتمل بر media query ها و عکس های انعطاف پذیر در سایزهای گوناگون اکران (flexible images) و اکران گریدها بصورت پهناور (fluid grid). او درسال 2011 کتابی پایین همین تیتر نوشت که بسیار مشهور شد و گزینه اعتنا کارشناسان و طراحان اینترنت قرار گرفت.
به ندرت پیاده سازی ریسپانسیو آنقدر پیشرفت پیدا کرد که در سال 2013 ، از طرف سایت پر اسم و رسم "Mashable " امسال تحت عنوان "سال طراحی وب سایت ریسپانسیو" (the Year of Responsive Web Design) کنیه گرفت.

شاید کلمه و واژه ساخت وب سایت ریسپانسیو (Responsive web design) را شنیده باشید و مسلما میخواهید بدانید معنای آن چیست؟ به عبارت دیگر ریسپانسیو بودن یک تارنما یا این که به عبارتی "واکنشگرا بودن" یعنی چه؟ همانگونه که میدانید استانداردهای طراحی وب های اینترنتی هر یکسری طراحی سایت سال یکبار آپ دیت می شوند و تکنیک ها و طریق های جدیدی ارائه می گردند که هر یک به نوعی به دنیای طراحی وب سایت یاری شایانی می نمایند. تارنما های اینترنتی از اوایل دهه 1990 که پیاده سازی و برای استعمال جهانی در مشت عموم قرار گرفتند، در بالا فقط برای چشم شدن از روش کامپیوتر بودند.

چرا طراحی وب ریسپانسیو پدید آمد؟
یعنی شما هنگام عمل با کامپیوتر و هنگامی که از روش مودم (Modem) ، به کانال وب وصل می شدید، از روش قابل انعطاف افزارهای "مرورگر" (web browser) می توانستید به سایت های اینترنتی و تجهیزات آن‌ها دسترسی داشته باشید. در آن فرصت دسترسی به کانال وب صرفا از روش کامپیوتر قابلیت پذیر بود. البته به گذر زمان مجال و عرضه تلفن همراه های جدیدتر و توسعه یافته خیس و همینطور ورود طاقت فرسا افزارها و دستگاه های جدیدی مانند "تبلت" (Tablet) به بازارها، به ندرت اکثری از عموم از آنان استعمال و خوشبختانه این ابزارها به گذر زمان تکنولوژی های بکار رفته در آن ها قویتر و خوب شد تا جایی که شما از روش آن‌ها می توانستید سوای نیاز به به کار گیری از کامپیوتر و لپ تاپ، به وب و تارنما ها، دسترسی داشته باشید.
ولی مشکلی در‌این در بین وجود داشت، آن معادل فریم تارنما ها بود. بطور سنتی، تکنیک ها و طریق های ساخت وب سایت از دهه 1990 فقط برای اکران آن‌ها بر روی شیت مانیتور کامپیوترها بود. البته به گذر زمان فرصت که قابلیت دیدن اینترنت سایتها از روش تبلت و تلفن همراه هم آماده شد، موقعیت عوض شد و با اعتنا به اینکه ارتفاع و پهنا شیت اکران این وسایل از خصوصیات ارتفاع و پهنا مانیتور لپ تاپ و کامپیوتر بسیار کمتر میباشد، برای اینکه بتوان یک وبسایت را براحتی در آن ها روئت کرد می بایست ساخت سایت برای این دستگاه ها هم شکل بگیرد.

آزمایش ریسپانسیو بودن وبسایت به چه شکل اعمال می‌گردد؟
بدین ادله طریق های ساخت وب سایت ریسپانسیو استاندارد گردیده و آن گاه عرضه شدند تا طراحان اینترنت بتوانند به شایسته ترین نحو ممکن پیاده سازی برای این دستگاه ها و گجت ها هم اعمال بدهند. بدین ترتیب یک سایت، یک توشه پیاده سازی میشود البته شما براحتی میتوانید آنرا هم طولانی روی لپ تاپ، تبلت، گوشی و یا این که بقیه گجت ها، مشاهده کنید و دیدنی اینجاست که بر روی هریک از آن‌ها، هم متناسب با سایز کاغذ اکران آن دستگاه به اکران در می‌آید.

برای اینکه بدانید تارنما شما ریسپانسیو میباشد یا این که به معنای دیگر در هر اندازه شیت اکران به صحت نشان داده می شود میتوانید نوشته‌ی علمی آزمایش ریسپانسیو بودن وبسایت را تحقیق نمائید.درضمن قابل ذکر میباشد ریسپانسیو بودن تارنما با تلفن همراه دوست بودن وب سایت - Mobile Friendly - متعدد میباشد

بهتر تا اینجا فهمیدیم که شرایط ریسپانسیو چیست اما بد وجود ندارد در مورد تاریخچه آن هم بدانید:

تاریخچه طراحی وب سایت ریسپانسیو:
گفته میگردد اولیه اینترنت سایتی که به طور ریسپانسیو پیاده سازی گردیده و بر روی اینترنت رفت، وب سایت کمپانی خودروسازی آئودی آلمان بود Audi.com که در اواخر سال 2001 ، بوسیله کمپانی Razorfish پیاده سازی و مهیا شد. در آن فرصت پیاده سازی این وبسایت به نحوی اعمال شد تا در هریک از وضعیت های اکران به وسیله مرورگرهای مشهور و پر استفاده آن مجال مانند وب اکسپلورر و یا این که نت اسکیپ، متناسب با آن از روی Server ، موقعیت پیاده سازی گردیده به اکران نهاده خواهد شد.

طی دهه سالهای 2000 میلادی به گذر زمان استانداردها و اصطلاحات رایج ریسپانسیو مانند "flexible" ، "liquid" ، "fluid" ، "elastic" به ندرت گزینه به کارگیری قرار گرفتند و از طرف دیگر با ورود تکنیک های Media query در استاندارد CSS3 در سالهای 2008 و 2009 او‌لین گامهای دور از شوخی برای ریسپانسیو شدن تارنما ها در سرتاسر عالم برداشته شد.
بعد از آن برای اول توشه عبارت "ساخت وب سایت رسپانسیو" (responsive web design) به وسیله "Ethan Marcotte" در نوشته‌علمی ای در سال 2010 ، بکار دریافت شد. در نوشته‌ی علمی فوق از این اصطلاح جهت اکران برخی از المان های اساسی وبسایت استعمال شد.برای مثال مرتبط با ظواهر اینترنت (Layout) در‌این‌صورت‌ مشتمل بر media query ها و عکس های انعطاف پذیر در سایزهای گوناگون اکران (flexible images) و اکران گریدها بصورت پهناور (fluid grid). او درسال 2011 کتابی پایین همین تیتر نوشت که بسیار مشهور شد و گزینه اعتنا کارشناسان و طراحان اینترنت قرار گرفت.
به ندرت پیاده سازی ریسپانسیو آنقدر پیشرفت پیدا کرد که در سال 2013 ، از طرف سایت پر اسم و رسم "Mashable " امسال تحت عنوان "سال طراحی وب سایت ریسپانسیو" (the Year of Responsive Web Design) کنیه گرفت.