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

سرفصل ها و درس ها

معرفی Introduction

• خوش آمدی Welcome

1. نکات تایپوگرافی 1. Typography Tips

• ایجاد عناوین وبلاگ به صورت پاپ ، همراه با تایپوگرافی Making blog headlines pop, with typography

• کشف اسرار نقل قول های موثر Exploring the secrets of effective block quotes

• بزرگ رفتن با نوع Going big with type

• جفت شدن قلم ها برای وب Pairing fonts for the web

• سبک کردن پیوندهای وب خود Styling your web links

• بهبود خوانایی قلم Improving font readability

2. نکات تصویرگر 2. Illustrator Tips

• بهبود کارایی طرح خود با خط کش ها ، شبکه ها و راهنماها Improving your layout efficiency with rulers, grids, and guides

• افزودن جلوه های سایه کش Adding killer shadow effects

• ایجاد نوع سفارشی برای آرم ها و گرافیک ها Creating customized type for logos and graphics

• پیکربندی فضای کار برای طراحی وب Configuring the workspace for web design

• صرفه جویی در وقت با استفاده از نمادهای Illustrator Saving time using Illustrator symbols

• قالب بندی متن برای وب Formatting text for the web

• سبک های گرافیکی برای وب Graphic styles for the web

• دو تکنیک بافت فوق العاده Two fantastic texture techniques

• ذن و هنر گوشه های گرد Zen and the art of rounded corners

• صرفه جویی در وقت با استفاده از بسته بندی متن به عنوان بالشتک Saving time using text wrap as padding

3. نکات فتوشاپ 3. Photoshop Tips

• گرفتن اندازه گیری برای سرعت بخشیدن به گردش کار شما Grabbing measurements to speed up your workflow

• ویرایش غیر مخرب با فیلترهای هوشمند Editing nondestructively with Smart Filters

• استفاده از مقیاس بندی آگاه از محتوا برای عکس در وب Using content-aware scaling for photos on the web

• نکات پیشرفته برای نمونه برداری از رنگ ها Advanced tips for sampling colors

• بهترین روش ها برای تغییر اندازه تصویر Best practices for image resizing

• رنگ آمیزی تصاویر با استفاده از یک یا دو تن Tinting images using one or two tones

• ترفندهایی برای سفید شدن سریع دندان ها Tricks for quick teeth whitening

• تعادل رنگ و تن با استفاده از سطح Balancing color and tone using levels

• انتخاب قالب مناسب فایل هنگام بهینه سازی تصاویر وب Choosing the right file format when optimizing web images

• ایجاد GIF های متحرک برای الگوهای رفتاری و تبلیغاتی بنری Creating animated GIFs for memes and banner ads

• کشیدن متن از تصاویر با OCR Pulling the text from images with OCR

• ایجاد تصاویر با اندازه عجیب و غریب در طرح شما Making oddly sized images work in your layout

4. نکات HTML و CSS 4. HTML and CSS Tips

• استفاده از جلوه های قلم گوگل Using Google font effects

• برای وضوح بهتر کد نظر دادن Commenting code for better clarity

• استفاده از فایلهای اصلی CSS برای سرعت بخشیدن به طراحی Utilizing master CSS files to speed up design

• افزودن pizzazz با جلوه های سایه CSS Adding pizzazz with CSS shadow effects

• تلفیق چندین تصویر پس زمینه Incorporating multiple background images

• یک ترفند دو دقیقه ای برای چرخاندن اشیا A two-minute trick for rotating objects

• ایجاد حاشیه های بخیه خورده با CSS Creating stitched borders with CSS

• انداختن در درپوشهای CSS Dropping in CSS drop caps

• کدگذاری کاراکترهای خاص وابسته به نهادها Coding special characters dependably with entities

• گرد کردن تصاویر مربع با استفاده از CSS Rounding square images using CSS

• سفارشی کردن رنگ انتخاب متن با CSS Customizing your text-selection color with CSS

• رنگ آمیزی تصاویر با CSS برای جلوه های جالب شنود Tinting images with CSS for cool hover effects

5. نکات Dreamweaver 5. Dreamweaver Tips

• مدیریت سایت ها برای استفاده از قدرت Dreamweaver Managing sites to harness the power of Dreamweaver

• برای کارآیی بهتر CSS و JavaScript را خارجی کنید Externalizing CSS and JavaScript for better efficiency

• انتشار با استفاده از FTP یکپارچه Dreamweaver Publishing using Dreamweaver's integrated FTP

• تمیز کردن کد اضافی و غیر ضروری Cleaning up redundant and unnecessary code

• برای جستجوی سریع و ویرایش از Find and Replace استفاده کنید Using Find and Replace for rapid search and editing

• تأیید اعتبار کد خود به استانداردهای W3 Validating your code to W3 standards

• با استفاده از Link Checker برای یافتن پیوندهای خراب و یتیمان Using the Link Checker to find broken links and orphans

• قطعه کد ساختمان برای صرفه جویی در وقت Building code snippets to save time

• ایجاد پنجره های بازشو بدون نوشتن JavaScript Creating pop-up windows without writing JavaScript

• پنهان کردن و نمایش عناصر برای ایجاد یک گالری تصاویر ساده Hiding and showing elements to create a simple image gallery

• درک پیوندها و مسیرها برای نوشتن کد بهتر Understanding links and paths to write better code

• نکات برنامه نویسی ارگانیک و اخلاقی SEO Organic and ethical SEO coding tips