ویرایشگر دریم ویور (Dreamweaver) یا ادوبی دریم ویور (Adobe Dreamweaver)، ابزار بسیار قدرتمندی برای طراحان وب محسوب می‌شود. از ویژگی‌های خاص و کاربردی این برنامه، می‌‌توان برای طراحی سایت، بهره برد. البته آموختن نحوه استفاده از کاربردهای آن هم، به نوعی چالش برانگیز است. ما در این مقاله از استارتاپت، سعی داریم کاربردهای ویرایشگر دریم ویور (Dreamweaver) را به شما معرفی کنیم. تغییرات آخرین نسخه، CS5 و همچنین مواردی که از CS5 حذف شده، در این مطلب مورد توجه قرار گرفته است.

کاربردهای ویرایشگر دریم ویور

ما در این قسمت، قصد داریم بخشی از ویژگی‌های کاربردی ویرایشگر دریم ویور (Dreamweaver) را مورد بررسی قرار دهیم تا هنگام طراحی سایت، بهتر از آن‌ها بهره ببریم.

کاربردهای ویرایشگر دریم ویور

۱. تعریف سایت

  • راه‌اندازی یک وب‌سایت جدید
  • ساخت وب‌سایت
  • راه‎اندازی و تنظیم تنها بخش‌هایی از سایت در صورت نیاز (قابلیت جدید CS5)
  • راه‌اندازی از راه دور، QA و تست سرورها برای کامل‌تر شدن جریان کار (قابلیت جدید CS5)
  • ایجاد و انتشار دایرکتوری‌های جدید
  • تغییر Doctype
  • گنجاندن داده‌های متا در صفحات

۲. زنده ساختن سایت

  • تعریف یک سایت «از راه دور»
  • انتقال فایل‌ها با FTP به سرور وب
  • استفاده از سیستم کنترل نسخه برای بررسی فایل‌های ورودی و خروجی
  • اتصال با Subversion به منظور کنترل پیشرفته نسخه (قابلیت جدید در CS5)
  • یادداشت گذاشتن برای هم تیمی‌ها
ایجاد صفحات وب با ویرایشگر دریم ویور

۳. ایجاد صفحات وب

  • نوشتن یک صفحه در حالت WYSIWYG
  • نوشتن یک صفحه در HTML
  • ایجاد یک صفحه جدید از یک تمپلیت
  • ایجاد یک صفحه جدید از نقطه صفر
  • ایجاد یک تمپلیت
  • ذخیره ساختن فایل‌ها در دایرکتوری کاربر
  • تعریف مشخصات (Properties) صفحه

۴. CSS

  • استفاده از برگه‌هایی با سبک CSS
  • اضافه کردن سبک‌های درون خطی
  • ایجاد یک صفحه با استایل خارجی
  • الصاق یک صفحه با استایل خارجی
  • ایجاد دسته، ID، تگ و انتخابگرهای ترکیبی CSS
  • ویرایش قواعد موجود CSS
  • ایجاد CSS برای صفحات قابل چاپ
  • فعال و غیرفعال ساختن مشخصات سبک (قابلیت جدید CS5)
  • بررسی بصری مدل جعبه CSS (قابلیت جدید CS5)

۵. متن

  • اصلاح متن
  • استفاده از فونت‌های مختلف
  • وارد کردن خط (خط شکن) بین خطوط
  • استفاده از کاراکترهای خاص
  • گنجاندن تاریخ امروز
  • نوشتن کامنت
  • اعمال تگ‌های HTML به متن
  • اضافه کردن مشخصه‌های HTML به تگ‌ها

۶. لینک‌ها

تصاویر با ویرایشگر دریم ویور
  • لینک زدن متن و تصاویر
  • بررسی لینک‌های سایت
  • تغییر رنگ پیش‌فرض لینک (Link، Visited، Hover، Active)
  • ارائه نکاتی ابزاری برای لینک‌ها
  • ایجاد لینک‌های Mailto
  • ایجاد لینک لنگر صفحه وب

۷. تصاویر

  • اضافه کردن تصاویر گرافیکی به صفحه
  • ویرایش تصاویر
  • تغییر اندازه تصاویر
  • اضافه کردن متن جایگزین به تصاویر
  • اضافه کردن گزینه‌های دسترسی اضافی به تصاویر
  • تنظیم تصاویر و متن
  • ایجاد تصویر Rollover
  •  استفاده از نقشه تصویر
  • استفاده از ردیابی تصاویر
  • استفاده از Placeholder تصویر
  • وارد کردن Fireworks HTML
  • وارد کردن فایل‌های فتوشاپ

۸. طرح‌بندی

  • وجود تمپلیت‌های رایگان (قابلیت جدید طرح‌های مبتدی CSS در CS5)
  • وارد کردن div برای طرح
  • ویرایش divs در پنل سبک‌های CSS
  • وارد کردن عناصر دارای جایگاه مطلق
  • حذف عناصر دارای جایگاه مطلق در Property Inspector
  • استفاده از خط‌کش، شبکه‌ها و راهنما

