كيف تصنع نافذة منفصلة

جدول المحتويات:

كيف تصنع نافذة منفصلة
كيف تصنع نافذة منفصلة

فيديو: كيف تصنع نافذة منفصلة

فيديو: كيف تصنع نافذة منفصلة
فيديو: تعلم كيف تصنع نافذة من الالمنيوم . تعليم مجاني . Fenetre basculant 2024, يمكن
Anonim

تحتوي الغالبية العظمى من الصفحات على الإنترنت على روابط لصفحات أخرى وملفات للتنزيل والصور وما إلى ذلك. تفتح بعض الارتباطات التشعبية في نفس النافذة ، والباقي - في نافذة جديدة. دعونا نرى كيفية فتح الروابط في نافذة منفصلة.

كيف تصنع نافذة منفصلة
كيف تصنع نافذة منفصلة

تعليمات

الخطوة 1

في HTML (لغة ترميز النص التشعبي) ، والتي تُستخدم لوصف صفحات الويب ، تبدو تعليمات طباعة ارتباط كما يلي: نص الرابط: هذا هو الخيار الأبسط. تسمى هذه التعليمات في HTML "العلامات" ، وكقاعدة عامة ، تحتوي كل علامة على معلومات إضافية - "السمات". في هذا الإصدار الأبسط من الرابط ، توجد سمة واحدة فقط - "href". يحتوي على عنوان URL للصفحة (أو الملف) الذي يجب أن يظهر إذا اتبع الزائر هذا الرابط. ويتم الإشارة إلى السمة التي تشير إلى النافذة التي يجب أن يتم فيها عرض هذا المستند الجديد على أنها "هدف". إذا كان بإمكانك كتابة أي عنوان في سمة href (إذا كان صحيحًا ، بالطبع) ، فيمكن تحديد أربع قيم مختلفة فقط في الهدف: _self - يجب تحميل الصفحة في نفس الرابط ، وتم تحميلها في هذا النافذة الأصل ؛ _top - يجب تحميل الصفحة في نفس النافذة. علاوة على ذلك ، إذا تم تقسيم هذه النافذة إلى إطارات ، فيجب تدميرها جميعًا ويجب أن تكون الصفحة الجديدة هي الإطار الوحيد في هذه النافذة ؛ _ blank - يجب فتح المستند الذي يشير إليه الارتباط في نافذة جديدة.

الخطوة 2

وبالتالي ، لجعل الرابط مفتوحًا في نافذة منفصلة ، يجب أن تبدو العلامة كما يلي: نص الرابط

الخطوه 3

هناك نوع آخر من النوافذ - "النوافذ المشروطة". هذه هي النوافذ التي ، إذا كانت قد ظهرت بالفعل ، فسوف تحظر جميع نوافذ المتصفح الأخرى حتى يقوموا بعملهم. وتتمثل مهمتهم في جعل الزائر يفعل شيئًا - على سبيل المثال ، إدخال اسم مستخدم وكلمة مرور ، أو الضغط على أي زر تأكيد ، أو ملء استبيان ، إلخ. هناك أيضًا استخدامات أكثر سلمية للنوافذ المشروطة (أو "الحوار"). بالطبع ، يعد فتح الروابط في نوافذ مشروطة منفصلة مهمة أكثر تعقيدًا وتتطلب استخدام CSS (أوراق الأنماط المتتالية) مع JavaScript بالإضافة إلى HTML. يمكن رؤية تطبيق نموذج بسيط نسبيًا هنا -

موصى به: