نرم افزار دریم ویور Dreamweaver چیست؟
نرم افزار آموزش Dreamweaver که تحت نسخه های ویندوز، لینوکس و مکینتاش عرضه شده است در اصل به عنوان یک IDE شناخته می شود که برای برنامه نویسان تمامی امکانات مورد نیاز برای برنامه نویسی و طراحی صفحات وب را به صورت کامل داراست. طراحان وب می توانند با استفاده از این نرم افزار به آسانی به طراحی و توسعه انواع وبسایت با تکنولوژی های جدید وب بپردازند و همچنین با ابزارهای موجود در این برنامه می توانیم وب اپلیکیشن های مناسب را بسازیم.
در کنار نرم افزار Dreamweaver راه های دیگری هم برای طراحی وبسایت وجود دارد که یکی از آنها استفاده از ابزارهایی با نام سیستم مدیریت محتوا یا CMS است. با بهره بردن از CMS های کاربردی نیز می توانیم صفحات وب را آنگونه که دوست داریم باتوجه به موضوع وبسایت طراحی کنیم و برای آنها قالب های مختلفی را انتخاب کنید. البته ساختار CMS از قبل طراحی شده است و بسته نصبی آماده ای دارد. برای یادگیری انواع CMS های کاربردی می توانید با آموزش های کاربردی و گام به گام فرادرس شروع کنید و به تمامی بخش های این سیستم های مدیریت محتوا مسلط شوید.
روش دیگری هم که می توانیم طراحی وبسایت را انجام دهیم با استفاده از نرم افزارهای ویرایشگر کد یا Code Editor است که کدهای داخل صفحات وب را با زبان های برنامه نویسی مختلفی می توان با استفاده از آن ویرایش و تغییر داد. ولی باید بگوییم که نرم افزار Dreamweaver نه یک CMS است و نه یک Code Editor بلکه مابین این دو برنامه عمل می کند و می توانیم کدهای مورد نظر وبسایت را وارد کنیم و به صورت زنده نتیجه کار را در یک مرورگر مشاهده کنیم.
با این روش محدودیت هایی که در قالب یک CMS که یک بسته از قبل تعبیه شده است را نخواهیم داشت و دست ما برای تغییرات گسترده در صفحات وب بازتر خواهد بود.
ویژگی ها و خصوصیات نرم افزار Dreamweaver
ابتدا باید عرض کنیم که این نرم افزار قدرتمند از طرف شرکت ادوبی معرفی و عرضه شده است و پشتیبانی آن هم توسط این شرکت بزرگ نرم افزاری ارائه می شود، پس می توانیم با اطمینان به آموزش Dreamweaver بپردازیم. در ادامه به برخی از مهمترین ویژگی های نرم افزار Dreamweaver اشاره خواهیم کرد.
رابط کاربری زیبا و آسان
نرم افزار Dreamweaver دارای چند بخش هست که در نگاه اول چیزی که نظر ما را جلب می کند رابط کاربری بصری آن است که باعث طراحی وبسایت با چند تکنیک ساده و به صورت گرافیکی شود.
این رابط کاربری مانند نرم افزاری عمل می کند که براحتی می توانیم با کشیدن و رها کردن عناصر بتوانیم یک صفحه وبسایت را که در نگاه اول طراحی سختی دارد را بسازیم. مطمئنا در ادامه باید با کدنویسی زبان های برنامه نویسی آشنا باشید تا بتوانید بخش های مختلف و اجزای صفحات وب را برنامه ریزی و تغییر دهید ولی رابط کاربری گرافیکی و بصری Dreamweaver نقطه قوت خوبی است تا با راحتی بیشتری طراحی وبسایت را انجام دهید.
استفاده از المان ها و عناصر گرافیکی در نرم افزار دریم ویور می تواند به ما کمک که به صورت استاندارد ساختار اصلی وبسایت را بسازیم و بدون برنامه نویسی یک صفحه وب را ایجاد کنیم. از طرفی شما در حال پیشفرض هم کدهای مورد استفاده در این نرم افزار برای طراحی وبسایت را مشاهده نمی کنید و با رابط کاربردی آن می توانیم براحتی یک وبسایت کامل را بر روی هاست خود بارگذاری کنید.
پشتیبانی از زبان های برنامه نویسی وب
اگر هم برنامه نویس حرفه ای زبان های برنامه نویسی طراحی وبسایت مانند زبان PHP – JavaScript – HTML – CSS و… هستید، تمامی ابزارهای مورد نیاز جهت کدنویسی و افزودن کدهای اضافه شما وجود دارد.
از ویژگی های مهم Dreamweaver این است که اتفاقا از دستورات و سینتکس زبان های برنامه نویسی مخصوص طراحی وبسایت که اشاره کردیم پشتیبانی می کند و برای افزودن کدهای خود نیازی به یک ویرایشگر کد دیگری نخواهید داشت.
طراحی سریع انواع وبسایت
با بهره بردن از قالب ها و تمپلیت های آماده موجود در دریم ویور می توانیم انواع وبسایت با جزئیات کامل و با سرعت بالایی طراحی کنیم. امکاناتی از قبیل دریافت ایمیل و صفحه تماس، صفحات توضیحات سایت، صفحه اصلی سایت، بخش نمونه کار و خدمات و هچنین صفحه فروشگاه اینترنتی را می توان براحتی با ابزارهای موجود در این نرم افزار پیاده سازی کرد.
وجود بخش تست و عیب یابی سایت
ابزارها و امکانات مجهزی در دریم ویور وجود دارد تا بتوانیم به صورت هوشمند انواع خطاهای لغوی و نحوی و معنایی را شناسایی و برطرف کنیم. دریم ویور می تواند با پیام های مشخصی در مورد ایرادات موجود در صفحات وب به شما هشدار دهد تا آنها را برطرف کنید.
مشاهده پیش نمایش زنده وبسایت
با امکان خوبی که در نرم افزار Dreamweaver قرار داده شده است می توانیم تمامی بخش های وبسایت طراحی شده را در دستگاه های مختلفی مانند کامپیوترهای رومیزی کوچک و بزرگ، تبلت، گوشی همراه با انواع رزولوشن تست کنیم و نمایش دهیم.
پشتیبانی کردن از انواع فونت ها
از جمله مواردی که داخل صفحات وبسایت باید به آن دقت کنیم افزودن فونت و خصوصیات آن است. در نرم افزار Dreamweaver می توانیم با ابزار ویرایش فونت کلیه تغییرات مورد نظر بر روی فونت های وبسایت را انجام دهیم.
پشتیبانی توسط شرکت ادوبی
از جمله مواردی که برای آموزش Dreamweaver مهم است پشتیبانی نرم افزاری هست که خوشبختانه این نرم افزار توسط شرکت بزرگ نرم افزاری ادوبی طراحی و پشتیبانی می شود. پشتیبانی و توسعه های سالانه کمک کرده است تا این نرم افزار بتواند همراه با تکنولوژی های جدید وب خود را ارتقا و هماهنگ کند.
ویرایشگر کدنویسی Dreamweaver چگونه عمل می کند؟
مزیت مهم دیگری که در نرم افزار Dreamweaver مشاهده می کنید مربوط به ترمیم و تغییر خودکار کدهای برنامه نویسی است. در جایی که شما کدهای خود را شاید به صورت ناقص و با خطا وارد کرده باشید با استفاده از کامپایلر و مترجم زنده این برنامه می توانیم در لحظه به خطای برنامه نویسی پی ببریم و دستورات را تصحیح کنیم.
زنده بودن ویرایشگر Dreamweaver باعث می شود که نیازی به مرورگر و برنامه جداگانه دیگری جهت نمایش پروژه و صفحات طراحی شده نباشد و در داخل نرم افزار Dreamweaver یک مرورگر کامل قرار دارد که البته ابزارها و امکانات خاص برنامه نویسان هم در آن تعبیه شده است. بعد از بخش رابط کاربری بصری که در این نرم افزار به آن اشاره کردیم، بخش دوم مربوط به ویرایشگر حرفه ای کد است که دارای ویژگی های مطلوب برای هر برنامه نویسی می باشد.
کوچک کردن کدها (Code Collapsing)
از جمله ویژگی هایی که در نرم افزار Dreamweaver هنگام کدنویسی به کارمان می آید و باعث خوانایی بهتر کدها می شود، کوچک کردن بخش هایی از کدهای برنامه نویسی است که به آنها نیازی نداریم. در این حالت بخش هایی از کدهای صفحات وب را که نیاز نداریم می توانیم Collapse یا کوچک سازی کنیم تا بتوانیم در طول کدهای نوشته شده براحتی اسکرول کنیم.
کامل کردن کدنویسی (Code Completion)
از ویژگی های خیلی خوبی که هر برنامه نویسی به آن نیاز دارد و باعث افزایش سرعت کار در طراحی صفحات وب می شود کامل کردن کدهای ناقص و یا در حین تایپ کردن است که خیلی کار طراحان را آسانتر می کند. به این روش Auto Complete می گویند همانطور که در موتورهای جستجوگر عبارت مورد نظر را وارد می کنیم و عبارات متناظر با آن جستجو به شما پیشنهاد می شود.
هایلایت کردن دستورات (Syntax Highlighting)
با روش هایلات کردن دستورات می توانیم کدها و متغیرها و کلیه بخش های کدنویسی را به رنگ بندی های مشخصی دربیاوریم که به خوانایی و درک بهتر دستورات کمک زیادی می کند. با کسب آموزش Dreamweaver می توانیم تمامی تکنیک های فوق را در داخل این نرم افزار مشاهده کنیم.
شروع به کار با نرم افزار Dreamweaver
برای شروع به کار با نرم افزار Dreamweaver ابتدا باید آخرین نسخه آن را از سایت ادوبی دانلود کنید و مطابق نوع ویندوز و سیستم عامل خود نسخه ۳۲ بیتی یا ۶۴ بیتی را انتخاب کنید. بعد از دانلود باید فایل Setup.exe را اجرا کنیم. و مراحل نصب را که کاملا مشخص و ساده هست را انجام می دهیم. در ادامه به صورت تصویری مراحل اجرای این نرم افزار را توضیح خواهیم داد.
مرحله اول : وقتی برنامه را اجرا می کنیم با تصویر زیر روبرو می شویم که از ما می پرسد قبلا از نرم افزار دریم ویور استفاده کرده ایم یا خیر؟
چون می خواهیم برای اولین بار نرم افزار دریم ویور را اجرا کنیم، در اینجا ما بر روی گزینه No, i’m new را کلیک کنید. با انتخاب این گزینه وارد مرحله بعد می شویم که می توانیم رابط کاربری نرم افزار را سفارشی سازی کنیم.
مرحله دوم: در این مرحله از ما پرسیده خواهد شد که کدام حالت فضای کاربری را دوست داریم. چون باز برای اولین بار می خواهیم نرم افزار دریم ویور را اجرا کنیم بر روی گزینه Standard Workspace را کلیک می کنیم. با انتخاب گزینه فوق رابط کاربری گرافیکی در کنار بخش ویرایشگر کد نمایش داده خواهد شد.
حالت دوم که گزینه Developer Workspace است مربوط به بخش پیشرفته تر و توسعه یافته است. با انتخاب گزینه فوق هم تنها حالت ویرایشگر کد پیشرفته ای را برای کدنویسی مشاهده خواهیم کرد.
مرحله سوم : در مرحله بعدی بسادگی می توانیم استایل و رنگ محیط کاربری نرم افزار را انتخاب کنیم.
البته این بخش اهمیت زیادی ندارد و می توانید یکی از ۴ رنگ را به دلخواه انتخاب کنید.
مرحله چهارم : در این مرحله می توانیم از بین سه گزینه زیر یکی را انتخاب کنیم:
گزینه Start with a sample file: با انتخاب این گزینه می توانیم پیش نمایشی را از یک نمونه طرح آماده مشاهده کنیم و آن را تغییر دهیم و سفارشی سازی کنیم.
گزینه Start by watching a tutorial: با انتخاب این گزینه می توانیم فیلم آموزشی را مورد نحوه کار با نرم افزار مشاهده کنیم.
گزینه Start with a new or exiting folder: اگر بخواهیم آموزش Dreamweaver را به صورت ابتدایی شروع کنیم با انتخاب این گزینه می توانیم طراحی یک وبسایت ساده بدون هیچ اطلاعاتی را آغاز کنیم و یا اینکه فایل پروژه قبلی را کار کرده ایم را باز کنیم.
بعد از اجرای کامل نرم افزار می توانیم سند جدیدی را که باز شده است با یکی از انواع فرمت های صفحات وب تغییر دهیم. مهمترین انواع فایل هایی که در صفحات وب می توانیم با آنها کار کنیم عبارتند از:
- فایل های HTML: از فایل های HTML می توانیم برای ساختار اصلی هر صفحه استفاده کنیم. کدهای HTML برای صفحات ایستا استفاده می شود و به تنهایی ظاهر و جذابیتی ندارند.
- فایل های CSS: این فایل ها برای طراحی و استایل صفحات سایت مورد استفاده قرار می گیرد و در هر سایتی حتما باید یک فایل CSS وجود داشته باشد تا کدهای استایل وبسایت را در آن قرار دهیم.
- فایل های JavaScript: این مورد از فایل های صفحات وب برای انعطاف پذیری و پویا سازی المان های داخل وبسایت استفاده می شود. با استفاده از فایل های جاوا اسکریپت می توانیم رویدادهای خاصی را در فضای وبسایت و بر روی عناصر داخل آن ایجاد کنیم. به طور مثال یک اسلایدر زیبا بسازیم که هر ۵ ثانیه اسلاید ها را عوض کند.
- فایل های PHP: با انتخاب این نوع از فایل های صفحات وب می توانیم بخش برنامه نویسی و برنامه ریزی وبسایت را انجام دهیم. این نوع فایل ها کار ارتباط با دیتابیس و سرور را انجام می دهند.
کلام آخر درباره آموزش Dreamweaver
در این پست درباره آموزش Dreamweaver و ویژگی های آن آشنا شدیم و همچنین درباره خصوصیات رابط کاربری و مراحل اجرای نرم افزار دریم ویور صحبت کردیم. اگر بخواهید به صورت کامل با تمامی بخش های نرم افزار دریم ویور آشنا شوید می توانید با استفاده از فیلم های آموزشی فرادرس شروع کنید تا به یک طراح وبسایت حرفه ای تبدیل شوید.