۹. لیست‌ها

  • اضافه کردن لیست‌های نقطه‌ای و عددی
  • شخصی‎سازی نقطه‌ها و اعداد در لیست

۱۰. جدول‌ها

  • ایجاد جدول
  • اضافه کردن ردیف و ستون هدر
  • استفاده از تصاویر واضح برای باز گذاشتن خانه‌های جدول
  • ایجاد ستون‌هایی با عرض ثابت و ستون‌هایی با عرض منعطف
  • تغییر سبک حاشیه جداول
  • جاسازی یک جدول در درون جدولی دیگر
  • وارد کردن داده‌های جدولی

۱۱. فرم‌ها

جدول‌ها با ویرایشگر دریم ویور
  • استفاده از فرم Mailto
  • تعریف اعمال فرم
  • اضافه کردن متن، رادیو، چک باکس، فایل، تصویر، انتخاب باکس و فرم‌هایی با فیلد پنهان
  • در دسترس قرار دادن فرم‌های کاربران با مجموعه فیلد یا فیلدهای دارای برچسب
  • ایجاد دکمه‌های سفارشی ثبت
  • اعتبار دادن به فرم‌های دارای جاوا اسکریپت (Spry)

۱۲. دیتابیس و اسکریپت PHP

  • الصاق سایت کاربر به یک پایگاه داده
  • تنظیم سایت PHP/MySQL
  • استفاده از عناصر Spry برای اتصال به پایگاه داده
  • وارد کردن داده به صفحات
  • تست و بروزرسانی یک منبع داده Spry یا نمایش آن
  • ویرایش سایت‌های پویا و پیچیده از نظر طراحی
  • کشف تمامی فایل‌های پویای مرتبط برای یکجا ساختن سایت‌های PHP CMS (وردپرس، جوملا و دروپال) (قابلیت جدید در CS5)
  • دسته بندی سفارشی کمکی برای کد PHP، شامل فریم‌ورک‌های شخص ثالث مانند فریم‌ورک Zend (قابلیت جدید در CS5)

۱۳. فریم‌ها

  • ساخت وب‌سایت دارای فریم
  • ویرایش محتوای بدون فریم
  • ایجاد، حذف و سبک دادن به فریم‌های کاربر
  • تنظیم لینک‌های هدف بین فریم‌ها

۱۴. اضافه کردن موارد تعاملی

  • ایجاد یک آلبوم تصویر (دیگر در CS5 وجود ندارد)
  • اضافه کردن صدا به صفحات وب
  • ایجاد منوی کشویی
  • استفاده از Dreamweaver Behavior برای باز کردن پنجره‎های پاپ‌آپ، ایجاد منوهای پرشی، پخش صدا، تغییر تصویر و موارد بیشتر
  • اضافه کردن RSS Feeds به یک سایت
  • وارد کردن متن Flash به عنوان یک Rollover
  • وارد کردن متن CSS به عنوان یک Rollover
  • وارد کردن سایر پلاگین‌ها
  • اضافه کردن نوار منوی Spry، پنل‌های دارای تب، آکوردیون، نکات ابزاری و پنل منعطف (که با یک کلیک به صورت عمودی باز و بسته می‌شود)
  • استفاده از Widget Browser برای پیدا کردن ویجت‌های جدید برای سایت، بدون نیاز به شناخت جاوا اسکریپت

۱۵. تست صفحات کاربر

تست صفحات کاربر با ویرایشگر دریم ویور
  • تست صفحات به صورت زنده برای مشاهده تغییراتی که به سبب جاوا اسکریپت و قابلیت‌های تعاملی صورت گرفته (قابلیت جدید CS5)
  • اعتبار سنجی HTML کاربر
  • پیش‌نمایش صفحات کاربر در مرورگرهای متعدد
  • استفاده از BrowserLab برای پیش‌نمایش صفحات کاربر در سایر سیستم‌های عملیاتی (قابلیت جدید CS5)
  • استفاده از Device Central برای بررسی ظاهر صفحات روی دستگاه‌های موبایل
  • بررسی سازگاری با مرورگر
  • تغییر تنظیمات برای هماهنگ شدن با نیازهای سایت و کار با آن
  • بررسی لینک‌های داخلی سایت
  • تست میزان قابلیت دسترسی سایت (این قابلیت از CS5 حذف شده است.)
  • تبدیل اسناد Word به HTML

۱۶. شخصی سازی Dreamweaver

  • اضافه کردن افزونه
  • غیرفعال کردن افزونه
  • شخصی سازی ویرایشگر Dreamweaver با میانبر (Shorucuts)

۱۷. افزایش تاثیرگذاری

  • استفاده از میانبرهای درونی برای کیبورد
  • استفاده از اسنیپت کد
  • ایجاد و استفاده از تمپلیت‌ها
  • تولید صفحات جدید از تمپلیت‌های سفارشی
  • بروزرسانی تمپلیت
  • گنجاندن یک فایل در دیگری با Dreamweaver Library
  • بروزرسانه اقلام کتابخانه (Library)
  • گنجاندن یک فایل در دیگری با استفاده از SSI
  • استفاده از قابلیت جستجو و جایگزین‌سازی