شركة اوريجينال
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الدرس السابع : اضافة الصور لصفحات الــ html

+8
Spider_mo09
oussama
jri7 hajr
aziza10
KING CR7
BeN.ShArAbi
a.boelez
{رضوان}
12 مشترك

اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف {رضوان} الخميس يناير 28, 2010 2:45 am

الدرس السابع : اضافة الصور لصفحات الــ html

نبدأ بسم الله ..
شوفوا يا اخوان هذا يمكن يكون واحد من أسهل الدروس ..
لان بس في أمر واحد أساسي و كل الاوامر الباقيه تتعلق بالدروس الثانيه ..

الامر الاساسي لاضافة الصور ..
يلله نشوف هالمثال البسيط ..


كود PHP:
<html>
<
head>
<
title> الصور </title>
</
head>
<
body>
<
h1 align="center">
<
img src="logo.jpg" alt="logo">
</
h1>
</
body>
</
html>



لاحظ أخي عندما ننسخ الكود و نفتحه بالمستعرض تكون النتيجه كذيه :
الدرس السابع : اضافة الصور لصفحات الــ html 951493557
راح نلاحظ أن الصوره ما تشتغل و هذا لانها أصلا مو موجوده بس أنا عملته كمثال توضيحي لا اكثر و لا اقل ..
نبدي نشرحه .. بسم الله ..
أولاً : سبق و ذكرنا تفسير الامر <h1> الي هو أمر لتحديد العناوين و تمييزها عن غيرها
ثانياً : كود:
<img src="xxxxx.yyy>

شوفوا يا اخوان هذا الامر هو الامر الاساسي في أي صوره داخل
لغة النص المتشعب و فيه متغيرين xxxxxx و تحط بدالها رابط الصوره و yyy و
تحط بدالها صيغة الصوره و عادة تكون jpg طبعا

الخصائص التي يمكن اضافتها مع أمر الصوره ..
الحين يا اخوان لاحظوا معي في هذي الشفره ..


كود PHP:
<html>
<
head>
<
title> وضع رابط و خصائص للصوره </title>
</
head>
<
body>
<
a href="http://www.mtwer.com">
<
img src="logo.jpg" alt=" موقع مطور " width=90 height=90 border=2>
</
a>
</
body>
</
html>




بعد ما نحط الشفره السابقه في امتداد htm راح تصير عندنا كذا ..
الدرس السابع : اضافة الصور لصفحات الــ html 179853572

نشرح هالشفره من الالف الى الياء ..
أول شي الامر herf تعرفوه و اذا كنت ما تعرفه راجع درس الوصلات التشعبيه
ثاني شي الامر img src شرحناه قبل شوي
ثالث شي الخصائص الي أضفناه الحين أحاول أشرحها بالتفصيل الممل ..
width = العرض و تتبعه بعلامة يساوي بعد علامة يساوي تكتب رقم تحددبه عرض الصوره
height = الارتفاع و تتبعه بعلامة يساوي بعد علامة يساوي تحط رقم تحددبه ارتفاع الصوره
alt = توضيح للصوره لو تحط الشفره هذي بالمفكره و تحفظها بصيغة htm راح تفهم أكثر
border = الحدود و عرض الحد
الحين راح ناخذ الاوامر الاضافيه ..
الامر align و يستخدم كالتالي ..
كود:
<img src="logo.jpg" align="top">

ولهذا الامر أربع خواص ..
top
bottom
middle
left
right
طبعا تحطها كالتالي ..
كود:
<img src="logo.jpg" align="xxxxx">

طبعا تلتزم بتغيير الــ xxxxx الى احدى الخواص التي سبق ذكرها ..


بعد الانتهاء من الدرس فكر في السؤال التالي :
- ما سبب اختلاف الخواص في الامر align عند استخدامه مع النصوص و عند استخدامه مع الصور ؟؟؟

و ايضاً فكر في :
- هل من الممكن عمل الصوره كــ عنوان عن طريق الامر كود:
<hn>

؟؟ أو كــ فقره عن طريق الامر كود:
<p>

؟؟

و يلله عاد أبي أشوف الاجابات فالمناقشه ..
و السلام عليكم و رحمة الله و بركاته
تحياتي : الوليد الراشدي
{رضوان}
{رضوان}
є∂αяу σяιgιηαℓє
مدير ومؤسس الموقع

الْعُمْر الْعُمْر : 111
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 8186
بلدي بلدي : الجزائر
الْنِّقَاط الْنِّقَاط : 28608
السٌّمعَة السٌّمعَة : 80
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.orignale.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف a.boelez الخميس يناير 28, 2010 10:30 pm

الدرس السابع : اضافة الصور لصفحات الــ html 87061
a.boelez
a.boelez
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 35
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 2240
بلدي بلدي : ليبيا
الْنِّقَاط الْنِّقَاط : 18878
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://oriiginale.co.cc

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف BeN.ShArAbi الجمعة يناير 29, 2010 12:03 am

يسلموا يا الغاليـــ
الدرس السابع : اضافة الصور لصفحات الــ html 87061
BeN.ShArAbi
BeN.ShArAbi
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 37
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 4930
بلدي بلدي : السعودية
الْنِّقَاط الْنِّقَاط : 23613
السٌّمعَة السٌّمعَة : 15
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://syrup.roo7.biz/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف ???? الجمعة يناير 29, 2010 6:42 pm

شكرا لك
avatar
????
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف ???? الجمعة يناير 29, 2010 6:42 pm

شكرا لك
avatar
????
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف {رضوان} السبت يناير 30, 2010 1:41 am

العفو
شكرا على المرووور
{رضوان}
{رضوان}
є∂αяу σяιgιηαℓє
مدير ومؤسس الموقع

الْعُمْر الْعُمْر : 111
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 8186
بلدي بلدي : الجزائر
الْنِّقَاط الْنِّقَاط : 28608
السٌّمعَة السٌّمعَة : 80
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.orignale.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف KING CR7 السبت يناير 30, 2010 3:10 am

يسلموا يا الغاليـــ
KING CR7
KING CR7
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 29
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 7907
بلدي بلدي : المغرب
الْنِّقَاط الْنِّقَاط : 127964
السٌّمعَة السٌّمعَة : 1
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.madridi.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف aziza10 الجمعة فبراير 19, 2010 3:40 pm

جــــــــــــــــــــــــــــــــــز الله خيرا ــــــــــــــــــاك
aziza10
aziza10
ღ عضو محترف ღ
ღ عضو محترف ღ

الْعُمْر الْعُمْر : 33
 الجنس : انثى
الْمَشِارَكِات الْمَشِارَكِات : 427
بلدي بلدي : الجزائر
الْنِّقَاط الْنِّقَاط : 16731
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.veecos.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف jri7 hajr الجمعة فبراير 19, 2010 6:04 pm

يسلموا يا الغاليـــ
الدرس السابع : اضافة الصور لصفحات الــ html 87061
jri7 hajr
jri7 hajr
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 30
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 719
بلدي بلدي : سوريا
الْنِّقَاط الْنِّقَاط : 17280
السٌّمعَة السٌّمعَة : 4
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.orignale.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف oussama الأحد يناير 16, 2011 3:19 pm

تسلم خويا
oussama
oussama
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 31
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 3558
بلدي بلدي : الجزائر
الْنِّقَاط الْنِّقَاط : 20584
السٌّمعَة السٌّمعَة : 5
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.veecos.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف Spider_mo09 السبت مارس 05, 2011 12:27 am

يسلموووو يا غاليــــــ
الدرس السابع : اضافة الصور لصفحات الــ html 475486
Spider_mo09
Spider_mo09
ღ عضو محترف ღ
ღ عضو محترف ღ

الْعُمْر الْعُمْر : 26
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 538
بلدي بلدي : الاردن
الْنِّقَاط الْنِّقَاط : 16506
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.eng-safy.co.cc

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف YASIR الإثنين مارس 07, 2011 6:38 am

شكرا لك على الدرس
YASIR
YASIR
:: عضو اداري ::
نائب مدير الموقع

الْعُمْر الْعُمْر : 34
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 3331
بلدي بلدي : العراق
الْنِّقَاط الْنِّقَاط : 18882
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

http://www.asase.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف KING Ghost الإثنين مارس 07, 2011 12:18 pm

سلمت بداك اخى رضووووان
KING Ghost
KING Ghost
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 29
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 820
الْنِّقَاط الْنِّقَاط : 15878
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف Sifou الثلاثاء مارس 08, 2011 8:19 pm

شكرا لك على الشرح
تميزت
Sifou
Sifou
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 30
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 4649
بلدي بلدي : الجزائر
الْنِّقَاط الْنِّقَاط : 20559
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 441010

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع : اضافة الصور لصفحات الــ html Empty رد: الدرس السابع : اضافة الصور لصفحات الــ html

مُساهمة من طرف Design-sasuke الخميس مارس 10, 2011 9:21 pm

مششششكور
Design-sasuke
Design-sasuke
ღ عضو ღ v I p
ღ عضو ღ v I p

الْعُمْر الْعُمْر : 32
 الجنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 8432
بلدي بلدي : سوريا
الْنِّقَاط الْنِّقَاط : 29423
السٌّمعَة السٌّمعَة : 0
. الدرس السابع : اضافة الصور لصفحات الــ html 111010

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى