نمایش وب سایت در مرورگر های مختلف با Dreamweaver

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

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

نمایش وب سایت در مرورگر های مختلف با Dreamweaver

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

مشاهده پیش نمایش در مرورگرها

برای شروع کار روی دکمه حالت نمایش real-time ، در قسمت در گوشه پایین سمت راست نرم افزار، کلیک کنید:

نمایش وب سایت در مرورگر های مختلف با Dreamweaver

گزینه های نمایش ، باز خواهد شد:

Dw

یک کلیک روی نام یکی از مرورگر ها، پروژه وب سایت شما را در آن مرورگر ، باز خواهد کرد:

همچنین شما می توانید کد QR ، را با گوشی همراه یا تب لت خود اسکن کرده و اینگونه ، پروژه وب سایت شما را در آن دستگاه نمایش داده می شود.

می توانید آدرس وب کنار کد QR را در مرورگر دستگاه خود وارد کنید تا حالت نمایش Live نرم افزار را در آن دستگاه مشاهده کنید. فقط باید ID Adobe و رمز عبور خود را برای آن وارد کنید. این به این معنی است که، شما باید برای استفاده آنلاین از Dreamweaver ،در سایت adobe ثبت نام کرده باشید.

اکنون، هر گونه تغییراتی که در Dreamweaver ایجاد می کنید. به طور خودکار در مرورگر لحظه ای که آنها را ایجاد می کنید نشان می دهد.

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

مشاهده پیش نمایش در مرورگرها

اکنون، نگاهی به نسخه تلفن نشان می دهد. که کارهای زیادی برای انجام دادن وجود دارد:

نحوه نمایش در نسخه تلفن

سخن پایانی

تاکنون با ساختار کلی برای ایجاد یک وب سایت، در Dreamweaver ، آشنا شدید. و با چگونگی افزودن فایل وب سایت و اضافه کردن فایل css را به Dreamweaver ، آشنا شدید.

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