آموزش طراحی وب

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

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

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

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

مخاطبان اصلی این کتاب افراد مبتدی و در سطح میانه هستند که با مباحث HTML/CSS آشنا بوده و می خواهند مهارت های طراحی وب خود را بهبود بخشیده و به صورت عملی با بخشی از این صنعت پویا و جذاب آشنا شوند. برای مطالعه این کتاب نیاز به نصب نرم افزار فوتوشاپ و همچنین یک ویراستار کد (Code Editor) دارید. پیشنهاد من در مورد ویراستار، نرم افزار رایگان و محبوب ++Notepad است.

حق نشر (Copyright)

این اثر بر اساس مجوز Creative Commons Attributions-Noncommercial-ShareAlike منتشر شده و این مجوز به این معناست که مادامیکه  قصد فروش این اثر به دیگران را نداشته باشید مجاز به انجام هر گونه تغییر و افزودن محتوا به آن هستید و می توانید آن را با دیگران به اشتراک بگذارید.

دانلود کتاب

جهت دانلود کتاب با کیفیت اصلی از سرور اصلی کلیک کنید

جهت دانلود کتاب با کیفیت تصاویر پایین تر و حجم کمتر از سرویس اصلی کلیک کنید
جهت دانلود کتاب از سرور کمکی کلیک کنید

سایر کتاب های رایگان منتشر شده

کتاب راهنمای برپاسازی وردپرس چندکاربره به زبان فارسی
دانلود کتاب رایگان امنیت وردپرس به زبان فارسی
دانلود مرجع کامل برنامه MMB به زبان فارسی
دانلود راهنمای استفاده از وردپرس

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

می خواهم یک طراح وب حرفه ای شوم! – شماره 14

در سری چهاردهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “طراحی هر چه بهتر به منظور افزایش بازدهی”  راهکاری جالب توجه برای فروش هر چه بهتر و جلب نظر بیشتر بازدید کننده سایت رویکردی متفاوت و کارا با عنوان AIDA مورد بررسی قرار گرفته است.

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

(اگر ویدئو از طریق خوراک سایت قابل مشاهده نبود، لطفا با وارد شدن به وبلاگ آن را مشاهده نمایید.)

[vimeo http://www.vimeo.com/15207054]

آموزش های قبلی:
می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10
می خواهم یک طراح وب حرفه ای شوم! – شماره 11
می خواهم یک طراح وب حرفه ای شوم! – شماره 12
می خواهم یک طراح وب حرفه ای شوم! – شماره 13

می خواهم یک طراح وب حرفه ای شوم! – شماره 14 بیشتر بخوانید »

می خواهم یک طراح وب حرفه ای شوم! – شماره 13

در سری سیزدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “بهینه سازی سایت ها”  راهکارهایی برای بهینه سازی هر چه بهتر به اختصار مورد بررسی قرار گرفته اند:


– بهره گیری از تصاویر با ابعاد صحیح و مناسب
– سرورهای انتشار محتوا (Content Delivery Network)
– کاستن از حجم فایل های CSS و JavaScript
– موقعیت بهینه برای درج فایل های CSS و JavaScript
– استفاده از فایل های CSS و JavaScript خارجی (External)
– اعتبارسنجی (Validate) قالب سایت
– انتخاب صحیح نوع فایل(Document Type (x)HTML)
– بهینه سازی برای موتورهای جستجو (SEO)


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

(اگر ویدئو از طریق خوراک سایت قابل مشاهده نبود، لطفا با وارد شدن به وبلاگ آن را مشاهده نمایید.)


[vimeo http://www.vimeo.com/14846209]

آموزش های قبلی:
می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10
می خواهم یک طراح وب حرفه ای شوم! – شماره 11
می خواهم یک طراح وب حرفه ای شوم! – شماره 12

می خواهم یک طراح وب حرفه ای شوم! – شماره 13 بیشتر بخوانید »

می خواهم یک طراح وب حرفه ای شوم! – شماره 12

در سری دوازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب”  که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

– اصل موسوم به TETO
نظریه استیو کروگ (Steve Krug)
– فرآیند تست متوالی و پی در پی
– قانون وین برگ (Weinberg)

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

(اگر ویدئو از طریق خوراک سایت قابل مشاهده نبود، لطفا با وارد شدن به وبلاگ آن را مشاهده نمایید.)

[vimeo http://vimeo.com/14736715]

آموزش های قبلی:

می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10
می خواهم یک طراح وب حرفه ای شوم! – شماره 11

می خواهم یک طراح وب حرفه ای شوم! – شماره 12 بیشتر بخوانید »

می خواهم یک طراح وب حرفه ای شوم! – شماره 11

در سری یازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب”  که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

– Usability یا قابلیت استفاده چیست؟
استفاده از هر چیز در جای خودش
– فرایند جستجوی ساده
– پیوند (Link) های استاندارد
– نهایت سادگی در فرم های ثبت نام
– دوری جستن از صفحات موسوم به Splash
– عدم تغییر اندازه پنجره مرورگر کاربر
– حذف پیوندهای شکسته (Broken Link)
– پیش بینی عدم وجود (JavaScript)
– لزوم در دست داشتن کنترل از جانب کاربر سایت
– عدم بهره گیری از فونت ها در اندازه های ریز
– نوار پیمایش ( Navigation)
– اصل 2+ 7
– قانون دو ثانیه
– قانون کلیک
– اصل 80/20 ( Pareto Principle )
– قوانین طلایی هشت گانه در طراحی وب
– قانون فیت (Fitts Law)
– اصل هرم معکوس
– نقشه سایت
– راهنمای استفاده
– زمینه سازی اعتماد هر چه بیشتر

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

(اگر ویدئو از طریق خوراک سایت قابل مشاهده نبود، لطفا با وارد شدن به وبلاگ آن را مشاهده نمایید.)

[vimeo http://www.vimeo.com/14693191]

آموزش های قبلی:

می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10

می خواهم یک طراح وب حرفه ای شوم! – شماره 11 بیشتر بخوانید »