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

Adobe Dreamweaver ویرایشگر بصری محبوب برای کد اچ تی ام ال است. این توسط Adobe در سال 2012 ساخته شد. پشتیبانی از تمام زبان های محبوب: HTML، JavaScrip، PHP، XML، C #، ActionScript، ASP. با استفاده از این، شما می توانید به سرعت سایت های زیبایی ایجاد کنید، اشیاء مختلف را وارد کنید، کد را ویرایش کرده یا تغییرات را در رابط کاربری GUI انجام دهید. شما می توانید نتیجه را در زمان واقعی مشاهده کنید. ویژگی های اصلی برنامه را در نظر بگیرید.

زبانه کد

در ادوبی Dreamweaver سه حالت اصلی عملیات وجود دارد. در اینجا برنامه نویس می تواند سند کد منبع را در یکی از زبان های موجود برای برنامه ویرایش کند. هنگامی که پوشه را با سایت باز می کنید، تمام اجزای آن به راحتی در جداول جداگانه در پانل بالا قرار می گیرند. و از اینجا می توانید بین آنها تغییر دهید و تغییرات ایجاد کنید. این بسیار راحت است، زیرا زمانی که سایت بزرگ است، جستجو و ویرایش هر یک از اجزاء زمان زیادی را صرف می کند.

زبانه های عناصر سایت مختلف در Adobe Dreamweaver

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

مرجع تگ ساخته شده در Adobe Dreamweaver

هنگام کار با تعداد زیادی از برچسب ها، گاهی اوقات دشوار است به صورت دستی بررسی کنید که آیا همه آنها بسته شده است. در ویرایشگر Dreamweaver، تولید کنندگان این کار را کرده اند. نگران نباشید، شخصیت های "

بستن یک برچسب در Adobe Dreamweaver

بدون یک ویرایشگر، برای ایجاد تغییرات یکسان در فایل های مختلف، فرآیند طولانی است. از طریق Dreamweaver می توان آن را سریعتر انجام داد. کافی است یک فایل را ویرایش کنید، متن تغییر یافته را انتخاب کنید و به ابزار «یافتن و جایگزین» بروید . تمام فایل های مرتبط با سایت به طور خودکار اصلاح می شود. ویژگی فوق العاده مفید

یافتن و جایگزینی در Adobe Dreamweaver

در قسمت چپ پنجره ویرایش، نوار ابزار مناسب برای کار با کد وجود دارد.
من هر یک را به طور جداگانه در نظر نمی گیرم؛ یک توصیف مفصلی را می توان با رفتن به قسمت "Learning DW" مشاهده کرد .

نوار ابزار برای ویرایش کد در Adobe Dreamweaver

حالت تعاملی و یا نمایش زنده

پس از انجام تمام تغییرات لازم به کد، می توانید ببینید که چگونه سایت ویرایش شده نمایش داده خواهد شد. این را می توان با رفتن به حالت "Interactive View" انجام داد.

مشاهده وب سایت تعاملی در Adobe Dreamweaver

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

موقعیت یاب را در حالت تعاملی برنامه Adobe Dreamweaver تغییر دهید

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

ویرایش در نمایش زنده در Adobe Dreamweaver

طراحی

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

یک جای جدید در Adobe Dreamweaver اضافه کنید

با استفاده از ابزار Insert ، می توانید دکمه های مختلف، اسکرول لغزنده و غیره را به سایت اضافه کنید. حذف عناصر بسیار ساده است، با دکمه استاندارد دل.

موقعیت سایت را در Adobe Dreamweaver حذف کنید

سربرگ ها همچنین می توانند در حالت گرافیکی برنامه Adobe Dreamweaver تغییر کنند. شما می توانید تنظیمات رنگ فونت اضافی، تصویر پس زمینه و موارد دیگر را در برگه "ویرایش" در "ویژگی های صفحه" تنظیم کنید .

خواص صفحه در ادوبی Dreamweaver

جدایی

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

حالت Split در Adobe Dreamweaver

پانل اضافی

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

پانل اضافی در Adobe Dreamweaver

نوار ابزار بالا

تمام ابزارهای دیگر در نوار ابزار بالا جمع آوری می شوند.

تب "File" شامل یک مجموعه استاندارد از توابع برای کار با اسناد است.

فایل تب در Adobe Dreamweaver

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

ویرایش برگه در Adobe Dreamweaver

همه چیز مربوط به نمایش سند، پانل ها، زوم و مانند آن را می توانید در برگه «مشاهده» پیدا کنید.

نمایش Tab در Adobe Dreamweaver

ابزار برای قرار دادن تصاویر، جداول، دکمه ها و قطعات در نوار "Insert" قرار دارد .

قرار دادن تب در Adobe Dreamweaver

شما می توانید تغییرات مختلف را در یک سند یا عنصر سند در برگه Edit ایجاد کنید.

تغییر Tab در Adobe Dreamweaver

زبانه "Format" برای کار با متن طراحی شده است. متن، قالب بند، سبک HTML و CSS را می توان در اینجا ویرایش کرد.

Format Tab در Adobe Dreamweaver

در Adobe Dreamweaver، شما می توانید املا و کد HTML را با مشخص کردن دستور برای پردازش توده ای درست کنید. در اینجا شما همچنین می توانید از تابع قالب بندی استفاده کنید. این همه در برگه "Team" موجود است .

برگه تیم در Adobe Dreamweaver

همه چیز مربوط به سایت به طور کلی می تواند در تب "وب سایت" جستجو شود. علاوه بر این، یک مشتری FTP در اینجا ساخته شده است، که با آن می توانید سایت خود را به سرعت به سایت اضافه کنید.

وب سایت Tab در Adobe Dreamweaver

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

پنجره Tab در Adobe Dreamweaver

مشاهده اطلاعات مربوط به این برنامه، به پوشه Adobe Dreamweaver در تب راهنما بروید.

زبانه راهنما در Adobe Dreamweaver

شایستگی ها

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

  • هزینه بالای مجوز؛
  • در یک سیستم عامل ضعیف ممکن است به آرامی کار کند.
  • برای نصب برنامه از سایت رسمی، ابتدا باید ثبت نام کنید. پس از آن، یک لینک برای دانلود پلتفرم CreativeCloud، از نسخه آزمایشی Adobe Dreamweaver نصب خواهد شد.

    نسخه آزمایشی Adobe Dreamweaver را دانلود کنید

    آخرین نسخه برنامه را از سایت رسمی دانلود کنید