ساخت سایت ریسپانسیو (Responsive) که همینطور به طراحی وب برخوردگرا نیز دارای اسم و رسم میباشد به اینترنتسایتی می گویند که پیاده سازی آن بهسیرتکاملای باشد که در کلیه دیوایسها (Device) و سایزهای گوناگون شیت اکران درحد قابلقبولی، وب سایت را به اکران بگذارد تا استفاده کنندهِ بازدیدکننده اینترنتوب سایت طراحی سایت در مشهد بتواند از حداکثر تجهیزات جان دار در وب سایت به کارگیری کند. این مسئه تماما بهنوع ساخت وب سایت بر می شود و طراح اینترنتوبسایت بایستی با پیش بینی این مسائل، یک اینترنتوب سایت مطلوب را پیاده سازی نماید.
پیشنهاد می کنیم مطلقا پادکست پایین را گوش دهید تا با بعضی از مزایای طراحی وب سایت ریسپانسیو آشنا گردید.
اینترنتوبسایت پر اسم و رسم W3schools ساخت وب سایت ریسپانسیو یا این که پیاده سازی برخوردگرا را این سیرتکامل تعریف و تمجید نموده است:
«ساخت سایت ریسپانسیو عملیاتی میباشد که با لهجههای اپنویسی HTML و CSS اعمال میشود تا اجزای کاغذ بصورت خود کار تغییرو تحول سایز، نهفته، خرد یا این که گران قدر شوند تا در همگی دستگاهها بهنیکی چشم شوند (دسکتاپ، تبلت و تلفن همراه).»
در یکسری سال قبلی یوزرها تلفنهای هوشمند و تبلتها انقدر پرورش قابلمراعاتای داشتند که بر طبق با داده های عددیها علامت می دهد بیشتراز هفتاد درصد صفحه های اینترنت از روش دیوایسهای موبایلی گشوده میشوند. هر یکسری کهاین داده های عددی برای استحصالوعملهای متفاوت یه خرده مختلف میباشد بهتیتر نمونه در امر طراحی وب سایت برای کمپانی شاید در قیاس با طراحی وب سایتهای فروشگاهی، این داده های عددی کمتر باشد و مخاطبان وب سایتهایی مثل کمپانی پتروشیمی با دستگاههای سنتی و کامپیوتر دسکتاپ بیشتر از تلفن همراه باشند. ولی به طور کلی معدل را در لحاظ میگیریم و پرنور میباشد که طراحی وب سایت ریسپانسیو عنایت فوقالعاده داراست و روز بهروز بیشتر هم گردد.
اشکال طراحی وب ریسپانسیو (Responsive) یا این که برخوردگرا
در پیشین کلیه دستگاهها سایز صفحه های اکران مشابهی داشتند و نیازی برای مباحث ساخت سایت ریسپانسیو خلا ولی رفتهرفته که تلفنهای همدم بهصحنه آمدند، در برگه اکران کوچکشان بازدهی قابل قبولی نداشتند و یوزرها بدون چاره به غلو میشدند و در موقعیت صد در صد، همگیچیز ریز و خرد بود و بهرنج میتوانستند اینترنتگردی نمایند.
معدودنادر طراحان تارنما بهاندیشه افتاند که ظاهری متعدد برای گوشیها پیاده سازی نمایند و ساخت سایت را در دو ورژن جداازهم اعمال بدهند. این طرز نیز معایبی داشت که از کلیه اساسیخیس وسعت شغل ساخت سایت را در حدوددو موازی میکرد.
پس در لحاظ داشته باشید که طراحی وب موبایلی با طراحی وب عکس العملگرا متعدد میباشد. در طراحی وب سایت منحصر به فرد گوشی، وبسایت بهصورتی پیاده سازی میگردد که هنگامی در گوشی یا این که تلفنهای هوشمند وبسایت را گشوده کردید به طور کامل پیاده سازی متفاوتی را داشته باشید. دراین طریق حتی میتواند به طور کامل پیاده سازی ویژه گوشی با طراحی وب ویژه دسکتاپ متعدد باشد و هر مورد از المانها و دکورا سیون متفاوتی بهره مند باشند.
البته در پیاده سازی ریسپانسیو به عبارتی پیاده سازی را خواهیم داشت در حدی که دکوراسیون آنها متعدد باشد، ممکن میباشد بعضا از موادسازنده در تلفن همراه بدون نقص پنهان باشد و در ورقه قابلمشاهده نباشند. بعضا دیگر به عنوان مثال بهشکل تحت هم اکران داده شوند که در ورژن دسکتاپ در کنار هم قرار داشتهاند و موردها دیگری مانند رنگها و تصاویر هم می توانند در شیتهای متعدد تفکیک شوند و گوناگون باشند.
طراحی وب ریسپانسیو
مدام درپی نیاز یوزرها، روالهای جدیدی برای راحتی بیشتر ساختوساز می شود. این زمینه هم برای تولیدکنندگان و هم برای مصرفکنندگان دربرگیرنده می شود. اینجا بود که طراحی وب سایت برخوردگرا یا این که ریسپانسیو در ادامه این ایرادات مطرح شد. بهصورتی که ساخت وب سایت صرفا یکبار اجرا می شود اما بهسیرتکاملای که با استعمال از به عبارتی پیاده سازی نخستین تارنما برای سایزهای متفاوت ورقه اکران استعمال می گردد بهشکلی که برای مثال گزینههای جان دار در اینترنتوبسایت، در یک ورقه اکران با پهنا تصویر بیشتر از ۸۰۰ پیکسل بهسیرتکاملای بهاکران گذارده خواهد شد که مبتنی بر با آن سایز شایسته ترین تصویر و تلاش را مهیا کند.
همین نمایش میتواند برای شیت اکرانهایی با پهنا بیشتر از 400 پیکسل نیز پیاده سازی شود. دراینصورت در بین سایزهای 400 تا 800 پیکسل، وب سایت بهشکل موردنظر طراح بهاکران گذارده میشود و فراتر از 800 پیکسل نیز جور دیگری تارنما مشاهده می گردد. برای کلیه سایزها میبایست این پیشبینیها صورت بپذیرد و گام به گام کدهای مربوطه نوشته خواهد شد و بهاصطلاح طریق اکران را برای سایزهای متعدد محصور کرد.
در شرایطیکه مخاطب یک سایتی بسیار خاص باشد، کمپانی طراحی وب سایت میتواند برای اکثری از صفحه ها متعدد این پیاده سازی را متناسب نماید و بر روی تکتک دیوایسها تهیه کند، حتی با اختلافهای خرد. برای مثال هر 100 پیکسل که شیت بزرگتر گردد یک پیشبینی در حیث گرفته خواهد شد تا نهایتا برای مانیتورهای رزولوشن (Resolution) بالا مانند 1920 پیکسل پیکربندی اجرا خواهد شد و اپنویسی گردد.

عنصرها تقویت کننده بهینه سازی