درس ۸ – LINK ( اتصال )

URL- چیست ؟

قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و … انیمیشن در یک کامپیوتر راه دور قرار داده شده است www پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform Resource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی

اهداف این درس

۱- ایجاد یک اتصال در یک سند HTML در همان شاخه ای که سند شما قرار دارد.
۲- ایجاد یک اتصال برای نمایش یک فایل گرافیکی
۳- ایجاد یک اتصال در شاخه ای به جز شاخه ای که سند در آن قرار دارد.
۴- سازماندهی مجدد ساختار وب شما

شروع درس

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

اتصال به فایلهای محلی

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

برای لنگرگاه لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:
۱- ابتدا فایل Lesson1.html را باز کنید .
۲- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .
“در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم” .
۳- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد و ما در اینجا به
امیدواریم استفاده لازم را ببرید . جمله آموزش HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل ۵ و ۶ آن را دنبال می کنیم .
۴- سند خود را ذخیره کنید .
۵- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.
۶- متون زیر را وارد کنید .

در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :

۷- این فایل را با نام Lesson2.html ذخیره کنید.
۸- دوباره فایل Lesson1.html را بارگذاری کنید .
۹- هنگامی که روی آموزش HTML کلیک کنید به صفحه ۲ که در مورد آموزش HTML می باشد هدایت می شوید .

اتصال به یک تصویر :

در درس ۷ توضیح دادیم که چگونه یک عکس خطی را در صفحه وب نمایش دهیم . با تگ anchor شما می توانید یک اتصال برای نمایش فایل گرافیکی ایجاد کنید . هنگامی که این اتصال انتخاب شود فایل گرافیکی برای نمایش فایل گرافیکی به کامپیوتر شما آورده می شود . ساده ترین روش آن است که تصویر و سند شما در یک شاخه باشند . با یک اتصال ساده بر روی یک متن فایل گرافیکی به نمایش در آید.

حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :
۱- یک عکس در کامپیوتر خود قرار دهید .
۲- فایل Lesson2.html را باز کنید .
متن زیر را به آن اضافه کنید :
برای آموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن
آموزش مفیدتر خواهد بود.
۳- ذخیره مراحل انجام شده
۴- کلیک بر روی اتصال که در مرحله ۳ ایجاد شد.
۵- تصویر نمایش داده می شود .

اتصال به شاخه های دیگر

نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .
مراحل زیر را انجام دهید :
۱- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .
۲- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .
۳- فایل Lesson2.html را در ویرایشگر خود باز کنید .
۴- تگ زیر را به سند خود اضافه کنید :
۵- سند خود را ذخیره کنید و دوباره بارگذاری کنید .

اتصال در شاخه های تودرتو

ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :
< a href =”…/…/home.html” >back to home< /a >
هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .
۱- ابتدا یک فولدر با نام آموزش ایجاد کنید .
۲- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .
۳- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.
۴- فایل Lesson1.html را باز کنید .
۵- به اتصال درون این فایل توجه کنید.

۶- تگ < Img > را ویرایش کنید .

۷- اعمال خود را ذخیره کنید .

یک تغییر کوچک

روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.

چرا باید چنین کنید ؟

فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما www.biqu.edu می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : www.biqu.com /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :
http://www.biqu.edu/courses/science/geology/lesson1.html بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .

مروری بر مطالب

۱- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟
۲- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.
۳- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟
۴- اهمیت نامگذاری index.html در چیست ؟

توضیحات اضافی

شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :

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

درباره مدیر سایت

سعید حسینی هستم کارشناسی مهندسی نرم افزار مدیر سایت و علاقه مند به فناوری اطلاعات و تکنولوژی های نو علاقه مند به وردپرس و جوملا و مدتی افتخار همکاری با انجمن پشتیبانی وردپرس پارسی را نیز داشتم. مهارتهای نرم افزاری • وب : PHP , HTML , Java script , JQuery , asp , CSS & CSS3 , Dreamweaver • برنامه نویسی : Delphi , C ++ , C sharp • بانک اطلاعاتی : SQL Server , MySQL , Oracle • طراحی : Photoshop ورزش های مورد علاقه ام شنا و فوتبال و دوچرخه سواری هستند.

همچنین بخوانید

درس ۲۳ – فریم کردن صفحه

اهداف این درس ۱- ایجاد یک صفحه وب با قالبهای متفاوت ۲- ایجاد اتصال از …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *