THE Professional
الدرس العاشر في HTML : الإطارات (2) 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا الدرس العاشر في HTML : الإطارات (2) Screen
ادارة منتدي THE Professional الدرس العاشر في HTML : الإطارات (2) Screen
THE Professional
الدرس العاشر في HTML : الإطارات (2) 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا الدرس العاشر في HTML : الإطارات (2) Screen
ادارة منتدي THE Professional الدرس العاشر في HTML : الإطارات (2) Screen
THE Professional
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةأحدث الصورالدرس العاشر في HTML : الإطارات (2) Ez8fzالتسجيلدخول


 
  
 




   
       
       
   
   
       

       
   

       
       
   

       
 

         
       




     



  •    
       
        تذكرني؟   




       
 





                     

أقسام المساعدة
منتدى المحترف يدعم : 

قسم المساعدة

مع التحية -- الإدارة :
المواضيع الأكثر نشاطاً
بحث عن كيفية
أسئلة دينية مدهشة !! رائعة و أجوبتها
تحميل Camtasia Studio 8
كيف يمكنك انشاء موقع جديد احترافي !!
كيفية تغيير لون الفيس بوك !!
نكت جزائرية تاع ضحك
الأخلاق في الاسلام
موقع جوجل لاختصار الروابط
طريقة معرفة عمر حاسوبك
تحميل لعبة GTA Vice City !!
المواضيع الأخيرة
» الابداع العربي فخر المنتديات العربيه ( تصميمك مجانا )www.ibda3araby.com
الدرس العاشر في HTML : الإطارات (2) Emptyالسبت مارس 14 2015, 17:43 من طرف انا حر

» تقنية جديدة خاصة بالصور الشخصية
الدرس العاشر في HTML : الإطارات (2) Emptyالأربعاء مارس 12 2014, 19:08 من طرف Admin

» خبر : مدونة المحترف للإعلاميــات
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 15:04 من طرف Admin

»  شعيب عليه السلام
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:56 من طرف Admin

» احاديث نبويــ شريفة ـــة
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:54 من طرف Admin

» قصة سيدنا لوط عليه السلام (فيديو)
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:54 من طرف Admin

» عصا سيدنا موسى (فيديو)
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:53 من طرف Admin

» كيف اقتبس مقطع من فيديو ؟؟؟؟؟؟
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:53 من طرف Admin

» موضوع هام
الدرس العاشر في HTML : الإطارات (2) Emptyالإثنين فبراير 17 2014, 14:52 من طرف Admin

المواضيع الأكثر شعبية
شعيب عليه السلام
أجمل صور البحار في العالم §!
صور بي ام دابليو روعة BMW M6
تحضير نص الكتاب الالكتروني
تحميل لعبة GTA Vice City !!
تحضير وحدة المخدرات للسنة الثانية متوسط
نكت جزائرية تاع ضحك
أسئلة دينية مدهشة !! رائعة و أجوبتها
كيف يمكنك انشاء موقع جديد احترافي !!
الأخلاق في الاسلام
أفضل 10 فاتحي مواضيع
Admin
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
Youssef Madrid
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
Karima
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
adda
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
سر الجزائر
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
Mohamed Ali
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
Amine Madridi
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
dentistemen
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
younes chetouane
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 
hadile
الدرس العاشر في HTML : الإطارات (2) Vote_rcapالدرس العاشر في HTML : الإطارات (2) Voting_barالدرس العاشر في HTML : الإطارات (2) Vote_lcap 







 

 الدرس العاشر في HTML : الإطارات (2)

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin


الدرس العاشر في HTML : الإطارات (2) Dz10
عدد المساهمات : 189
نقاط التميز : 19560
السٌّمعَة : 3
تاريخ التسجيل : 11/01/2014
العمر : 32
الموقع : https://theprofessional.forumalgerie.net

الدرس العاشر في HTML : الإطارات (2) Empty
مُساهمةموضوع: الدرس العاشر في HTML : الإطارات (2)   الدرس العاشر في HTML : الإطارات (2) Emptyالجمعة يناير 24 2014, 14:04

