الدرس العاشر - دروس فى لغة HTML

$عقارية المدينة ينتهي في 12\12\1429 هـ$	$عطري الخاص احدث و اجود و افضل و اروع العطورات الفرنسية 23\12\1429 هـ$
$شرفات الورد ينتهي في 17\11\1429 هـ$	$حراج سيارات شراء استبدال بيع جديدة و مستعملة جميع أنواع السيارات ينتهي في 12\5\1430 هـ$	$الحمادين ينتهي في 8\10\1429 هـ$
	$جويا تنتهي في 20\11\1429 هـ$
	$دلوعتي ينتهي في 12\12\1429 هـ$

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

الرئيسية
اضافة
اتصل بنا
mnu1

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

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

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

الدوال في الاكسل (7,945 مشاهده)
ربط قاعدة بيانات أكسس (MS Access) مع برنامج الفيجوال بيسك بطريقة(ODBC) (5,431 مشاهده)
تعريف الفن التشكيلي: (4,610 مشاهده)
الدرس الثالث : بعض تطبيقات الدوال في اكسل (3,787 مشاهده)
شرح طريقة استعمال الأوتلوك مع بريد الهوتميل (3,471 مشاهده)
تغيير لغة واجهة التطبيق من عربي الى انجليزي وبالعكس لـ Windows-based applications (3,407 مشاهده)
أنواع العلاقات وطريقة الربط بين الجداول. (3,311 مشاهده)
تعريف الاستعلام وطريقة عرضه في آكسس، أنواع الاستعلامات، نافذة تحديد الاستعلام! (3,148 مشاهده)
الدرس الثاني: بعض الحيل لتسهيل برنامج اكسل (2,941 مشاهده)
دروس في الأوفيس الأكسس - Access0- (2,804 مشاهده)
اضافه صوت ونص لخلفيه في باور بوينت (2,403 مشاهده)
أنشئ قاعدة بياناتك التي ستستند إليها في تعلم طريقة ربط الجداول والاستعلامات. (2,354 مشاهده)
كيفية حل مشاكل الانترنت اكسبلور Internet Explorer (2,278 مشاهده)
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل (2,267 مشاهده)
الدرس الأول : عمل شريحة في البوربوينت (2,213 مشاهده)
شرح طريقة التجميع Grouping في برنامج الاكسل (2,044 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,999 مشاهده)
المنظور الفوتوغرافي Perspective Drawing (1,993 مشاهده)
الدرس الثاني : عمل خلفيات ملونة لشرائح (1,970 مشاهده)
ما هو المات لاب MATLAB؟ (1,861 مشاهده)
برنامج Windows Movie Maker لتكوين أفلام (1,839 مشاهده)
التعرف على مكونات الكمبيوتر (1,819 مشاهده)
إنشاء موقع ويب جديد0--- (1,789 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس . (1,780 مشاهده)
تحويل ملف من مايكروسوفت ورد إلى اكروبات (1,720 مشاهده)

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

التحويل التلقائي للحروف ل- ل- ه إلى اسم الجلالة0---- (1,130 مشاهده)
النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0---النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0--- (740 مشاهده)
ضبط خيارات اللغة فى الـ Microsoft Word0--- (961 مشاهده)
استخدام لوحة المفاتيح في الـ Word0---- (1,070 مشاهده)
إضافة كلمة سر إلي ملفات الورد دون استخدام برامج0--- (1,098 مشاهده)
دمج المراسلات0-- (623 مشاهده)
وضع صورة كخلفية للنص0-- (837 مشاهده)
السماح للمستخدمين بتعديل أجزاء من ملف وورد محمي (Word2003)0--- (592 مشاهده)
كتابة الأرقام الكسرية ورموز المعادلات0-- (936 مشاهده)
درس كامل عن الدمج السهل من لوحة المفاتيح ف0-ي برنامج الـ Word (630 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,999 مشاهده)
دورة الأكسيس : الدرس الرابع : العلاقات0---- (1,026 مشاهده)
أساسيات في Access0--0 (840 مشاهده)
تصميم تقرير لطباعة البيانات0---- (812 مشاهده)
تصميم نموذج استعراض البيانات‏0--تصميم نموذج استعراض البيانات‏0-- (735 مشاهده)
تصميم نموذج إدخال‎ ‎البيانات0--- (828 مشاهده)
إنشاء قوائم خاصة باستخدام الماكرو(1)0-- (719 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (2)0-- (568 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (1)0- (522 مشاهده)
استعلامات SQL في Access - تعديل الجداول وإضافة الحقول0- (780 مشاهده)
استعلامات SQL في Access - تحديث البيانات الجدولية0-- (618 مشاهده)
الاستعلامات الإجرائية -4 (استعلام الحذف)0--- (395 مشاهده)
الاستعلامات الإجرائية -2 (استعلام الإلحاق)0--- (506 مشاهده)
تصميم تقرير لطباعة الإجمالي0--- (485 مشاهده)
استعلامات التحديد Select Query مع أمثله (1)0--- (682 مشاهده)

دروس كمبيوتر وصيانة دروس حاسب دروس مجلة درس نيوك 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 > الدرس العاشر

الاسم: الدرس العاشر الدرس العاشر

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

التقييم:

قم بدعوة صديق

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

الدرس العاشر

هلاً وسهلاً بك إلى الدرس العاشر من دروس 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 والتي تعتبر أهم خاصية لهذا الوسم، فهي التي تحدد طريقة تنسيق العمل بين الإطارات والصفحات وأسلوب عرضها لذلك فقد فضلت أن أفرد لها موضوعاً خاصاً وبصورة مستقلة عن باقي الخصائص، وذلك في الدرس التالي إن شاء الله.

هناك وسم ثالث يتعلق بالإطارات، ويتم إدراجه داخل الملف الرئيسي وعادة في النهاية وهو:

يستخدم هذا الوسم لتوفير بديل معين عن صفحة الإطارات في حالة قيام أحد الزوار بدخول الموقع مستخدماً متصفحاً لا يدعم الإطارات. (بالمناسبة فإن هناك متصفحات لا يمكن لها أن تعرض الإطارات مثل الإصدارات القديمة لـِ Netscape, MS Explorer) لكنك حتماً تستطيع مشاهدتها وذلك لأن الإصدارات المعربة من هذه المتصفحات هي إصدارات حديثة نسبياً وتدعم الإطارات.

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

أكتب صفحتك
بالصورة
الإعتيادية هنا

<‎/BODY>
<‎/NOFRAMES>

<‎/HTML>

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

درس الدرس العاشر

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

مواد مشابهة:

	الألوانالألوان الألوان (مرات المشاهدة: 105 مرات)
	النماذج (2) النماذج (2) (مرات المشاهدة: 129 مرات)
	Html مقابل XML Html مقابل XML (مرات المشاهدة: 121 مرات)
	الدرس الثاني: ما هي HTML؟ الدرس الثاني: ما هي HTML؟ (مرات المشاهدة: 166 مرات)
	الجداول (1) الجداول (1) (مرات المشاهدة: 104 مرات)
	الخطوطالخطوط الخطوط (مرات المشاهدة: 75 مرات)
	الدرس الخامس الصور والرسومات1 الدرس الخامس الصور والرسومات1 (مرات المشاهدة: 351 مرات)
	الإطارات (3) الإطارات (3) (مرات المشاهدة: 221 مرات)
	الدرس الثامن: الروابط الدرس الثامن: الروابط (مرات المشاهدة: 107 مرات)
	الخلية الفارغة، إضافة الصور والألوان، وإتجاه النص vالخلية الفارغة، إضافة الصور والألوان، وإتجاه النص (مرات المشاهدة: 287 مرات)