آموزش تصویری افزونه های کروم برای طراحی سایت

آموزش تصویری افزونه های کروم برای طراحی سایت: امروزه با گسترش هرچه بیشتر طراحی سایت و وب سایت های موفق در اینترنت. هر شخصی در هر حوزه ی کاری به این نتیجه می رسد که نیاز است برای کسب و کار خود وب سایتی داشته باشد. در این راستا ابزارهای متعددی در اختیار مدیران وب سایت ها قرار گرفته تا هر چه بهتر بتوانند مدیریت وب سایت خود را بر عهده داشته باشند. در این مقاله سعی بر آن شده است تا شما را با تعدادی از پرکاربردترین این ابزارها آشنا نماییم. و روش فعال نمودن افزونه های کروم برای طراحی سایت را به طور تصویری به شما آموزش دهیم.

آموزش افزونه های مفید طراحی سایت کروم

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

آموزش تصویری نصب افزونه ی خط کش در کروم

ابزاری در کروم موجود است که با این ابزار وب مستران می توانند به راحتی از ابعاد کادرها و تصاویری که در وب سایتشان موجود است اطلاع حاصل نمایند. با اطلاع از ابعاد کادر تصاویر می توانید بهترین نمایش را برای تصاویر وب سایتتان داشته باشید. برای نصب این افزونه و استفاده از ابزار خط کش در مرورگر کروم بدین صورت عمل نمایید:

 

ابتدا در صفحه ی مرورگر کروم علامت سه نقطه یا تنظیمات را کلیک نمایید. از زیرمنو یا ساب منویی که در مقابل تنظیمات مشاهده می نمایید گزینه ی More Tools را کلیک نموده. از ساب منویی که مشاهده می نمایید بر روی گزینه ی Extensions کلیک نمایید.

آموزش افزونه های مفید طراحی سایت کروم

در صفحه ی Extensions افزونه هایی که در مرورگر کروم خود نصب نموده اید را مشاهده می نمایید. در این صفحه می توانید افزونه های نصب شده را مدیریت نمایید فعال یا غیرفعال نمایید یا به کل حذف نمایید. بر روی عبارت Get More extensions کلیک نمایید تا افزونه های دیگری را بتوانید نصب نمایید.

آموزش افزونه های مفید طراحی سایت کرومجستجوی افزونه های کروم

در صفحه ای که مقابلتان نمایش داده می شود می توانید افزونه های پیشنهادی کروم را مشاهده نمایید یا افزونه های دیگری را جستجو نمایید. به عنوان مثال برای یافتن افزونه ای برای دریافتن ابعاد کلمه ی Ruler را جستجو نمایید.

آموزش افزونه های مفید طراحی سایت کروم

پس از این مرحله در صفحه ای به ترتیب نتایج را می توانید مشاهده نمایید. به عنوان مثال اولین افزونه که در این تصویر مشاهده می نمایید افزونه ی مناسبی است. بر روی Add To Chrome کلیک نمایید تا این افزونه به لیست افزونه هایی که در کروم خود نصب نموده اید اضافه شود. زمانی که دانلود کامل این افزونه را در کادر پایین سمت چپ مرورگر خود مشاهده نمودید بر روی آن کلیک نمایید تا به لیست افزونه های کروم شما اضافه شود.

آموزش افزونه های مفید طراحی سایت کروم

در این مرحله افزونه ی Page Ruler در مرورگر کروم شما نصب شده است. بر روی آن کلیک نمایید و در صفحه ی وب سایت خود در محلی که مد نظردارید Drag نمایید. با این عمل یک مستطیل یا مربع از صفحه ی شما انتخاب می شود که ابعاد آن را در باکس های height و width می توانید مشاهده نمایید.

آموزش نصب افزونه های مفید برای طراحی سایت

با همین ترتیب و روال کار می توانید بسیاری افزونه های دیگر را نیز نصب نمایید. به عنوان مثال افزونه ی Fire Shot افزونه ی بسیار پر طرفداری برای گرفتن اسکرین شات های کامل از وب سایت است. این افزونه امکانات فراوانی را در اختیار شما قرار می دهد.

افزونه ای که با استفاده از این افزونه می توانید کد رنگی هر بخش از سایتتان یا صفحات اینترنتی دیگر را استخراج نمایید. افزونه ی ColorZilla می باشد که این افزونه، بسیار مفید و پرکاربرد برای طراحان گرافیک است.

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



آموزش تصویری افزونه های کروم برای طراحی سایت

hadi sharifi ۰ ۰
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
طراحی سایت ، بهینه سازی سایت و طراحی وب سایت
طراح قالب : عرفـــ ـــان قدرت گرفته از بلاگ بیان