آموزش دریم ویور

آموزش نرم افزار دریم ویور و برنامه طراحی سايت + پشتیبانی تلفنی 9099070345 شبانه روزی طراحی سایت با ورد پرس و جوملا و ... را در همراه رایانه تجربه کنید

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

از نرم افزارهای طراحی سایت هم چنین میتوانیم به نرم افزار Front Page هم اشاره کنیم . هر سایت استاتیکی که معمولا مشاهده میکنید قالب آن یا در نرم افزار Dreamweaver ایجاد شده است یا Front Page.

نرم افزار Dreamweaver محصول شرکت Adobe می باشد. با نگاهی ساده به این نرم افزار متوجه میشویم که حتی افرادی که کد نویسی هم بلد نیستند میتوانند از این نرم افزار استفاده کنند. این نرم افزار برخلاف نرم افزار Front Page می تواند فایلهای با پسوند PHP, JSP, ASP, PHP, … را ایجاد کند. هم چنین از فایلهای فلش نیز به خوبی پشتیبانی می کند. و باعث میشود خطاهای ایجاد شده در هنگام کار با فلش کاهش پیدا کند.

 

 

محیط نرم افزار دریم ویور


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

ما در این مثال برای شما HTML را انتخاب می کنیم. در این قسمت با سه نمای نمایش سایت آشنا می شویم.

آموزش دریم ویور 1

 با انتخاب این قسمت میتوانیم کدهای نوشته شده HTML را ببینیم و ویرایش کرده یا تغییر دهیم.
Splite: محیط کاری به دو قسمت تقسیم شده که هم کدهای HTML را میتوانیم ببینیم و هم حالت Design محیط سایت
Design: در این حالت فقط نمای سایت را میتوانیم ببینیم.
تغییر در نمای کاری برنامه Workspace : برای تغییر در محیط کاری از منوی Workspace از گزینه Workspace Layout یکی از گزینه های مورد نظر را انتخاب می کنیم. چنانچه محیط کاری را به دلخواه خودمان ذخیره کنیم از گزینه Save Current استفاده می کنیم.

آموزش دریم ویور 2

ایجاد یک برنامه نمونه با استفاده از Dreamweaver

در حالت Code کدهای زیر را مطابق نمونه زیر وارد می کنیم.

آموزش دریم ویور 3

همانطور که در تصویر می بینید محیط کار به حالت Splite در آمده است که هم کدهای نوشته شده را میتوانیم ببینیم و هم اینکه نتیجه کار را در حالت Design می توانیم ببینیم. برای اینکه کدهای ایجاد شده را در محیطی مانند موزیلا فایر فاکس مشاهده کنیم روی علامت Previewe / debug in Browser کلیک می کنیم. نام مرورگر خود را انتخاب می کنیم.در تصویر زیر از لیست مورد نظر گزینه موزیلا فایر فاکس را انتخاب کرده ایم. آموزش دریم ویور 4