وقتی می خواهیم تصویر را Save for Web کنیم، همیشه در نظر گرفتن کیفیت و اندازه تصویر برای بالا بردن وضوح هنگام دیده شدن آن اهمیت زیادی دارد. در این آموزش به شما نشان داده خواهد شد، چه چیزی برای ذخیره کردن تصویر برای وب نیاز دارید.
 
امروزه احتمالا اینترنت یکی ازبزرگترین رسانه برای نمایش کارهای هنری، گرافیکی و عکس ها است که این امر باعث شده تا داشتن اطلاعات کافی برای ذخیره کردن  تصاویر برای وب، به امری مهم و لازم تبدیل شود.
اساسا، ذخیره کردن برای وب یک متعادل سازی است- شما باید کیفیت و اندازه یک رسانه را به حد تعادل برسانید تا قابلیت لازم برای ذخیره سازی را داشته باشد و نیز با نیاز های شما نیز مطابقت داشته باشد.   

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


داده های صرفه جو در برابر داده های پر اتلاف

اگر چه فرمت های متعددی برای تصاویر وجود دارد (JPEG, GIF, PNG ،...)، تصاویر را می توان به دو دسته داده های صرفه جو و پراتلاف طبقه بندی کرد. داده های صرفه جو به رسانه این امکان را می دهد تا بدون از دست دادن و یا تلف کردن اطلاعات و یا کیفیتشان نمایش داده شوند. اما داده های پرتلاف ممکن است کیفیت و اطلاعاتشان را از دست بدهند.

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


چگونه در فتوشاپ Save for Web کنیم

Adobe Photoshop یک راه مناسب برای بهینه سازی تصاویر برای ذخیره کردن برای وب را داراست. در فتوشاپ، به مسیر  File > Save For Web بروید و یا از کلیدهای میانبر Ctrl + Alt + Shift + S استفاده نمایید.
یک پنجره جدید باز خواهد شد که شامل همه تنظیمات برای ذخیره سازی و بهینه سازی یک تصویر برای وب می شود:

ما روش استفاده از این پنجره را با یک مثال به شما نشان می دهیم:

فیلترها برای تغییر ظاهر یا منظر تصاویر، لایه ها یا نواحی انتخاب شده در فتوشاپ بکار می رود. در این آموزش تعدادی از فیلترهای متداول به شما معرفی  و نشان داده می شود که چگونه از می توانید از آنها استفاده کنید.

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


انتخاب فیلترها از Filter Gallery

Filter Gallery در فتوشاپ اساسا یک منبع قابل توجه در فتوشاپ برای کار با فیلترها است در سند شماست. در Filter Gallery، شما می توانید تعداد زیادی فیلتر مشاهده کرده و یکی از آنها را انتخاب و روی تصویر اعمال کنید یا آنها را روی هم قرار دهید مانند لایه ها. با رفتن به Filter > Filter Gallery شما می توانید پنجره Filter Gallery را ببینید.

اینجا یک تصویر از Filter Gallery نمایش داده شده است:

 در فتوشاپ می توان افکت هایی به لایه ها اضافه نمود که به طور خودکار تغییراتی در لایه ایجاد می کنند. ترکیب افکت ها روی هر لایه Layer Style یا حالت لایه نامیده می شود. در این درس به شما آموزش داده می شود چگونه از آنها استفاده کنید و layer style های مورد نظر خود را روی تصویر اعمال کنید.


Layer Style چیست؟

نکته: اگر سعی در پیدا کردن راه ها و چگونگی نصب Layer Style ها هستید به آموزش فوق مراجعه کنید. Installing Layer Styles in  Photoshop یا نصب Layer Styles در فتوشاپ. 

Layer Style ها جلوه های ویژه ای هستند که با سرعت و به آسانی می وان آنها را روی لایه ها در فتوشاپ اعمال کرد تا به طور قابل ملاحظه ای ظاهر هر چیز را در کمترین زمان تغییر دهد. آنها یا به طور از قبل تنظیم شده، یا به صورت Layer Style های دست ساز وجود دارند که کاربر آنها را ایجاد و برای استفاده های بعدی خود ذخیره نموده است.  
یکی از خصوصیات مفید Layer Style ها این است که رابطه نزدیکی با محتوای لایه (layer contents) دارد. از آنجایی که style در اصل یک موجودیت یا خصیصه مجزاست که فقط با لایه ارتباط پیدا می کند، به طور پی در پی خود را با تغییرات محتوا یعنی هر نوع ویرایش یا انتقالی که در محتوا صورت می گیرد، هماهنگ یا update می کند.بعلاوه، جلوه ها  بعد از اعمال شدن به آسانی می توانند تنظیم و هماهنگ شوند.

متنی که در زیر مشاهده می کنید قبل و بعد از اعمال layer styles را نمایش می دهد 

بخش اول:مقدمات

 

آموزش برنامه نویسی به زبان HTML

 

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

پس با نظرهایتان مارا دراین امر یاری کنید تا بخش پیشرفته هم برای شما آماده شود.

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:
شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.