ما براي لينك دادن آمديم!
(نگاهي به لينكها و نحوه ايجاد آنها در برنامه برنامه فرانت پيج)
اگر با اينترنت آشنايي كافي داشته باشيد و يا يك وبلاگ (و يا وبسايت) براي خودتان داشته باشيد، مطمئنا نام «لينك» (Link) را شنيدهايد. همان نوشتهها و يا عكسهايي كه در يك صفحه وب، قابل كليك كردن هستند و با كليك بر روي آنها از صفحهاي به صفحه ديگر ميرويد.
شايد تا به حال متوجه شده باشيد كه بعضي لينكها كارهايي به جز آنچه شما انتظار داريد (يعني رفتن از يك صفحه به صفحه ديگر) انجام ميدهند.
به طور مثال بر روي لينكي كليك ميكنيد و ميبيند كه يك صفحه جديد مرورگر باز ميشود و صفحه جديدي را نشان ميدهد و يا با كليك بر روي يك لينك قسمتي از صفحه جاري تغيير ميكند و ...
قصد داريم در اين مقاله درباره انواع لينكها و راههاي ايجاد آنها صحبت كنيم.
براي آساني كار، اين لينكها را در نرمافزار Microsoft FrontPage ميسازيم. پس ابتدا اين نرمافزار را باز كنيد و يك نوشته كه قرار است بر روي آن انواع لينك را بررسي كنيم، بنويسيد. ما در اينجا عبارت "جوان كامپيوتر" را تايپ ميكنيم. حالا با استفاده از موس كل نوشته مورد نظر را انتخاب (Select) كنيد.
مطابق شكل1 بر روي عبارت انتخاب شده كليك راست كنيد و گزينه Hyperlink را انتخاب كنيد.
در پنجره خصوصيات، در فيلد Address، آدرس صفحهاي كه قرار است اين لينك، به آن پيوند داده شود را بنويسيد. سپس OK را انتخاب كنيد.
ميبينيد كه با اين كار، نوشته ما تغييري كرد و تبديل به يك «متن پيوندي» شد.
كار به همينجا ختم نخواهد شد، ما قصد داريم اين لينك را در انواع مختلف بررسي كنيم. قصد داريم ببينيم، با كليك بر روي اين لينك، صفحه جديد چطور باز خواهد شد.
لينكهايي كه شما در اينترنت ميبينيد، معمولا يكي از انواع زير خواهند بود:
1- لينكهاي معمولي:
با كليك بر روي اين لينكها كه معمولا به رنگ آبي هستند، در همان صفحه مرورگر به صفحه جديدي منتقل خواهيد شد. اين نوع لينك حالت پيشفرض (defult) در نرمافزار FrontPage است.
براي اينكه انواع ديگر لينك را بررسي كنيم، در نرمافزار فرانت پيج، روي لينكي كه ساختيم، كليك راست كنيد و گزينه Hyperlink Properties را انتخاب كنيد. در پنجرهاي كه دقيقا همان پنجره ساخت لينك است، روي دكمه Target Frame كليك كنيد تا به لينك دستور بدهيم تا چطور عمل كند.
در پنجره باز شده، در قسمت Common Targets، اولين گزينه، حالت پيشفرض ماست، يعني لينك معمولي.
قبل از ادامه، بايد كمي درباره Frame توضيح دهم. Frame در طراحي صفحات وب، به كاربران اين امكان را ميدهد كه يك صفحه وب را در صفحه مورد نظرشان به نمايش در آورند. بله تعجب نكنيد، نمايش يك صفحه در صفحهاي ديگر!
به عنوان توضيح بيشتر، فرض كنيد قصد داريد تيتر اخبار يك سايت را در وبلاگ خود نمايش دهيد، اگر سايتي كه اخبار در آن است، بتوانيد تيتر اخبار خود را در يك صفحه كاملا سفيد و بدون هيچ نوشته و عكس ديگر نمايش دهد (كه برخي از سايتهاي خبري چنين امكاني را فراهم كردهاند)، شما ميتوانيد آن صفحه را با استفاده از فريم، در وبلاگتان نمايش دهيد، به اين صورت كه از منوي Insert در فرانتپيج، Inline Frame را انتخاب كنيد، روي شيئي كه در صفحه شما ساخته شده است، دابل كليك كنيد و در قسمت Intial page آدرس صفحه خبر و يا هر صفحه ديگري كه قصد نمايش آن را در وبلاگ و يا وبسايتتان داريد، بنويسيد.
حالا فرض كنيد صفحهاي را طراحي كردهايد و قصد داريد آن صفحه را در وسط وبلاگ خود به وسيله Frame نمايش دهيد. اگر لينكي در صفحه زيرين باشد، با كليك بر روي آن ممكن از چند اتفاق رخ دهد كه در ادامه درباره آن صحبت ميكنيم.
2- لينكهاي نوع Same Frame:
اگر نوع لينك خود را Same Frame انتخاب كنيد، لينكهايي كه در يك فريم (يعني در لايهاي در زير صفحه وب شما) قرار دارند، در همان فريم به صفحه جديد منتقل ميشوند. در اين حالت، شما صفحه اصلي وب را بدون هيچ تغييري ميبينيد و فقط صفحهاي كه به صورت Frame استفاده شده است، به صفحه جديد منتقل ميشود.
براي بهتر متوجه شدن اين موضوع، به تصوير زير دقت كنيد:
در تصوير بالا، ما دو صفحه را در صفحه بالايي به صورت Frame نمايش دادهايم كه شمارهگذاري شده است. لينك «جوان كامپيوتر» در لايه شماره 2 يعني در زير صفحه اصلي قرار دارد.
با توجه به آنچه گفته شد، اگر نوع لينك «جوان كامپيوتر» Same Frame باشد، با كليك بر روي آن، صفحه وبي كه در لايه 2 (يعني همان لايه لينك) قرار دارد، به صفحه جديد منتقل ميشود.
در انواع مختلف لينكها، در ادامه بررسي ميكنيم كه چطور با كليك بر روي لينك «جوان كامپيوتر»، صفحه بالا و يا صفحه پاييني را به صفحه جديد منتقل كنيم.
3- لينكهاي نوع Whole Page:
اگر قصد داريد با كليك بر روي يك لينك كه آن لينك در صفحهاي است كه به صورت Frame وارد يك صفحه ديگر شده، صفحه اصلي (بالايي) به صفحه جديد منتقل شود، نوع لينك را Whole Page انتخاب كنيد.
حالا در شكل بالا، اگر لينك «جوان كامپيوتر» را Whole Page انتخاب كنيم، با كليك روي اين عبارت، لايه شماره1 (همراه با لايههاي ديگر) به صفحه جديد منتقل خواهد شد.
4- لينكهاي نوع New Window:
اين گزينه كه احتمالا كاربرد بيشتري دارد، براي حالتيست كه شما ميخواهيد لينك شما در يك پنجره جديد مرورگر باز شود. يعني كاربر با كليك بر روي آن، در يك پنجره جديد مرورگر به صفحه لينك داده شده منتقل شود، در حالي كه پنجره قبلي همچنان صفحه اوليه را نشان ميدهد.
5- لينكهاي نوع Parent Frame:
براي توضيح اين نوع لينك، تصوير قبلي را در نظر بگيريد، اگر ما در لايه3 يك لينك داشته باشيم و بخواهيم بگوييم با كليك بر روي آن لينك، لايه شماره2 به صفحه جديد منتقل شود، از اين نوع لينك استفاده ميكنيم.
به عبارت ديگر هر صفحهاي كه بالاي يك لايه فريم قرار دارد، والدين (يا Parent) آن لايه به حساب ميآيد. و هر لينكي كه نوع Parent Frame را داشت هباشد، در لايه بالايي (يا Parent) خود باز ميشود.
6- لينكهايي كه در فريمي به خصوص باز ميشوند:
اين نوع فريم، بيشتر براي ساخت منو (Menu) به كار ميرود.
فرض كنيد شما يك منوي هميشه ثابت در صفحه وب خود داريد كه شامل «صفحه اول»، «ارتباط با ما» و «محصولات» ميشود.
يكي از كارهاي جالبي كه ميتوانيد اين است كه اين منوها را در بالاي صفحه قرار دهيد و صفحات مربوط به منوها را به صورت فريم به نمايش در آوريد.
به اين صورت كه با كليك بر روي هر لينك از منو، صفحه فريم به صفحه مورد نظر ما تغيير كند.
براي اينكه بهتر متوجه شويد، در يك پنجره از My Computer در نوار ابزار روي دكمه Folders كليك كنيد. حالا ميبينيد كه همه درايوهاي شما در سمت چپ به صورت فريم قرار دارند، با كليك روي نام هر درايو، قسمت سمت راست پنجره My Computer به آن درايو منتقل ميشود، در حالي كه منوها همچنان ثابت هستند.
براي استفاده از اين نوع لينك، به همان روشي كه در بالا گفتيم، يك Frame را از منوي Insert وارد پروژه خود كنيد.
حالا مجددا به Hyperlink Properties برويد و روي Target Frame كليك كنيد. ميبينيد كه يك گزينه به گزينههاي بخش Common Targets افزوده شده است:
اگر اين نوع لينك را برگزينيد، با كليك بر روي لينك «جوان كامپيوتر» فريم انتخابي (در اينجا I1) به آدرسي كه در بخش Address وارد كردهايد، منتقل ميشود.
7- لينك انتقالي به همان صفحه:
احتمالا در صفحات اينترنتي به لينكهايي بر خوردهايد كه با كليك بر روي آنها، همان صفحه به پايين يا بالا منتقل ميشود. مثلا در پايين اكثر صفحات سايت مايكروسافت لينكي موجود است به نام "top" با كليك بر روي اين لينك، شما از پايين صفحه، به بالاي صفحه يعني همانجا كه لوگوي مايروسافت است منتقل ميشويد.
در ادامه لينك خود را به اين صورت تبديل خواهيم كرد.
براي اين كار، ابتدا نياز داريد تا جايي را مشخص كنيد تا به لينك دستور دهيم كه به آن جا منتقل شود. براي مشخص كردن محلي در صفحه، ابتدا نشانگر موس را به محل مورد نظر منتقل كنيد، سس از منوي Insert، گزينه Bookmarks را كليك كنيد، پنجرهاي باز ميشود كه بايد در بالاي آن نامي براي مشخصكننده خود انتخاب كنيد. بعد از اينكه يك نام مشخص انتخاب كرديد، روي OK كليك كنيد.
حالا مجددا روي لينك «جوان كامپيوتر» كليك راست كنيد و گزينه Hyperlink Properties را انتخاب كنيد. در پنجره خصوصيات، توجه كنيد كه حتما بايد آدرسي كه در بخش Address تايپ كردهايد را پاك كنيد، بعد از ين كار، روي دكمه Bookmark كليك كنيد و در پنجره باز شده، نام نشانهاي كه در صفحه وارد كرديم را انتخاب كنيد.
در اينجا چون ما نشانه خود را در پايين (bottom) صفحه قرار دادهايم، با كليك بر روي لينك «جوان كامپيوتر» مرورگر آنقدر به پايين ميرود (يا به اصطلاح Scroll ميكند) تا بالاي پنجره نمايش مرورگر، به اين نشانه برسد.
در قسمت آخر اين مقاله، به بررسي كد مربوط به اين نوع لينكها ميپردازيم تا در زبانهاي مختلف (همچون PHP و ...) كه گاها دسترسي به نرمافزار ويرايش صفحه نيست، از كدنيوسي استفاده كنيد، ميتوانيد لينك مورد نظر را انتخاب (Select) كنيد و در فرانت پيج به حالت نمايش Code برويد، در اين صورت ميبينيد كه يك لينك در حالت كلي به اين صورت كدنويسي ميشود:
انواع لينكها به ترتيب آنچه بيان شد (از شماره2 به بعد)، در كدنويسي به اين صورت نمايش داده ميشوند:
_self
_top
_blank
_parent
در مورد اول، بخش target حذف و در مورد 8 نام Frame نوشته ميشود و در مورد آخر به جاي target از كلمه name استفاده ميشود و در مقابل آن نام Bookmark نوشته ميشود.
در اينجا بررسي انواع لينكهايي كه شما در فرانت پيج قادر به ساخت آنها بوديد، تمام شد، اما لازم به ذكر است كه انواع ديگري از لينكها موجود هستند كه ساخت آنها نياز به دانستن زبانهاي برنامهنويسي مثل «جاوا اسكريپت» دارد. (مانند لينكهايي كه به صورت POP-UP باز ميشوند و ...)
اما عموميترين لينكها (Common Targets) در اينجا بررسي شدند.