الدرس التاسع الإطارات2

احصائيات سريعة

اقسام على الموقع

البحث في المواد

اكثر المحتويات زيارة

الدوال في الاكسل (6,311 مشاهده)
ربط قاعدة بيانات أكسس (MS Access) مع برنامج الفيجوال بيسك بطريقة(ODBC) (4,095 مشاهده)
الدرس الثالث : بعض تطبيقات الدوال في اكسل (3,063 مشاهده)
تعريف الاستعلام وطريقة عرضه في آكسس، أنواع الاستعلامات، نافذة تحديد الاستعلام! (2,377 مشاهده)
الدرس الثاني: بعض الحيل لتسهيل برنامج اكسل (2,277 مشاهده)
شرح طريقة استعمال الأوتلوك مع بريد الهوتميل (2,138 مشاهده)
تغيير لغة واجهة التطبيق من عربي الى انجليزي وبالعكس لـ Windows-based applications (2,112 مشاهده)
أنواع العلاقات وطريقة الربط بين الجداول. (1,901 مشاهده)
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل (1,735 مشاهده)
أنشئ قاعدة بياناتك التي ستستند إليها في تعلم طريقة ربط الجداول والاستعلامات. (1,703 مشاهده)
الدرس الأول : عمل شريحة في البوربوينت (1,554 مشاهده)
دروس في الأوفيس الأكسس - Access0- (1,472 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس . (1,464 مشاهده)
كيفية حل مشاكل الانترنت اكسبلور Internet Explorer (1,441 مشاهده)
اضافه صوت ونص لخلفيه في باور بوينت (1,338 مشاهده)
شرح طريقة التجميع Grouping في برنامج الاكسل (1,301 مشاهده)
التعرف على مكونات الكمبيوتر (1,266 مشاهده)
برنامج Windows Movie Maker لتكوين أفلام (1,244 مشاهده)
درس تعريب المجلة (1,240 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,229 مشاهده)
مقدمة في ربط قواعد البيانات داخل بيئة الـ .NET باستخدام الـ VB.NET (1,218 مشاهده)
كيف تجعل برنامجك أكثر تألقا وجمالا باستخدام أداة Active Skin (1,189 مشاهده)
ما هو المات لاب MATLAB؟ (1,157 مشاهده)
مقدمة عن لغة البيسك (1,120 مشاهده)
الفيجوال بيسك - مقدمة (1,080 مشاهده)

جديد مواد مع عشوائي

التحويل التلقائي للحروف ل- ل- ه إلى اسم الجلالة0---- (783 مشاهده)
النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0---النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0--- (483 مشاهده)
ضبط خيارات اللغة فى الـ Microsoft Word0--- (533 مشاهده)
استخدام لوحة المفاتيح في الـ Word0---- (698 مشاهده)
إضافة كلمة سر إلي ملفات الورد دون استخدام برامج0--- (780 مشاهده)
دمج المراسلات0-- (434 مشاهده)
وضع صورة كخلفية للنص0-- (558 مشاهده)
السماح للمستخدمين بتعديل أجزاء من ملف وورد محمي (Word2003)0--- (381 مشاهده)
كتابة الأرقام الكسرية ورموز المعادلات0-- (620 مشاهده)
درس كامل عن الدمج السهل من لوحة المفاتيح ف0-ي برنامج الـ Word (389 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,229 مشاهده)
دورة الأكسيس : الدرس الرابع : العلاقات0---- (655 مشاهده)
أساسيات في Access0--0 (447 مشاهده)
تصميم تقرير لطباعة البيانات0---- (486 مشاهده)
تصميم نموذج استعراض البيانات‏0--تصميم نموذج استعراض البيانات‏0-- (470 مشاهده)
تصميم نموذج إدخال‎ ‎البيانات0--- (556 مشاهده)
إنشاء قوائم خاصة باستخدام الماكرو(1)0-- (434 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (2)0-- (369 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (1)0- (325 مشاهده)
استعلامات SQL في Access - تعديل الجداول وإضافة الحقول0- (460 مشاهده)
استعلامات SQL في Access - تحديث البيانات الجدولية0-- (413 مشاهده)
الاستعلامات الإجرائية -4 (استعلام الحذف)0--- (214 مشاهده)
الاستعلامات الإجرائية -2 (استعلام الإلحاق)0--- (292 مشاهده)
تصميم تقرير لطباعة الإجمالي0--- (321 مشاهده)
استعلامات التحديد Select Query مع أمثله (1)0--- (425 مشاهده)

دروس كمبيوتر وصيانة دروس حاسب دروس مجلة درس نيوك phpnuke الدروس دروس مسنجر MSN - yahoo - Gmail دروس منتديات vBulletin دروس الجوالات والهواتف دروس السي بنل cpanel دروس اكسس access دروس بيونت شوب برو - point shop pro دروس برمجة php - mysql دروس برامج منوعة software دروس ثري دي ماكس 3D max دروس جافا سكريبت JavaScript دروس دريم ويفر DreamWeaver دروس شبكات Networks دروس سويش - swish دروس فلاش - flash دروس فيجوال بيسك Visual Basic دروس فرونت بيج - frontpage دروس فوتوشوب photoshop دروس هكر hacker crack virus > دروس فى لغة HTML > الدرس التاسع الإطارات2

الاسم: الدرس التاسع الإطارات2 الدرس التاسع الإطارات2

مرات القرائه: 175 مرة/مرات

التقييم:

قم بدعوة صديق

اعلانات في الموقع على جميع الصفحات

الدرس التاسع الإطارات2

الدرس التاسع الإطارات (1)

أهلاً وسهلاً بك إلى الدرس التاسع من دروس HTML. في هذا الدرس والدرسين التاليين سوف نقوم بالتعرف على الإطارات Frames وطريقة عرض صفحات الويب باستخدامها…

فهل تعرف ما هي الإطارات؟ حسنا، سأوضحها لك… هل سبق لك وأن زرت إحدى الصفحات لتشاهد أنها مقسمة إلى عدة أقسام بحيث يظهر في كل منها صفحة مستقلة، وتبدو بصورة منفصلة عن الأقسام الأخرى. وربما تكون قد قمت بالنقر على إحدى الوصلات التشعبية الموجودة في أحد الأقسام لتظهر الصفحة المتعلقة بها في القسم الآخر.

كما شاهدت، فإن الصفحة مكونة من ثلاثة أقسام: علوي وأيسر وأيمن… والحقيقة أن كل قسم منها هو عبارة عن ملف Html كامل ومستقل بحد ذاته. وهي مجرد صفحات عادية لا تختلف أبداً عن تلك التي تعلمت إنشاءها في الدروس السابقة، ولا علاقة لكل منها بالصفحات الأخرى من حيث التركيب والتعريف.
أما كيف تم جمعها معا لتظهر بالشكل الذي شاهدته؟ فهنا بيت القصيد. فبالإضافة إلى الصفحات والملفات الإعتيادية يوجد دائماً ملف أساسي يتم إنشاؤه خصيصا لتعريف صفحة الإطارات وتجميعها وتحديد خصائصها. أي أن المعادلة تتلخص بـِ:

مكونات صفحة الإطارات = عدد ملفات الصفحة نفسها + صفحة الملف الأساسي الذي يجمعها.

أي أنني في المثال السابق إحتجت فعلياً إلى أربعة ملفات لتكوين الصفحة.

وقبل أن نبدأ… لنقم بالتحضير للأمثلة التي سترد في هذا الدرس. لذلك قم بإنشاء ثلاثة أو أربعة ملفات بسيطة لكي تستخدمها في تطبيق الأمثلة أو استخدم ملفاتك القديمة التي قمت بالتدرب عليها في الدروس السابقة. أنا قمت بإنشاء ملفات على النمط التالي (وهي التي استخدمتها في المثال) وأسميتها frame1.html, frame2.html, frame3.html

<HTML>
<HEAD>
<TITLE>Frame1<‎/TITLE>
<‎/HEAD>
<BODY>
Frame 1
<‎/BODY>
<‎/HTML>

ونبدأ الآن بتعريف الملف الرئيسي الذي سيضم كافة الإطارات والملفات. وهو بالمناسبة ملف ذو حالة خاصة حيث نقوم باستخدام الوسوم

بدلاً من الوسوم <BODY> ... <‎/BODY>

((إذن الملف الرئيسي للإطارات لا يتضمن تعريفا باستخدام BODY ))

<HTML>
<HEAD>
<TITLE>Master File<‎/TITLE>
<‎/HEAD>

<FRAMESET>
<‎/FRAMESET>

<‎/HTML>

نأتي الآن إلى الخصائص: والخاصية الأولى التي تستخدم مع هذه الوسوم هي COLS وهي تعرّف عدد وأحجام الإطارات العمودية للصفحة. وتُحدد الأحجام بطريقتين (هل عرفتهما؟) نعم… إنهما الطريقة المباشرة والطريقة النسبية...أو كلاهما معا.

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

‎<FRAMESET COLS="50%,50%">‎ <‎/FRAMESET>	يحدد إطارين عموديين حجم كل منهما 50% من حجم الشاشة
‎<FRAMESET COLS="20%,50%,30%">‎ <‎/FRAMESET>	يحدد ثلاثة إطارات أحجامها 20% و 50% و 30% على التوالي من حجم الشاشة
‎<FRAMESET COLS="200,300,*">‎ <‎/FRAMESET>	يحدد ثلاثة إطارات عمودية الأول حجمه 200 بيكسل، والثاني 300 بيكسل، أما الثالث * أي انه غير محدد بحجم معين ولكنه سيكون بالحجم المتبقي من الشاشة (طالما أننا لا نعرف استبانة الشاشة التي يستخدمها زائر الموقع)
‎<FRAMESET COLS="200,*,15%,20%">‎ <‎/FRAMESET>	يحدد أربعة إطارات حجم الأول هو 200 بيكسل، والثالث 15% من حجم الشاشة، والرابع 20% من حجم الشاشة أما الثاني فسيكون حجمه بما تبقى من الشاشة.
‎<FRAMESET COLS="150,,2">‎ <‎/FRAMESET>	يحدد ثلاثة إطارات الأول حجمه 150 بيكسل.... أما المساحة المتبقية فتقسم على أساس أن الإطار الثالث حجمه هو ضعفي (2) حجم الإطار الثاني ()

أما الخاصية الثانية فهي ROWS وأعتقد أنك استنجت طبيعة عملها. نعم هي تحدد عدد وحجم الإطارات الأفقية (الصفوف) داخل الصفحة. وذلك بنفس الأسلوب المتبع مع الأعمدة، أي إما باستخدام الطريقة النسبية أو المطلقة. وسأقوم بسرد بعض الأمثلة لتوضيحها (وأذكرك ثانية أن هذه الأمثلة غير مكتملة):

‎<FRAMESET ROWS="50%,50%">‎ <‎/FRAMESET>	يحدد إطارين أفقيين ارتفاع كل منهما 50% من ارتفاع الشاشة
‎<FRAMESET ROWS="20%,50%,30%">‎ <‎/FRAMESET>	يحدد ثلاثة إطارات أفقية ارتفاعاتها 20% و 50% و 30% على التوالي من ارتفاع الشاشة
‎<FRAMESET ROWS="50,120,*">‎ <‎/FRAMESET>	يحدد ثلاثة إطارات أفقية الأول ارتفاعه 50 بيكسل، والثاني 120 بيكسل، والثالث سيكون بالإرتفاع المتبقي من الشاشة
‎<FRAMESET ROWS="50,*,15%,20%">‎ <‎/FRAMESET>	يحدد أربعة إطارات أفقية ارتفاع الأول هو 50 بيكسل، والثالث 15% من ارتفاع الشاشة، والرابع 20% من ارتفاع الشاشة أما الثاني فسيكون ارتفاعه بما تبقى من ارتفاع الشاشة.
‎<FRAMESET COLS=",2">‎ <‎/FRAMESET>	يحدد إطارين الثاني ارتفاعه ضعفي ارتفاع الأول

لم ننته بعد من ذكر كل الخصائص المتعلقة بالوسوم <FRAMESET> فلا زال هناك الكثير. ولكن من الضروري أن نقوم الآن بالإنتقال إلى وسم آخر للإطارات لأنه مرتبط إرتباطاً وثيقاً بالوسوم السابقة وخصائصها المذكورة أعلاه، وهي <FRAME> فما هو عمل هذا الوسم؟

حسنا، كل ما قمنا به حتى الآن هو تعريف مجموعة من الإطارات وخصائصها (فقط تعريف الإطارات) لكن لم نحدد ماهية هذه الإطارات ولا محتوياتها ولا مصادرها. تماما كما نقوم بتعريف صفحات الويب الإعتيادية وخصائصها في الوسم <BODY> دون أن يعني ذلك تحديد محتويات هذه الصفحات. فإذا أردنا فيما بعد إدراج صورة مثلاً نستخدم الوسم الخاص بذلك وهو ‎<IMG SRC="imagname.ext">‎

وفي حالة الإطارات فإننا نستخدم الوسم <FRAME> وهو وسم مفرد أي ليس له وسم نهاية تماماً مثل <IMG>. وفيه نقوم بتحديد مصدر وخصائص كل ملف نريد إظهاره داخل أحد الإطارات. ويتم استخدام هذا الوسم مرات بنفس عدد الإطارات المذكورة داخل <FRAMESET>. وسوف أقوم مباشرة باستخدام الخاصية SRC لتحديد مصدر الملف.

دعنا نقوم الآن بإتمام الشيفرة لبعض الأمثلة المذكورة أعلاه. ونبدأ بالمثال الأول:

‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="frame1.html">‎
‎<FRAME SRC="frame2.html">‎
<‎/FRAMESET>

الآن ... والآن فقط أصبح لديك صفحة إطارات محترمة.

مثال آخر:

‎<FRAMESET COLS="200,400,*">‎
    ‎<FRAME SRC="frame1.html">‎
    ‎<FRAME SRC="frame2.html">‎
    ‎<FRAME SRC="frame3.html">‎
<‎/FRAMESET>

مثال ثالث:

‎<FRAMESET ROWS="50,*,15%,20%">‎
    ‎<FRAME SRC="frame1.html">‎
    ‎<FRAME SRC="frame2.html">‎
    ‎<FRAME SRC="frame3.html">‎
    ‎<FRAME SRC="frame4.html">‎
<‎/FRAMESET>

ورابع:

‎<FRAMESET COLS="*,2*">‎
‎<FRAME SRC="frame1.html">‎
‎<FRAME SRC="frame2.html">‎
<‎/FRAMESET>

وبالإضافة إلى ما ذكر، نستطيع إدراج صورة مباشرةً داخل الإطار وباستخدام <FRAME SRC> تماماً كما ندرجها باستخدام <IMG SRC> وإليك هذا المثال:

‎<FRAMESET COLS="50%,50%">‎
‎<FRAME SRC="frame1.html">‎
‎<FRAME SRC="thedome.jpg">‎
<‎/FRAMESET>

والآن لماذا لا نقم معاً بمراجعة الأفكار الأساسية السابقة الذكر وتلخيصها؟ وهذه هي:-

لإدراج صفحة إطارات نحتاج إلى ملف رئيسي يعتبر بمثابة الوعاء الذي سيضم هذه الإطارات.

الملف الرئيسي هو ملف HTML إعتيادي غير أننا نكتب الوسوم <FRAMESET> ...<‎/FRAMESET> بدلاً من <BODY> ...</BODY>. وبالتالي فهو يحتوي على الخصائص التي نريدها للإطارات وتعريفاتها.

نستخدم الخصائص COLS, ROWS لتحديد عدد الإطارات (صفوفاً كانت أو أعمدة) وأحجامها.

الملفات الفرعية التي تظهر ضمن الإطارات هي ملفات عادية كالتي قمنا بإنشائها في الدروس السابقة أو صوراً. ولا تحتوي على أي تنسيق أو وسوم خاصة.

نستخدم الوسم <FRAME> داخل الملف الرئيسي لمناداة الملفات الفرعية داخل الإطارات، وذلك مع الخاصية SRC. بالإضافة إلى استخدامه لتحديد باقي الخصائص .

كما نستطيع تمثيل هيكلية الإطارات من خلال الشكل التالي:

هل تأكدت من فهمك لهذه النقاط؟ لنتابع إذن ...
حتى الآن قمنا بتقسيم الصفحة إما لإطارات أفقية أو لإطارات عمودية. لكن نحتاج لمعرفة كيفية إدراج كلاهما في الصفحة. كما في الأمثلة التالية:

صفحة مكونة من صفين، الثاني منهما مقسم بدوره إلى عمودين

صفحة مكونة من عمودين، الثاني منهما مقسم بدوره إلى صفين

لنبدأ بالمثال الأول:
بما أن الصفحة تحتوي على صفين نقوم بتعريفهما أولاً حسب الإرتفاعات المرغوب بها:

‎<FRAMESET ROWS="100,*">‎
‎<FRAME SRC="frame1.html">‎
‎<FRAME SRC="frame2.html">‎
<‎/FRAMESET>

لكن الصف الثاني مقسم إلى عمودين وهنا يعتبر بمفهوم لغة HTML وكأنه صفحة إطارات جديدة لذلك لا نحتاج لتعريفه كصف وبدلاً من ذلك نعاود استخدام تعريف الصفحات! أي <FRAMESET> مرة أخرى.

‎<FRAMESET ROWS="100,*">‎
    ‎<FRAME SRC="frame1.html">‎

    <FRAMESET>
    <‎/FRAMESET>

<‎/FRAMESET>

وبما أن الصف الثاني (أو لنقل الإطار الثاني) مقسم إلى عمودين، إذن بقي علينا إضافة تعريف لهذه الأعمدة. وبذلك تكون الشيفرة النهائية كالتالي:

‎<FRAMESET ROWS="100,*">‎
    ‎<FRAME SRC="frame1.html">‎

    ‎<FRAMESET COLS="200,*">‎
        ‎<FRAME SRC="frame2.html">‎
        ‎<FRAME SRC="frame3.html">‎
    <‎/FRAMESET>

<‎/FRAMESET>

ما رأيك أن تحاول كتابة الشيفرة الخاصة بالمثال الثاني،

لنقم الآن بإدراج مثال آخر وتحليله:

يوجد لدينا ثلاثة أعمدة، أليس كذلك؟ إذن لنقم بتعريف صفحة إطارات ذات ثلاثة أعمدة (طبعاً لا يوجد أهمية للأحجام المذكورة، فأنا اخترتها حسب رغبتي وتستطيع أنت اختيار الأحجام التي تريدها).

‎<FRAMESET COLS="100,*,100">‎
    ‎<FRAME SRC="frame1.html">‎
    ‎<FRAME SRC="frame2.html">‎
    ‎<FRAME SRC="frame3.html">‎
<‎/FRAMESET>

العمود الأوسط من هذه الصفحة مقسم إلى صفين، إذن نستبدل تعريفه بتعريف آخر لصفحة إطارات مكونة من صفين (وهذا هو التعريف بصورة مستقلة)

‎<FRAMESET ROWS="80,*">‎
‎<FRAME SRC="frame2.html">‎
‎<FRAME SRC="frame4.html">‎
<‎/FRAMESET>

وبعد دمج الشيفرتين السابقتين معاً نحصل على هذه الشيفرة النهائية:

‎<FRAMESET COLS="100,*,100">‎
    ‎<FRAME SRC="frame1.html">‎

    ‎<FRAMESET ROWS="80,*">‎
        ‎<FRAME SRC="frame2.html">‎
        ‎<FRAME SRC="frame4.html">‎
    <‎/FRAMESET>

    ‎<FRAME SRC="frame3.html">‎
<‎/FRAMESET>

وصلنا الآن إلى نهاية هذا الدرس

درس الدرس التاسع الإطارات2

أضف هذه المادة في موقعك:

مواد مشابهة:

	vالدرس الثاني عشر الدرس الثاني عشر (مرات المشاهدة: 28 مرات)
	الدرس العاشر: الجداول الدرس العاشر: الجداول (مرات المشاهدة: 66 مرات)
	الوصلات التشعبية الوصلات التشعبية (مرات المشاهدة: 56 مرات)
	الإطارات (3) الإطارات (3) (مرات المشاهدة: 89 مرات)
	الجداول \|[( مقدمة )]\| الجداول \|[( مقدمة )]\| (مرات المشاهدة: 42 مرات)
	الخطــوط وكيفية تنسيقها1 الخطــوط وكيفية تنسيقها1 (مرات المشاهدة: 29 مرات)
	الدرس الرابع عشر: المعايير القياسية الدرس الرابع عشر: المعايير القياسية (مرات المشاهدة: 74 مرات)
	أضف لصفحتك بعض الحيوية أضف لصفحتك بعض الحيوية (مرات المشاهدة: 114 مرات)
	الدرس الثاني عشر: التصميم (CSS) الدرس الثاني عشر: التصميم (CSS) (مرات المشاهدة: 113 مرات)
	أشكال الجداول أشكال الجداول (مرات المشاهدة: 148 مرات)

fot