آموزش کامل نحوه مسیردهی فایل ها در وب

این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.

آموزش کامل نحوه مسیردهی فایل ها در وب

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

نحوه مسیردهی فایل ها در وب

مسیردهی یا آدرس دهی یا به انگلیسی ( File Paths ) یکی از مهمترین مواردی است که یک طراح وب باید بطور کامل با آن آشنایی داشته باشد.

شاید پیش خودتون میگید خب یک مسیر یا آدرس یک فایل چیش مهمه یا چی داره که بخوایم یادش بگیریم؟ خب یک آدرس دیگه حالا مگه چیه؟!

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

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

بطور کلی ۲ روش برای آدرس دهی فایل ها داریم :

1. آدرس دهی مطلق
2. آدرس دهی نسبی

آدرس دهی مطلق فایل ها

در این روش ، آدرس یک فایل بصورت کامل و ثابت ایجاد می شود، منظور از ثابت یعنی اینکه آدرس اون فایل ثابته و عملا قابل تغییر یا جابه جایی نداره، یعنی اگه مثلا شما یه عکس رو با آدرس ثابت c:/my-image.jpg در سیستم خودتون به نمایش درآوردید.

یعنی عملا در درایو C سیستم تون یه عکس به اسم my-image.jpg وجود داره و شما داخل صفحه وبتون فراخوانیش کردید، ولی حالا شما فایل html تون رو بردارید و ببرید روی یه سیستم دیگه ، میبینید که هیچ عکسی نمایش داده نخواهد شد.

چرا؟ چون باید حتما روی اون سیستم هم در درایو C عکسی بنام my-image.jpg وجود داشته باشد، در غیراینصورت هیج عکسی نمایش داده نخواهد شد.

برای مثال آدرس زیر یک آدرس مطلق یا ثابت می باشد :

این یعنی در سایت فری لرن با آدرس free-learn.ir در پوشه wp-content سپس در پوشه uploads سپس در پوشه ۲۰۱۸ سپس در پوشه ۰۵ فایل Logo-Header-2.png وجود دارد.

حال اگه شما از این آدرس در صفحه وبتون استفاده نمایید خب مشکلی نیست ولی کافیه من بیام و اسم فایل که Logo-Header-2.png هس رو تغییر بدم یا اصلا یه حرف بهش اضافه یا کم کنم، دیگه اون عکس برای شما نمایش داده نخواهد شد، مگه اینکه دوباره آدرس جدیدش رو داشته باشید.

آدرس دهی نسبی فایل ها

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

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

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

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

پس اگه یک فایل html داشته باشم و یک فایل عکس و هردوتاش کنار همدیگه باشن ، و بخوایم فایل عکس رو درون فایل html به نمایش درآوریم کافیه فقط نام فایل عکس و پسوندش رو وارد کنیم. ( به همین راحتی )

مزایای روش نسبی

مسیردهی فایل ها در وب با روش نسبی دارای یکسری مزایا نسب به روش مطلق می باشد که این مزایا به شرح زیر می باشد :

• آدرس کوتاه تر و خوانایی بیشتر
• بدون نیاز به اتصال اینترنت ( چون دیگه خوده فایل رو دانلود کردیم و روی سیستم خودمون داریم )
• احتمال خطا در نمایش فایل میشه ۰ ( اگه آدرس رو به درستی مشخص کرده باشید )
• امکان جابه جایی پوشه اصلی به مکان های دیگر بدون خراب شدن مسیر فایل ها ( یعنی پوشه اصلی رو بردارید و هرکجا و روی هرسیستمی که دوس داشتید بزارید، هیچ مشکلی در نمایش فایل ها وجود نخواهد داشت )

معایب روش نسبی

• باید حتما فایل های مورد نظرتون رو حالا یا دانلود کرده باشید یا در هرصورت باید فایل هارو داشته باشید.
• بعضی از فایل ها مثه فایل css یا js یا … دانلود کردنشون خیلی پیچیده هس و حوصله بره و ممکنه من حوصله اینکارو نداشته باشم.
• شاید من بخوام در سریعترین زمان ممکن مثلا یه عکس رو در صفحه وبم به نمایش درآورم، حالا کی حوصله داره بیاد اول فایل رو دانلود کنه بعدش بزارش کنار فایل html اش ( اینکار برای کوتاه مدت پیشنهاد میشه ولی در دراز مدت ممکنه هربلایی سر فایل اصلی در سایت مربوطه بره و شما بیخبر باشید )

معایب روش مطلق

• احتمال خطا در نمایش فایل ها با توجه به طولانی بودن مسیر فایل و حساس بودن حروف موجود در مسیر فایل به کوچکی یا بزرگی. ( مثلا اگه فایلی در یک سایت بصورت test.png وجود داشت باید دقیقا شماهم test.png وارد کنید و اگه مثلا Test.png وارد کردید اشتباه می باشد و چیزی برای شما نمایش داده نخواهد شد )
• در صورت جابه جایی پوشه اصلی به مکان های دیگر ( مثلا روی سیستم دوستتون )، مسیر فایل ها بکلی خراب میشود و باید دوباره به نسبت اون سیستم فایل هارو آدرس دهی کنید
• وصل بودن اینترنت در هنگام استفاده از یک آدرس مطلق ( تا بتونه فایل رو از سایت مورد نظر فراخوانی کنه )

مزایا روش مطلق

• لازم نیست حتما فایلی رو دانلود کنیم فقط کافیه آدرسش رو وارد کنیم
• سرعت بالا در انجام یه کار ( چون لازم نیست فایل دانلود شه ) فقط یه آدرس هس میدیم و تمام