ابزارهای اساسی برای طراحی وب

برای شروع به عنوان یک توسعه دهنده وب، نیازی به نرم افزار زیادی ندارید

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

انتخاب متن اصلی یا ویرایشگر HTML

شما می توانید HTML را در یک ویرایشگر متن ساده مانند Notepad در ویندوز 10، TextEdit در Mac یا Vi یا Emacs در لینوکس بنویسید. شما کد HTML را وارد می کنید، سند را به عنوان یک فایل وب ذخیره کنید و آن را در یک مرورگر باز کنید تا مطمئن شوید که به نظر می رسد آن را قرار داده است.

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

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

• IDE Komodo و رابط کاربر پسند آن برای هر دو توسعه دهنده وب و توسعه دهنده مناسب است. قابلیت تکمیل خودکار Komodo IDE به ویژه برای توسعه دهندگان جدید مفید است زیرا می داند چگونه کد را برای عناصر رایج مانند لینک ها بنویسد. این نرم افزار از کدگذاری رنگی انواع مختلف برنامه نویسی مانند HTML، CSS و بسیاری از زبان های برنامه نویسی دیگر پشتیبانی می کند. Komodo IDE نرم افزار متقابل پلت فرم است که در ویندوز، مک و لینوکس اجرا می شود.
• CoffeeCup HTML Editor برای توسعه دهندگان جدید است که علاقه مند به یادگیری کد هستند تا در یک رابط بصری. این ویرایشگر قوی همراه با قالب و دارای چکهای اعتبار سنجی برای حفظ رمز بدون خطا است. این شامل تکمیل کد و پشتیبانی از دیگر زبان های برنامه نویسی شما ممکن است در رابطه با HTML استفاده کنید. مبتدیان آن را هنگامی که نرم افزار خطاهای کد را برجسته می کند، توضیح می دهد که چرا آنها ظاهر شد، و به توسعه دهنده چگونه به آنها تعمیر آنها قدردانی. CoffeeCup HTML Editor در ویندوز اجرا می شود.
• Mobirise یک ویرایشگر HTML برای افرادی است که نمی خواهند با کد درگیر شوند. همه چیز در مورد چیدن یک تم و سپس کشیدن و رها کردن عناصر در صفحه است. متن را مانند آنچه که در یک ویرایشگر متن معمولی قرار می دهید اضافه کنید و تصاویر، فیلم ها یا آیکون ها را وارد کنید بدون اینکه هیچ کدام را بنویسید. Mobirise این قسمت را برای شما انجام می دهد. Mobirise برای ویندوز و مک در دسترس است و رایگان است.

مرورگرهای وب

صفحات وب خود را در یک مرورگر تست کنید تا اطمینان حاصل کنید که قبل از راه اندازی صفحه، به نظر می رسید. کروم، فایرفاکس، سافاری (مک) و اینترنت اکسپلورر (ویندوز) محبوب ترین مرورگرها هستند. همانطور که در رایانه خود داشته باشید، HTML خود را در مرورگرهای بسیاری مانند مرورگرهای کمتر شناخته شده مانند اپرا دانلود کنید.

ویرایشگر گرافیک

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

• GIMP یک برنامه ویرایش عکس رایگان با منبع باز است که بسیاری از ویژگی های رقبای گرانقیمت آن را فراهم می کند. به عنوان نرم افزار منبع باز، برای ویندوز، مک و لینوکس در دسترس است.
• عناصر فتوشاپ برای Mac و PC یک ویرایشگر تصویر است که یک نسخه سبک از نام آن است اما با قدرت زیادی برای کار با گرافیک برای وب است.
• Corel PaintShop Pro برای رایانه های شخصی تقریبا تمام ابزار مفید شما را در فتوشاپ پیدا کرده و رابط کاربری آسان برای استفاده است.
• Inkscape برای ویندوز، مک و لینوکس یک ویرایشگر گرافیکی بردار آزاد است. این جایگزین برای Adobe Illustrator ارزشمند بیش از قدرت کافی برای کار طراحی ساده و گرافیک وب است.

مشتری FTP

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

• FileZilla یک سرویس رایگان FTP برای ویندوز، مک و لینوکس است. این برنامه از انتقال فایل های کشیدن و رها پشتیبانی می کند و دارای قابلیت مکث و رزومه برای آپلود فایل های بزرگ است.
• Cyberduck منبع آزاد آزاد، نرم افزار متقابل پلت فرم شناخته شده برای ادغام بدون درز با ویراستاران خارجی و رابط کاربر جذاب آن است.
• FTP رایگان و FTP مستقیم توسط همان شرکت ساخته شده است. FTP رایگان یک مشتری مینیمالیست است، اما با تمام نیازهای انتقال اولیه فایل مواجه است. FTP Direct یک نسخه حقوقی است که ویژگی های پیشرفته ارائه می دهد. هر دو نسخه توسط ویندوز 7،8 و ویستا پشتیبانی می شوند، اما فقط FTP مستقیم برای ویندوز 10 مناسب است.
• انتقال یک حق بیمه، مشتری FTP تنها مک است. این تسهیل انتقال غیر منتظره سریع و پشتیبانی از آمازون CloudFront.
• Cute FTP یک مشتری قدرتمند حقوقی FTP می باشد که می توانید آن را همزمان به 100 بار انتقال دهید. این یکی از امن ترین مشتریان FTP در نظر گرفته شده است.