ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

هنگامی که در حال کار بر روی یک وب سایت (Site) هستیم و بنابراین با تعدادی صفحه (Page) و پوشه (Folder) و عکس (Image) و ... سر و کار داریم که به ویرایش و مدیریت آنها نیاز است، نرم افزار Adobe Dreamweaver امکان مدیریت کلی آن وب سایت (Site) را به ما می دهد تا راحتتر بتوانیم به ویرایش فایل ها و بخش های مختلف آن وب سایت بپردازیم.

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

برای ساخت یک وب سایت (Site) جدید در Adobe Dreamweaver ، ابتدا نرم افزار را باز می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

از منوی بالای نرم افزار، گزینه های زیر را انتخاب می کنیم :

Site New Site
ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

پنجره ای به شکل زیر نمایش داده می شود :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

در قسمت Site Name ، نام مورد نظرمان برای وب سایت (Site) را می نویسیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

قسمت Local Site Folder ، برای تعیین پوشه (Folder) حاوی تمامی فایل های وب سایت می باشد (که قصد داریم کلیه فایل های وب سایت درون آن پوشه قرار بگیرند). در این قسمت، بر روی گزینه به شکل پوشه (Folder)، کلیک می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

پنجره زیر نمایش داده می شود :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

به محل مربوط به پوشه مورد نظرمان می رویم (اگر پوشه ای قبلا نساخته ایم، می توانیم یک پوشه دلخواه بسازیم) و پوشه (Folder) مورد نظر را انتخاب کرده و بر روی گزینه Select Folder کلیک می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

بنابراین پوشه به عنوان پوشه اصلی حاوی فایل های وب سایت (Site) در نظر گرفته می شود :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

اکنون قصد داریم که یک پوشه (Folder) را نیز به عنوان محل قرارگیری فایل های عکس (Image) مربوط به وب سایت (Site) در نظر بگیریم. بدیهی است که این پوشه (Folder) باید در مسیری در درون خود پوشه اصلی وب سایت که قبلا مشخص کردیم، قرار بگیرد.

برای تعیین پوشه مربوط به عکس ها، در پنجره مورد نظر، به مسیر زیر می رویم :

Advanced Settings Local Info
ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

در قسمت Default Inages folder ، بر روی گزینه به شکل پوشه (Folder) کلیک می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

پنجره ای به شکل زیر نمایش داده می شود :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

درون پوشه اصلی وب سایت (Site) که قبلا مشخص کرده ایم، با کلیک بر روی گزینه New Folder ، یک پوشه (Folder) جدید با نام images یا هر نام دلخواه دیگری، می سازیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

پوشه ساخته شده را انتخاب کرده و سپس بر روی گزینه Select Folder کلیک می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

بنابراین پوشه مورد نظر به عنوان محل اصلی قرارگیری عکس های وب سایت (Site) در نظر گرفته می شود :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

تنظیمات زیاد دیگری وجود دارد که می توانیم در مرحله ساخت وب سایت (Site) انتخاب کنیم، اما فعلا در این مبحث آموزشی با آنها کاری نداریم.

بر روی گزینه Save کلیک می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

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

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

در این پنجره می توانیم نام وب سایت (Site) و همچنین ساختار فایل های درون آن را مشاهده نماییم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

در این پنجره، مثلا اگر قصد داریم که یک فایل جدید با نام index.html در پوشه اصلی وب سایت (Site) بسازیم، بر روی پوشه اصلی وب سایت، با موس کلیک سمت راست کرده و گزینه New File را انتخاب می کنیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

یک فایل جدید با پسوند html ساخته می شود که می توانیم نام آن را با تایپ کردن تغییر دهیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

نام فایل را به index.html تغییر می دهیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)

با دو بار کلیک موس بر روی نام فایل index.html ، فایل مورد نظر درون نرم افزار Adobe Dreamweaver باز می شود و می توانیم کدهای آن را تغییر دهیم :

ساخت یک وب سایت (Site) جدید، در Adobe Dreamweaver (نسخه 2021)
نویسنده علیرضا گلمکانی
شماره کلید 28266
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)