برای آپلود فایل روی سایت با استفاده از FileZilla (فایل زیلا) چیزی که من احتیاج دارم یک  فضای میزبانی هاست هست، username و password ای رو میخوام  وخود نرم افزارفایل زیلا رو بهش احتیاج دارم. من وب سایتی رو که برای این آموزش انتخاب کردم توی این (domain (best-test.ir هست.

 

همان طور که میبینید چیزی هم الان آپلود نیست روش

 

به cpanel دسترسی خواهیم داشت به صفحه login اش که من میتونم بیام login کنم داخل cpanel این وب سایت.

قطعا یک یوزر نیم و پسوردی رو باید داشته باشم که اون رو وارد میکنم. زمانی که login میکنم داخل فضای cpanel وارد میشیم 

 

 

من میتونم بیام از اینجا و فایل منیجر کارهام رو انجام بدم و فایل هام رو آپلود بکنم (بدون استفاده از Filezilla)

 

اجازه بدید من یک نمونه قالب رو اینجا آپلود بکنم چون همونطور که دیدین من اطلاعاتی رو روی این وب سایت ندارم، سریع این کار رو انجام میدم و میام اون فایل زیپی که مورد نظر خودم هست رو آپلود میکنم.

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

توی آموزش کنترل پنل (cpanel) هم توضیح دادم دوستان، حتما حواستون باشه که Rar نباشه فایلی رو که دارید آپلود میکنید و حتما فایلتون زیپ باشه که روی سرور به راحتی قابلیت extract کردن وجود داشته باشه و بتونیم این کار رو روی سرور انجام بدیم.
حالا فایلمون آپلود شده بر میگردیم و داخل Home، داخل public_html این رو extract میکنیم

 

اشتباهی که اینجا وجود داره توی یک فولدر دیگه ای هستن من باید اینها رو باید move شون کنم داخل public_html

 

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

 

ببین دوست من، من هر بار نمیتونم بیام اینجا

و login بکنم داخل این cpanel ام از لحاظ امنیتی هم خیلی خوب نیست.

من اگر بخوام مثلا این فایل index رو تغییر بدم و حالا ما فعلا سراغ تایتل بریم صرفا، اینجا میتونم بیام و کلیک راست بکنم و مثلا code edit رو داشته باشم و edit بکنم

 

 توی این فضا

 

و اون نرم افزاری که من میخوام نیست. به طور مثال من میخوام با brackets این کار رو انجام بدم، بهترین راه اینه که من وصل شم به سرور و از طریق اون سرور این کار رو انجام بدم

 

اجازه بدید من از cpanel خارج بشم. کار آپلودمون رو انجام دادیم، میایم سراغ نرم افزار FileZilla که این نرم افزار رو میتونید از P30download یا هر رفرنس دیگه ای که شما به صورت امن ازش نرم افزار دانلود میکنید استفاده بکنید.

حتما حواستون باشه که این ورژن باشه چون FileZilla ورژن سرور هم داره و نرم افزار FTP اش رو ما میخواهیم 

 

ببینید دوستان FTP یعنی چی؟ 

FTP یک پروتوکل هست به نام File Transfer Protocol که مخففش میشه FTP و برای آپلود و دانلود فایل های حجیم ازین پروتوکل باید استفاده بکنیم. نرم افزار های اف تی پی میان وصل میشن به سرور ما و این کار رو به راحتی برای ما انجام میدن. هم برای آپلود و دانلود که حالا FileZilla بیشتر برای Edit ما ازش استفاده میکنیم.
اگر شما دنبال این نرم افزار هستید، cute ftp برای آپلود و دانلود سرعتش از FileZilla بیشتره اما برای Edit پیشنهادی که برای شما دارم FileZilla هستش. اجازه بدید من cute ftp رو هم به شما معرفی بکنم، این رو هم میتونید از اینجا دانلودش بکنید.

 

خب ما دانلود کردیم FileZilla رو و روی سیستممون نصبش کردیم. من اینجا فایل زیلا رو بازش میکنم و شما رو با فضاش آشنا میکنم

ببینید اینجا و توی این بخش من میتونم مدیریت بکنم هاست هایی رو که دارم و وب سایت هایی که دارم لازم نیست که هر بار بیام برم توی cpanel شون

 

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

 

New Site رو که بزنم اینجا آدرس سایتم رو باید وارد بکنم به port هم فعلا کاری ندارم

 

آدرس سایت رو میزنیم best-test.ir

 

اینجا Logon Type رو میگذاریم روی Normal

 

username و password  رو که داریم باید اینجا قرار بدیم. من اینجا یوزرنیم و پسوردم رو اینجا copy ،paste میکنم و connect رو میزنم

 

دقت کنید من Encryption رو فعلا روی  FTP over tls قرار دادم. Connoct رو میزنم، اگر دیدید که کانکشنتون برقرارنشد دوباره برمیگردین توی این تنظیم ها و Encryption رو میگذاریم روی only use plain FTP و connoct رو میزنیم

 

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

 

من میخوام index رو Edit کنم برای اینکه من کنترل بکنم که این با چه نرم افزاریه. اصلا هدفمون اینه که بیایم توی نرم افزاری که مد نظرمون هست این رو Edit بکنیم. برای اینکه کنترل بکنم باید بیام توی Edit و setting

 

توی این قسمت Filetype و اینجا با این فرمت htm میزنم html  "داخل" میام آدرس فایل exe رو قرار میدم. میام و از توی program files ام میام سراغ Brackets میگردم یا حالا هر نرم افزار دیگه ای که شما مد نظرتون هست.

 

این آدرس من میشه 

 

میایم اینجا و این رو مینویسیم یک بک اسلش میگذاریم و اسم فایل exe ام رو باید اینجا بنویسم و ok رو میزنیم

 

من کلیک راست که میکنم یک گزینه View/Edit دارم 

 

وقتی این رو باز میکنم خودش میاره توی اون نرم افزاری که من ست کردم. کارم رو انجام میدم اینجا مثلا میزنم Title new web. Save اش که میکنم ،ببینید توی FileZilla به من میگه میخوای توی سرورت هم آپلود بشه و Edit بشه؟میگم بله و اگر بیام عنوان صفحه رو رفرش بکنم new web title رو میبینم.

 

هر تغییر دیگه ای هم اینجا انجام بدم میتونم ببینمش.به طور مثال  من inspect میکنم اینجا

 

 

و اینجا به این نتیجه میرسم که توی خط bootstrap.css:3050 ام float:left برای li هام

 

من اینجا آدرسش رو هم میتونم داشته باشم 

 

خب خیلی راحت میایم اینجا میگیم css ،bootstrap.css ،view/edit میکنم.

 

من css هم رو باید این کار رو براش انجام بدم دیگه. میایم توی Edit و دوباره filetype یه دونه دیگه ام از این کپی میکنم خط بعد و میگیم css دوباره با همین نرم افزار این اتفاق واسش بیفته

 

View/Edit اش میکنم 

بیاره توی brackets، توی براوزرم بیام لاین 3050 برمیگردیم توی brackets کنترل g 3050 میگه float:left هست.

 

دقت بکنید صفحه اصلی الان سمت چپه چون این وب سایت انگلیسی بوده و یکسری ازcss هاش تغییر نکرده 

 

میایم و اینجا 3050، float رو right می کنیم. حالا ممکنه یکسری چیزها به هم بریزه چون برای فارسی سازی باید یه مقدار کارهای دیگه ام انجام بدیم 

 

من Edit میکنم، f5 رو هم میزنم هیچ اتفاقی نمی افته چرا؟ چون من اینجا رو FileZilla رو save نکردم

و دوباره میام از ctrl و f5 استفاده میکنم و میبینم که این صفحه اصلی جاش عوض میشه و میبینیم که ترتیب ها تغییر میکنند.
به همین راحتی من میتونم دسترسی داشته باشم به فایل های مختلفی که روی سرورم قرار داره و Editهای مورد نظرم رو انجام بدم و بتونم فایل رو آپلود و دانلود کنم. به همین ترتیب شما میتونید از اینجا چندین و چند تا وب سایت داشته باشید.
اینجا هم میتونیم اسمش رو تغییر بدیم که بدونیم وقتی وب سایت هامون زیاد میشن به راحتی داشته باشیمشون.