دشوار نیست که یک طراح وب یا برنامه نویسان وب با تجربه یک صفحه وب ساده با استفاده از یک ویرایشگر متن معمولی تهیه کنند. اما برای انجام کارهای پیچیده در این زمینه از فعالیت ، توصیه می شود از نرم افزارهای تخصصی استفاده کنید. اینها می توانند ویرایشگرهای متن پیشرفته ، برنامه های کاربردی یکپارچه چند منظوره به نام ابزارهای توسعه یکپارچه ، ویرایشگرهای تصویر و غیره باشند. در این مقاله ، ما فقط نرم افزاری را که برای چیدمان سایت طراحی شده است ، در نظر خواهیم گرفت.
دفترچه یادداشت ++
اول از همه ، بیایید با شرح ویرایشگرهای متن پیشرفته که برای تسهیل کار یک طراح چیدمان طراحی شده اند ، شروع کنیم. تا کنون ، معروف ترین برنامه از این نوع ، Notepad ++ است. این راه حل نرم افزاری از نحو بسیاری از زبان های برنامه نویسی و همچنین رمزگذاری متن پشتیبانی می کند. برجسته سازی کد و شماره گذاری خط ، کار برنامه نویسان در زمینه های مختلف را تا حد زیادی تسهیل می کند. استفاده از عبارات منظم ، یافتن و اصلاح بخشهای مشابه کد در ساختار را آسانتر می کند. برای انجام سریع اقدامات مشابه ، پیشنهاد می شود ماکروها را ضبط کنید. با کمک افزونه های جاسازی شده می توانید عملکرد قبلاً غنی را به میزان قابل توجهی گسترش دهید.
همچنین بخوانید: آنالوگ های یادداشت ++
از جمله کاستی ها فقط می توان چنین "منهای" مشکوک نام برد که وجود تعداد زیادی از کارکردهاست که برای یک کاربر معمولی غیرقابل درک است.
دانلود دفترچه یادداشت ++
SublimeText
ویرایشگر متن پیشرفته دیگر برای توسعه دهندگان وب SublimeText است. او همچنین می داند که چگونه با بسیاری از زبان ها از جمله جاوا ، HTML ، CSS ، C ++ کار کند. هنگام کار با کد ، از نور پس زمینه ، تکمیل خودکار و شماره گذاری استفاده می شود. یک ویژگی بسیار مناسب پشتیبانی از قطعه قطعه است که با استفاده از آن می توانید قطعه کار را اعمال کنید. استفاده از عبارات منظم و ماکرو نیز می تواند صرفه جویی در وقت قابل توجهی را برای حل کار فراهم کند. SublimeText به شما امکان می دهد همزمان در چهار پنل کار کنید. عملکرد برنامه با نصب افزونه ها گسترش می یابد.
اشکال اصلی برنامه ، در مقایسه با Notepad ++ ، عدم وجود رابط به زبان روسی است که باعث ایجاد برخی ناراحتی ها بخصوص برای کاربران بی تجربه می شود. همچنین ، همه کاربران اعلانی را که با پیشنهاد خرید مجوز در پنجره نسخه رایگان محصول ظاهر می شود ، دوست ندارند.
SublimeText را بارگیری کنید
براکت ها
ما شرح ویرایشگرهای متنی را که برای طرح صفحات وب طراحی شده اند با یک مرور کلی از برنامه Brackets نتیجه گیری می کنیم. این ابزار مانند آنالوگ های قبلی ، با برجسته کردن عبارات مربوطه و شماره گذاری خط ، از تمام زبان های اصلی نشانه گذاری و برنامه نویسی پشتیبانی می کند. برجسته برنامه در دسترس بودن ویژگی ها است "پیش نمایش زنده"، که با آنها می توانید در یک زمان واقعی از طریق یک مرورگر ، تمام تغییرات ایجاد شده در سند و همچنین ادغام در فهرست زمینه را مشاهده کنید "اکسپلورر". جعبه ابزار Brackets به شما امکان می دهد صفحات وب را در حالت اشکال زدایی مرور کنید. از طریق پنجره برنامه ، می توانید چندین فایل را به طور همزمان دستکاری کنید. امکان نصب برنامه های افزودنی شخص ثالث ، مرزهای عملکرد را تحت فشار قرار می دهد.
تنها ناراحتی وجود برخی از بخش های غیر روسی در برنامه و همچنین امکان استفاده از عملکرد است "پیش نمایش زنده" منحصراً در مرورگر Google Chrome.
براکت ها را بارگیری کنید
گیمپ
یکی از محبوب ترین ویرایشگرهای پیشرفته تصویر ، که می تواند با موفقیت مورد استفاده قرار گیرد ، از جمله برای تشکیل محتوای وب ، GIMP است. استفاده از برنامه برای ترسیم طراحی وب سایت بسیار مناسب است. با کمک این محصول می توان تصاویر نهایی را با استفاده از ابزارهای مختلف (برس ، فیلتر ، تار شدن ، انتخاب و موارد دیگر) ترسیم و ویرایش کرد. GIMP از کار با لایه ها و صرفه جویی در قطعات در قالب خود پشتیبانی می کند ، که با استفاده از آن می توانید کار را در همان مکانی که در آن به پایان رسیده است ، حتی پس از راه اندازی مجدد از سر بگیرید. سابقه تغییرات به ردیابی کلیه اعمالی که در عکس اعمال شده است کمک می کند و در صورت لزوم آنها را خنثی می کند. علاوه بر این ، این برنامه می تواند با متن اعمال شده بر روی تصویر کار کند. این تنها برنامه رایگان در بین آنالوگ ها است که می تواند چنین عملکردی غنی را ارائه دهد.
از جمله کاستی ها ، گاهی اوقات می توان اثر کندی را به دلیل مصرف زیاد منابع برنامه و همچنین مشکلات قابل توجه در درک الگوریتم کار برای مبتدیان برجسته کرد.
GIMP را بارگیری کنید
Adobe Photoshop
آنالوگ پرداخت شده از GIMP برنامه Adobe Photoshop است. این شهرت از شهرت بیشتری برخوردار است ، زیرا خیلی زودتر منتشر شد و از قابلیت های توسعه یافته تری برخوردار است. Photoshop در بسیاری از زمینه های توسعه وب استفاده می شود. با استفاده از آن ، می توانید تصاویر را ایجاد ، ویرایش و تبدیل کنید. این برنامه می تواند با لایه ها و مدل های سه بعدی کار کند. در همان زمان ، کاربر این امکان را دارد که از مجموعه ابزارها و فیلترها حتی بزرگتر از GIMP استفاده کند.
از جمله معایب اصلی ، لازم به ذکر است که مشکل در تسلط بر تمام عملکردهای Adobe Photoshop وجود دارد. علاوه بر این ، بر خلاف GIMP ، این ابزار با یک دوره آزمایشی تنها 30 روز پرداخت می شود.
دانلود Adobe Photoshop
استودیو آپانا
گروه بعدی برنامه های طرح بندی صفحه وب ، ابزارهای توسعه یکپارچه است. یکی از محبوب ترین نمایندگان آن استودیو آپانا است. این راه حل نرم افزاری ابزاری جامع برای ایجاد سایت ها است که شامل ویرایشگر متن ، اشکال زدایی ، کامپایلر و ابزار اتوماسیون ساخت است. با استفاده از برنامه می توانید با کد برنامه در بسیاری از زبان های برنامه نویسی کار کنید. Aptana Studio از دستکاری همزمان با چندین پروژه ، ادغام با سایر سیستم ها (به ویژه با سرویس ابر Aptana) و همچنین ویرایش از راه دور محتوای سایت پشتیبانی می کند.
مهمترین معایب استودیوی آپنتانا مشکل در تسلط و عدم وجود رابط کاربری روسی است.
دانلود استودیو آپانا
طوفان وب
آنالوگ استودیو Aptana WebStorm است که به کلاس سیستمهای توسعه یکپارچه نیز تعلق دارد. این محصول نرم افزاری دارای ویرایشگر کد داخلی است که از یک لیست چشمگیر از زبان های مختلف برنامه نویسی پشتیبانی می کند. برای راحتی بیشتر کاربر ، توسعه دهندگان این فرصت را برای انتخاب طراحی طراحی فضای کاری فراهم کرده اند. از جمله "مزایای" WebStorm ، می توانید از ابزارهای اشکال زدایی Node.js و کتابخانه های تنظیم دقیق استفاده کنید. عملکرد "ویرایش زنده" امکان مشاهده از طریق مرورگر تمام تغییرات ایجاد شده را فراهم می کند. ابزار تعامل با وب سرور به شما امکان می دهد سایت را از راه دور ویرایش و پیکربندی کنید.
علاوه بر فقدان رابط به زبان روسی ، WebStorm یک "منهای" دیگر نیز دارد که اتفاقاً برای استودیو Aptana در دسترس نیست ، یعنی نیاز به پرداخت هزینه استفاده از این برنامه.
WebStorm را بارگیری کنید
صفحه اول
اکنون یک بلاک برنامه را با نام ویرایشگرهای HTML visual در نظر بگیرید. بیایید با مرور یک محصول مایکروسافت به نام Front Page شروع کنیم. این برنامه کاملاً محبوب بود ، زیرا در یک زمان بخشی از مجموعه مایکروسافت آفیس بود. این امکان چیدمان صفحات وب را در یک ویرایشگر تصویری که بر اساس اصل WYSIWYG ("آنچه می بینید ، خواهید یافت") ، مانند کلمه پردازشگر Word ارائه می دهد. در صورت تمایل ، کاربر می تواند ویرایشگر استاندارد html را برای کار با کد باز کند یا هر دو حالت را در یک صفحه جداگانه ترکیب کند. بسیاری از ابزارهای قالب بندی متن در رابط برنامه ساخته شده اند. یک ویژگی بررسی طلسم وجود دارد. در یک پنجره جداگانه ، می توانید ببینید که چگونه صفحه وب از طریق مرورگر جستجو می شود.
با مزایای بسیار زیادی ، این برنامه دارای اشکالاتی حتی بیشتر است. مهمترین چیز این است که توسعه دهندگان از سال 2003 از آن پشتیبانی نکرده اند ، به این معنی که محصول ناامید کننده پشت توسعه فناوری های وب است. اما حتی در بهترین روزهای خود ، صفحه اول از لیست بزرگی از استانداردها پشتیبانی نمی کرد ، که به نوبه خود منجر به این واقعیت شد که صفحات وب ایجاد شده در این برنامه تضمین می شود که فقط در Internet Explorer نمایش داده شوند.
بارگیری صفحه اول
KompoZer
ویرایشگر بعدی بصری HTML ، KompoZer نیز برای مدت طولانی توسط توسعه دهندگان پشتیبانی نمی شود. اما بر خلاف Front Page ، این پروژه فقط در سال 2010 متوقف شد ، به این معنی که این برنامه هنوز قادر به پشتیبانی از استانداردها و فناوری های جدیدتر از رقیب مذکور است. او همچنین می داند که چگونه در حالت WYSIWYG و در حالت ویرایش کد کار کند. امکان ترکیب هر دو گزینه ، کار همزمان با چندین سند در زبانه های مختلف و پیش نمایش نتایج وجود دارد. علاوه بر این ، Composer دارای یک مشتری FTP داخلی است.
منهای اصلی ، همانند Front Page ، خاتمه پشتیبانی از KompoZer توسط توسعه دهندگان است. علاوه بر این ، این برنامه فقط یک رابط انگلیسی دارد.
بارگیری KompoZer
Adobe dreamweaver
ما این مقاله را با یک بررسی اجمالی از ویرایشگر بصری HTML Adobe Dreamweaver نتیجه می گیریم. بر خلاف آنالوگ های قبلی ، این محصول نرم افزاری هنوز توسط توسعه دهندگان آن پشتیبانی می شود ، که ارتباط آن از نظر رعایت استانداردها و فن آوری های مدرن و همچنین قابلیت های قدرتمندتر را تضمین می کند. Dreamviewer امکان کار در حالت های WYSIWYG ، ویرایشگر کد معمولی (با نور پس زمینه) و تقسیم را فراهم می کند. علاوه بر این ، می توانید تمام تغییرات را در زمان واقعی مشاهده کنید. این برنامه همچنین دارای یک مجموعه کامل از توابع اضافی است که کار را با کد تسهیل می کند.
همچنین بخوانید: آنالوگ های Dreamweaver
در میان کاستی ها ، باید هزینه نسبتاً بالای برنامه ، وزن و شدت آن قابل توجه باشد.
Adobe Dreamweaver را بارگیری کنید
همانطور که مشاهده می کنید ، چندین گروه برنامه وجود دارد که به منظور تسهیل کار طراح چیدمان طراحی شده اند. این ویرایشگرهای پیشرفته متن ، ویرایشگرهای بصری HTML ، ابزارهای توسعه یکپارچه و ویرایشگرهای تصویر هستند. انتخاب یک برنامه خاص بستگی به سطح مهارت های حرفه ای طراح چیدمان ، جوهره کار و پیچیدگی آن دارد.