أهلاً وسهلاً بك إلى الدرس العاشر من دروس HTML. والذي لا زلنا نناقش موضوع الإطارات فيه. لقد تعرفت في الدرس السابق على الأساسيات في هذا الموضوع، وتعلمت كيفية إنشاء صفحة ويب باستخدام مبدأ الإطارات. ونتابع معاً التعرف على باقي الخصائص والتحديدات المتعلقة بها.
بداية، أجد من الضروري أن أذكرك بالوسمين الأساسيين للإطارات واللذين ندرجهما في الملف الأساسي، وهما <FRAMESET> والذي يوضع بدلاً من <BODY> ويشكّل الوسم الأساسي لتحديد مجموعة الإطارات في الصفحة وخصائص هذه المجموعة ككل. و <FRAME> الذي يوضع داخل نطاق الوسم السابق ويعرّف الملف المصدر لكل إطار ويحدد خصائصه. ومن المهم جداُ أن نميز بين الخصائص المتعلقة بكل وسم وأن لا نخلط بينهما.
وعند الحديث عن الإطارات سوف نواجه تلك المشكلة العتيدة التي تؤرق دائماً مصممي صفحات الويب، ألا وهي مسألة توافق الوسوم والخصائص مع المتصفحات المختلفة (والتي قمت بتوضيحها هنا). فمثلاً لدينا أربع خصائص للوسم <FRAMESET> ، لكن واحدة منها فقط تعمل مع كلا المتصفحين الرئيسيين Netscape, MS Explorer. وكما إعتدنا سوف لن أركز على هذه الخصائص ، لكن على الأقل سأكتفي بذكرها وذكر عملها وأترك لك حرية تجربتها إن أردت.
أولى هذه الخصائص هي FRAMEBORDER وهي تقوم بتحديد ظهور أو عدم ظهور الحدود حول الإطارات وتأخذ القيم 1 للظهور، و0 لعدم الظهور. وهذا مثال عليها:
‎<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">‎
    ‎<FRAME SRC="frame1.html">‎
    ‎<FRAME SRC="frame2.html">‎
    ‎<FRAME SRC="frame3.html">‎
    ‎<FRAME SRC="frame4.html">‎
<‎/FRAMESET>
  *  
أما الخصائص الثلاث الأخرى فهي:

  • BORDER: تحدد سمك الحدود الظاهرة حول الإطارات وهي تأخذ قيماً بالبيكسل. (‎BORDER="n"‎) وتعمل فقط مع Netscape 


  • BORDERCOLOR: لإضافة لون للحدود (‎BORDERCOLOR="rrggbb"‎) وتعمل مع Netscape أيضاً. 


  • FRAMESPACING: لتحديد مسافات فارغة إضافية حول الإطارات وتأخذ قيماً بالبيكسل (FRAMESPACING="n"‎) وهي تعمل مع MS Explorer.






أما الخصائص المستخدمة مع الوسم <FRAME> فهي كالتالي:


  • MARGINHEIGHT: تحدد مقدار المسافة الفارغة المتروكة للهوامش العلوية والسفلية للإطار (بالبيكسل).
    ‎MARGINHEIGHT="n"‎


  • MARGINWIDTH: تحدد مقدار المسافة الفارغة المتروكة للهوامش اليمنى واليسرى للإطار (بالبيكسل).
    ‎MARGINWIDTH="n"‎


  • SCROLLING: تحدد إمكانية ظهور أو عدم ظهور أشرطة التصفح الأفقية والعمودية على جوانب أو أسفل الإطار. وتأخذ القيم yes للظهور. no لعدم الظهور. و auto التي تحدد ظهور الأشرطة أو عدمه تلقائياً بحسب الحاجة إليها. تماماً كما يحدث في معظم تطبيقات Windows
    SCROLLING="yes"‎
    SCROLLING="no"‎
    SCROLLING="auto"‎


  • NORESIZE عند إضافة هذه الخاصية يتم منع عملية التحكم بحجم الإطار بالتصغير أو التكبير من خلال السحب والإفلات. وهي لا تأخذ أي قيم.



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



‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="thedome.jpg" MARGINHEIGHT="40">‎
‎<FRAME SRC="frame2.html">‎
‎</FRAMESET>‎
  *  



‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30">‎
‎<FRAME SRC="frame2.html">‎
‎</FRAMESET>‎
  *  



‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes">‎
‎<FRAME SRC="frame2.html">‎
‎</FRAMESET>‎
  *  



‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes" NORESIZE>‎
‎<FRAME SRC="frame2.html">‎
‎</FRAMESET>‎
  *  


 
كذلك هناك الخصائص FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR التي تستخدم مع هذا الوسم وبنفس التفاصيل التي ذكرت مع <FRAMESET>. لكنها بالطبع تحدد خصائص الإطار وحده وليس مجموعة الإطارات ككل في الصفحة. وهي تعمل على متصفحات معينة دون غيرها.
بقي لدينا الخاصية NAME والتي تعتبر أهم خاصية لهذا الوسم، فهي التي تحدد طريقة تنسيق العمل بين الإطارات والصفحات وأسلوب عرضها لذلك فقد فضلت أن أفرد لها موضوعاً خاصاً وبصورة مستقلة عن باقي الخصائص، وذلك في الدرس التالي إن شاء الله.


هناك وسم ثالث يتعلق بالإطارات، ويتم إدراجه داخل الملف الرئيسي وعادة في النهاية وهو:
<NOFRAMES> ... <‎/NOFRAMES>
يستخدم هذا الوسم لتوفير بديل معين عن صفحة الإطارات في حالة قيام أحد الزوار بدخول الموقع مستخدماً متصفحاً لا يدعم الإطارات. (بالمناسبة فإن هناك متصفحات لا يمكن لها أن تعرض الإطارات مثل الإصدارات القديمة لـِ Netscape, MS Explorer) لكنك حتماً تستطيع مشاهدتها وذلك لأن الإصدارات المعربة من هذه المتصفحات هي إصدارات حديثة نسبياً وتدعم الإطارات.
فإذا أردت أن تمنح زوار موقعك الذين لا يستخدمون متصفحاً حديثاً فرصة مشاهدة موقعك، فكل ما عليك فعله هو إدراج هذا الوسم في نهاية الملف الرئيسي للإطارات والبدء بكتابة صفحتك كما لو كانت صفحة ويب عادية.
<HTML>
<HEAD>
<TITLE>Main File<‎/TITLE>
<‎/HEAD>
‎<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">‎
    ‎<FRAME SRC="frame1.html">‎
    ‎<FRAME SRC="frame2.html">‎
    ‎<FRAME SRC="frame3.html">‎
    ‎<FRAME SRC="frame4.html">‎
<‎/FRAMESET>
 
<NOFRAMES>
<BODY>
أكتب صفحتك
بالصورة
الإعتيادية هنا
<‎/BODY>
<‎/NOFRAMES>
 
<‎/HTML>
أما إذا كنت مصراً على إطاراتك ولا تريد إنشاء نسخة أخرى للموقع بدونها، فلم لا تكتب ملاحظة بسيطة ضمن هذا الوسم تخبر فيها زائرك بأن الموقع يحتوي على هذه الإطارات وأنه يحتاج إلى متصفح مناسب (على الأقل لكي تخفف عنه الصدمة)!!
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://theprofessional.forumalgerie.net
 
الدرس العاشر في HTML : الإطارات (2)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس التاسع في HTML : الإطارات (1)
» الدرس الحادي عشر في HTML : الإطارات (3)
» الدرس الأول في HTML : الأساسيات
» الدرس الخامس عشر في HTML : النماذج (2)
» الدرس الثاني في HTML : الألوان

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
THE Professional :: .•:*¨`*:•. ][ شروحـآت ][.•:*¨`*:•. :: لغات البرمجة HTML-
انتقل الى: