ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ


النتائج 1 إلى 4 من 4

الموضوع: ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

العرض المتطور

المشاركة السابقة المشاركة السابقة   المشاركة التالية المشاركة التالية
  1. #1

    New ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

    الآن أصبح عندك صفحات مربوطة بوصلات تشعبيه و منسقه إلي حد ما ولكن هل هذا يقنعك ؟! أنا لا أعتقد لابد من أنه يوجد شيء ناقص لابد واننا نسينا شيء ما !!! أه..... أنها الصور أن الدارسين الجدد يفضلون ملء صفحاتهم بالصور لكي يضيفوا الناحيه الجماليه لصفحاتهم
    إدراج صورة
    في البدايه كالعاده نتعرف علي الوسم الخاص بإدراج صورة و هو <IMG> وهو وسم مفردو الكلمة إختصار لكلمة (IMAGe ). لكن هل يكفي هذا لإدراج صورة؟ كلا، بالطبع يجب أن نحدد الصورة التي نريدها. لذلك نضيف الخاصية له SRC لتحديد موقع واسم الصورة والكلمه إختصار(SouRCe) أي المصدر وتكون الصيغة كالاتي:-

    هام جدا
    <IMG SRC="go.gif">
    و لقد أخترت الصورة ذات الأسم go و التي إمتدادها gif ( لابد و أن تتأكد أن نوع الملفات صحيح ) و تظهر بهذا الشكل



    إدراج صورة ذات وصله
    بالطبع تستطيع أن تدرج صورة ذات وصله تشعبيه إلي صفحة أخري أو حتي إلي ملف و تكون الصيغة كالاتي:-
    <A HREF="FirstPage.htm"><IMG SRC="go.gif"></A>
    وتظهر بهذا الشكل

    و تلاحظ أن الصورة لاتبدو مثل الصورة السابقه تمام !!.وهذا لان المستعرض أحاط الصورة بإطار (BORDER ) ليظهر أن هذه الصورة ذات وصله تشعبيه إلي صفحة أخري او ملف . بالطبع هذه الطريقه ليست دائما تلاقي ترحيب فلهذا من الممكن أن تتخلص من هذا الإطار بأن تضع هذه الخاصيه داخل كود أو شفرة إدراج الصورة "0"=border وفي أغلب الأحوال تكون قيمة الإطار ب 2 و تستطيع أن تقلل أو تزيدها كما تحب و بالطبع تستطيع أن تضع إطار للصورة التي لا تحتوي علي وصله كما في المثال التالي
    <img border="6" src="go.gif">



    الخواص الأساسيه للصورة
    عندما نقوم بإدراج صورة ضمن فقرة فإن موقع ظهورها يتحدد بالطبع حسب ترتيب ورودها في الفقرة، مثلها مثل أي كلمة أو عبارة أخرى. ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافق لها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT وأوضح لك تأثير كل قيمة كما يلي:

    BOTTOM
    في الحالة العادية (مثل هذه) وعندما لا نقوم بتحديد أي محاذاة فإن النص الذي يلي الصورة يظهر بمحاذاة الحافة السفلى لها. وهذه هي الحالة الإفتراضية لظهور الصور والتي تمثلها القيمة
    <IMG SRC="image.jpg" ALIGN="BOTTOM">

    TOP


    وعند تحديد هذه القيمة فإن السطر الأول من النص الذي يلي الصورة يقع بمحاذاة الحافة العليا لها. أما باقي النص فيمتد أسفلها.
    ‎<IMG SRC="image.jpg" ALIGN="TOP">‎ ‎


    MIDDLE

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

    ‎<IMG SRC="image.jpg" ALIGN="MIDDLE">‎


    LEFT

    هذه القيمة تؤدي إلى محاذاة الصورة إلى أقصى اليسار. مع التفاف النص الذي يليها على الجهة اليمنى ولعدة أسطر حسب ارتفاع الصورة.
    ‎<IMG SRC="image.jpg" ALIGN="LEFT">‎


    RIGHT

    أما هذه القيمة فتؤدي إلى محاذاة الصورة إلى أقصى اليمين. مع التفاف النص الذي يليها على الجهة اليسرى ولعدة أسطر حسب ارتفاع الصورة.
    ‎<IMG SRC="image.jpg" ALIGN="RIGHT">‎


    لمزيد من المعلومات والقيم انتظر الدروس القادمه انشاء الله

    شرح الدرس فيديوا
    اضغط على ( hussamhack )

    لاتنسوووووووو الردووووووووووووود و التقيممممممممممممم

  2. #2

    افتراضي رد: ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

    يعطيك العافيه يا لغالي

  3. #3

    افتراضي رد: ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

    مشكور و انا متابع معاك الدروس اتمنالك التثبيت

    فى انتظار الدرس الخامس
    تحياتى

  4. #4

    افتراضي رد: ّّالدرس الرابع من دورةhtml + شرح فيديوا ّ

    من العيون قريباً إنشاء الله

المواضيع المتشابهه

  1. حصري شرح فيديوا كيفية تغيير امتداد الباتش وتغيير الايقونة
    بواسطة hideen003 في المنتدى منتدى إختراق البريد والايميلات
    مشاركات: 6
    آخر مشاركة: 11-11-2011, 07:24 AM
  2. الدرس الاول من دورة html + شرح فيديوا لعيونكم
    بواسطة hussamhack في المنتدى قسم المواضيع المخالفة والمكررة
    مشاركات: 22
    آخر مشاركة: 08-05-2011, 07:00 AM
  3. الدرس الثالث من دورة html+شرح فيديوا للتوضيح
    بواسطة hussamhack في المنتدى قسم المواضيع المخالفة والمكررة
    مشاركات: 6
    آخر مشاركة: 02-24-2011, 06:31 PM
  4. الدرس الثانى من دورة html + شرح فيديوا بالتوفيق
    بواسطة hussamhack في المنتدى قسم المواضيع المخالفة والمكررة
    مشاركات: 11
    آخر مشاركة: 01-21-2011, 03:40 PM
  5. حصري شرح فيديوا كيفية تغيير امتداد الباتش وتغيير الايقونة
    بواسطة hideen003 في المنتدى قسم اختراق الأجهزة
    مشاركات: 4
    آخر مشاركة: 06-01-2010, 10:59 AM

المفضلات

أذونات المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •