منتديات طلاب جدارا
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا في منتديات طلاب جدارا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي


منتديات طلاب جدارا
 
الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
سيتم بعون الله الانتقال الى رابط شركة ماي جوو العالمية مؤقتا الى حين تجهيز دومين جديد للموقع الكامل الرابط الجديد http://jadara.ahlamontada.com
نتمنى من جميع الأعضاء الوقوف الى جانب ادارة المنتدى للوصول إلى موافقة رسمية من ادارة الجامعة تؤكد أهمية هذا المنتدى
3-10-2010 بداية السحب والاضافة للفصل الجديد
تثبيت الطعامنة في منصب رئيس الجامعة

شاطر | 
 

 الدرس الرابع """ الصور """

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mahmoud_Alzoubi
عضو فريق عمل جدارا
مشرف قسم التكنلوجيا
مصمم مواقع
عضو فريق عمل جدارا  مشرف قسم التكنلوجيا  مصمم مواقع
avatar

الاردن Jordan
ذكر
206
21/06/2009
28
الموقع : www.cs-jadara.weebly.com

مُساهمةموضوع: الدرس الرابع """ الصور """   الثلاثاء سبتمبر 15, 2009 11:04 pm

الوسم الخاص بالرسوم هو <IMG> . لنفرض أنك تريد عرض صورة إسمها MyPicture.jpg ، أكتب :-


<IMG SRC="MyPicture.jpg">
سيكون الناتج كالآتتي :-


هذا السطر يعرض الصورة MyPicture.jpg على الشاشة ولكن يمكنك تغيير حجمها باستخدام السمة WIDTH لتغيير العرض و HEIGHT لتغيير الإرتفاع . لنفرض أنك تريد تغيير العرض إلى 100 بكسل والطول إلى 50 بكسل فاكتب السطر التالي :-


<IMG SRC="MyPicture.jpg" WIDTH="100" HEIGHT="50">
سيكون الناتج كالتالي :-


يمكنك وضع إطار حول الصورة أيضاً ، وذلك باستخدام السمة BORDER ، لوضع إطار حول الصورة بحجم 5 بكسل مثلاً. أكتب الآتي :-


<IMG SRC="MyPicture.jpg" BORDER="5">
سيكون الناتج كالتالي :-


تستطيع وضع إسم لهذه الصورة إذا مررت الفأرة فوقها باستخدام السمة ALT . لنفرض أنك تريد أن تسميها "الباب القديم" أكتب ما يلي :-


<IMG ALT="الباب القديم" SRC="MyPicture.jpg">
سيكون الناتج ما يلي :-


لاحظ أنك إذا مررت الفأرة فوق الصورة فسيعرض لك إسم الصورة "الباب القديم".
ماذا لو أردت أن تجعل خلفية الصفحة MyPicture.jpg؟ أكتب هذا السطر :-



<BODYBACKGROUND="MyPicture.jpg">
سيكون الناتج ما يلي :


روابط كثيرة في صورة واحدة

هل سبق وأن شاهدت موقع يعرض لك صورة واحدة وعند الضغط على أي جهة من الصورة تنفتح صفحة مختلفة عن الجهات الأخرى؟

إذا كانت الإجابة لا.. فإليك هذا المثال:-
‎‎ ‎ ‎‎ ‎‎ ‎‎ ‎‎
لاحظ أنك عند الضغط على الأمير، فأن الصفحة ستنتقل إلى مجلة ينابيع المعرفة. وعند الضغط على السلطان، فأنه سيفتح موقع داونلود. وعند الضغط على وجه الأميرة، فإن موقع أين سيفتح. كان ذلك باستخدام وسم وكان تخطيط الصورة كالتالي :-
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.cs-jadara.weebly.com
JdArA.cOm
المدير العام للموقع
مدير فريق العمل
المدير العام للموقع  مدير فريق العمل
avatar

ذكر
452
06/04/2009
27
الموقع : http://jadara.ahlamontada.com

مُساهمةموضوع: رد: الدرس الرابع """ الصور """   الثلاثاء سبتمبر 15, 2009 11:10 pm

يعطيك العافية على الدروس الرائعة
واصل ابداعك

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://jadara.ahlamontada.com
 
الدرس الرابع """ الصور """
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات طلاب جدارا :: المنديات التعليمية :: منتدى طلاب (( علم الحاسوب ))-
انتقل الى: