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

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

با سلام و عرض خوش آمدگویی خدمت شما دوستان عزیز و مشتقان طراحی وب

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

احتمالا بسیاری از شما نام برنامه هایی چون دریم ویور (DreamWeaver) و مشابه اینها رو قبلاً شنیده اید. ما فعلا به این مدل برنامه ها کاری نداریم. زیرا هدف و روش آموزش ما به گونه ای است که شما حتی با استفاده از یک نوت پد ساده هم بتوانید طراحی خلاقانه ایجاد کنید.!!

مواد لازم برای شروع کار طراحی وب :

۱- Notapad2 —— دانلود از سایت اصلی Notepad 2 32bit NotePad 2 64bit

     توضیح نصب: جهت سهولت بیشتر بعد از نصب برنامه آنرا اجرا و از مسیر منوی view>default font فونت برنامه را روی tahoma قرار دهید.

۲- افزونه firebug برای مرورگر فایرفاکس – دانلود از سایت اصلی Firebug addon

     توضیح نصب: در صفحه افزونه بر روی دکمه سبز Add to firefox کلیک کنید تا بعد از چند دقیقه دانلود شود سپس روی install کلیک کرده تا زمان دریافت پیام موفقیت نصب صبر کنید. این پیام در بالای مرورگر ظاهر میشود. سپس حتماً یکبار مرورگر بسته و دوباره اجرا کنید. هم اکنون یک آیکون حشره در سمت راست مرورگر در نوارابزار مشاهده خواهید کرد. این افزونه یک دستیار همیشگی خواهد بود.

۳- افزونه Rainbow ّرای مرورگر فایرفاکس – دانلود از سایت اصلی Rainbow addon

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

۳- نرم افزار photoshop دریافت از سایت سافت ۹۸ Adobe Photoshop CC

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

تا بدینجا این موارد جزء ابزارهای صروری ما هستند. البته جایگزینهایی نیز دارند بعنوان مثال بجای notepad2 میتوانید از برنامه notepad++ نیز استفاده کنید. یا بجای فتوشاپ میتوانید از نرم افزار Photoimpact نیز بهره ببرید. در کلیات قضیه فرق چندانی با هم ندارند.

در جلسات بعدی ممکن است که نرم افزارهای دیگری هم نیاز باشد که در همین پست اضافه خواهد شد، ولی برای شروع همین چهار مورد کفایت میکند.

این پست به مرور زمان به روز میگردد.

بهنام رحیمی نژاد

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

پاسخی بگذارید

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

کد امنیتی * Time limit is exhausted. Please reload the CAPTCHA.

دکمه بازگشت به بالا
بستن
بستن

Adblock رو غیر فعال کنید

بخشی از درآمد سایت با تبلیغات تامین می شود لطفا با غیر فعال کردن ad blocker از ما حمایت کنید