تلفن تماس : 09146674080
تلفن تماس : 5595289-0413
Facebook
Twitter
Google+
LinkedIn
YouTube
Instagram
Pinterest
Tumblr
RSS
  • خانه
  • طراحی سایت
  • بازاریابی اینترنتی
  • ثبت نام کلاس های آموزشی
    • آموزش زبان سی شارپ (#C)
    • کلاس آموزش ASP.NET MVC
    • کلاس آموزش طراحی سایت در تبریز
    • کلاس آموزش بهینه سازی سایت در تبریز
    • کلاس آموزش فتوشاپ در تبریز
  • سئو سایت
  • تماس با ما
    • درباره ما
    • همکاری با ما
    • اخبار شرکت طراحان وب تبریز
    • قوانین سایت

برش طرح ( برش دادن تصاویر برای استفاده در کد ها و صفحات وب )

مارس 20, 2017datacss.irمقالات, مقاله بازاریابی اینترنتی, مقاله بهینه سازی سایت, مقاله طراحی سایتبدون پیغام
برش طرح ( برش دادن تصاویر برای استفاده در کد ها و صفحات وب )Reviewed by Datacss.ir on Mar 20Rating:

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

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

مرحله سیزدهم – ابزار برش :

در این مرحله می توان از ابزار Slice و Crop برای برش دادن تصاویر استفاده کرد و نوع برش تصاویر بسیار مهم است.

Header

Footer

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

Button

مرحله چهاردهم – ذخیره تصاویر برای وب سایت :

با استفاده از Save For Web برش ها را طبق تصویر ذخیره می کنیم .معمولاً از فرمت Png 24 برای ذخیره تصاویر استفاده می کنیم.

پس از تنظیمات و انتخاب محل ذخیره سازی تصاویر آنها را ذخیره کنید. “images only”, “default settings”, and “selected slices only.”

آیکون ها و لوگو نیز طبق تصاویر زیر و با استفاده از روش مشابه به صورت مجزا ذخیره می شوند.برای ذخیره سازی و برش لوگو و آیکون ها بقیه اجزاء در طرح فتوشاپی غیر فعال شده اند و طبق تصاویر Background به صورت Transparent در آمده است. استفاده از فرمت png با پس زمینه Transparent مشکلات و مزایای مختلفی دارد.این تصاویر در Browser های FireFox به صورت Transparent نمایش داده می شوند و اما در IE نمایش آنها با مشکلاتی همراه است که البته با استفاده از چند Script قابل حل است .

مرحله پانزدهم – نامگذاری :

تصاویر اضافی حذف می شوند و نامهای مناسبی برای قطعات برش داده شده انتخاب می شوند. انتخاب نامهای مناسب در راحتی و استاندارد کار شما بسیار تاثیر گذار هستند……..

برچسب: برش طرح ( برش دادن تصاویر برای استفاده در کد ها و صفحات وب )

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

web
web
web
web

سایر مقالات مرتبط :

  • روانشناسی رنگ و اهمیت آن در طراحی
  • تکنیک های مدرن و پیشرفته CSS
  • شایع ترین مشکلات در توسعه نرم افزارها
  • بهترین افزونه های کروم برای وردپرس
  • روش حذف یکجای پست های وردپرس
  • طراحی سایت در قره آغاج
  • طراحی سایت در اسکو
  • طراحی سایت در شبستر
  • طراحی سایت در کلیبر
  • طراحی سایت در هریس
  • طراحی سایت در ورزقان
  • طراحی سایت در بستان آباد
  • طراحی سایت در هوراند
  • طراحی سایت در خمارلو
  • طراحی سایت در هشترود
  • طراحی سایت در هادیشهر
  • طراحی سایت در اهر
  • طراحی سایت در مرند
  • طراحی سایت بناب
  • طراحی سایت در سراب
  • طراحی سایت در میانه
  • طراحی سایت در ملکان
  • طراحی سایت در عجب شیر
  • طراحی سایت در آذرشهر
  • طراحی سایت در مراغه

☫ طراحان وب تبریز ☘

نشانی  : تبریز . چهار راه منصور . برج ابریشم . شرکت طراحان وب تبریز

تلفن تماس : 09146674080

تلفن تماس (تبریز) : 35595289

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