[دورة برمجة السكربتات]: Html (الدرس الخامس)

DeletedUser · 12. مارس 2016

بسم الله الرحمن الرحيم,
تحية طيبة, اما بعد

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

مصطلحات بنتعلمها:

جدول	<table>
سطر افقي	<tr>
خلية في الجدول	<td>
عنوان الجدول	<caption>

الشرح:-

نستعمل التاغ التالي لأخبار الصفحة ان المعلومات التالية ستكون منسقة في جدول

PHP:

<table></table>

بس طبعا لو بس كتبنا الكود اللي فوق مابيطلع لنا الجدول, لازم نقول للمتصفح كيف يرتبه اكثر,
اول شي نعطي عنوان للجدول من خلال الامر "<caption>"

PHP:

<table>
<caption>عنوان الجدول هنا</caption>
</table>

بس كذا؟

لا الحين بنرتبه , لازم نسوي سطور افقية في الاول, من خلال "<tr>"

PHP:

<table>
<caption>عنوان الجدول هنا</caption>
<tr></tr>
<table/>

بس؟ لا الحين لازم نحط له سطور بالطول, عشان تتكون الخلايا اللي في الجدول
التي تحتوي على المعلومات:

PHP:

<table>
<caption>عنوان الجدول هنا</caption>
<tr>
<td>
المعلومات بتنحط هنا
</td>
</tr>
<table/>

طبعا الا هنا انتهينا من هيكلة الجدول.

نشوف نتيجته الاولية:
[SPOIL]

[/SPOIL]

ليه طلع كذا؟

لاننا ماعرفنا حدود الجدول والالوان وووو

نخلي الحدود تطلع من خلال الكود هذا:

PHP:

style="border: 1px solid black"

نضعه في تاغ ال"<table>" + تاغات ال "<td>"

النتيجة:
[SPOIL]

[/SPOIL]

انا مابتعمق اكثر في شرح الجدول, لمزيد من المعلومات,

يرجي الذهاب الى الرابط التالي.
http://ar.html.net/tutorials/html/lesson10.php

الى هنا وصلنا الى نهاية الدرس الخامس في الدورة

- للتطبيق والمشاركة -

على كل مشترك القيام بأعادة تنسيق الصفحة التي تم انشائها في الدروس السابقة,
وضع العوالم في جهة من الجدول, ونبذة عنها في الجهة الاخرى. مع وضع الصورة على شكل عنوان للجدول

يرجى مشاركة الصورة مع الكود

ملاحظة : ارجو من اصحاب الخبرات عدم المشاركة بأكثر من المطلوب لمراعاة معنويات الناس اللي بدون خبرة.

اختم بمقولة ابو رهف, لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة الموقع الشهير يوتيوب للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َوقمُ بتطويرُ خبرتكُ

نقبل الاسئلة في التعاليق + سكايب: live:6kr

[ .. النهاية .. ]

DeletedUser · 12. مارس 2016

# اول مشاركة

[SPOIL]

[/SPOIL]

الكود:

PHP:

<html>   
<head>   
<title></title>   
<style> 
#karim{ 
       font-size: 30; 
       text-decoration: underline; 
       font-weight:bold 
} 

body{ 
     background-color:yellow; 
} 

h2 { 
   text-align:right; 
} 

h3{ 
  text-align:center; 
  color:blue 
} 

p { 
  font-weight:bold; 
  text-align:center 
} 

h4{ 
  text-align:center; 
  color:blue 
} 

h5{ 
  text-align:center; 
  color:blue 
} 

h6{ 
   text-align:center; 
   color:blue 
} 
span { 
      color:red; 
      font-weight:bold 
} 
</style> 
</head>   
<body>   
<table style="border: 1px solid black"  >
<caption><img src='http://store1.up-00.com/2016-03/145724458738441.jpg' /> </caption>
<tr>
<td style="border: 1px solid black">
<p id="karim">هذا ايدي</p> 
</td>
<td style="border: 1px solid black">
<h2>هذه الصفحة ستحتوي على بعض العوالم التي لعبتها انا, <a href='https://forum.tribalwars.ae/member.php?39112-*Mr-K-a-R-i-M-*' target='_blank'>Mr.K a R i M.</a>.</h2>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 8</h3>  
</td>
<td style="border: 1px solid black">
<p>طبعا هذا العالم هو بدايتي في اللعبه, ولعبت بحساب: <span>ail.com</span></p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 10</h3>   
</td>
<td style="border: 1px solid black">
<p>في هذا العالم لعبت بحساب الشمالي21 بعدين دمجت مع اللاعب بروك هارد, وكملنا لقبل اخر العالم بشوي وحذفنا الحساب</p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h4>عالم 21</h4>   
</td>
<td style="border: 1px solid black">
<p>لعبته ككوبلاير من بعد غياب طويل عن ساحب العوالم واجتياح السبيد, لعبه في بحساب كروو توب  مع طلال كخ</p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h5>عالم 24</h5>   
</td>
<td style="border: 1px solid black">
<p>لعبت فيه بحساب دفع رباعي مع عثمان, خلصت العالم فيه</p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h6>عالم32</h6> 
</td>
<td style="border: 1px solid black">
<p>العبه بحساب كابتاغون كوبلاير, عالم حماسي شوي</p>   
</td>
</tr>
</table>
</body>   
</html>

DeletedUser29350 · 12. مارس 2016

برجع اعمل من اول درس حين انتبهت

صراحة مشكور جداا على دورة

DeletedUser · 12. مارس 2016

--Death note-- قال:
برجع اعمل من اول درس حين انتبهت

صراحة مشكور جداا على دورة

بأنتظارك قلبي,,

DeletedUser37443 · 13. مارس 2016

كريم اعذرني الله يخليك ما انتبهت للدرس ظننتك وقفت الدورةة بسويه غدا اليوم تعبان وما عندي عقل

DeletedUser38421 · 13. مارس 2016

درس مفيد لاكن صعب شوي ! خخخخـ

الصورة :

[SPOIL]

[/SPOIL]

الكود :

PHP:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Mesho</title>

<style>
h1
{
     color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h2
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h3
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h4
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h5
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h6
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
#mesho
{
    color: #000000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<body>
<center>
<table style="border: 5px solid #010101">
<caption><center><a href="https://www.tribalwars.ae/" target='_blank'><img src="ladda ned.jpg"></a></center></caption>
<tr>
<td style="border: 5px solid #303030">
<h1>Mesho <span style="color: #000099" >1</span></h1>
</td>
<td style="border: 5px solid #303030">
<h2>Mesho <span style="color: #000099" >2</span> </h2>
</td>
</tr>
<tr>
<td style="border: 5px solid #303030">
<h3>Mesho <span style="color: #000099" >3</span> </h3>
</td>
<td style="border: 5px solid #303030">
<h4>Mesho <span style="color: #000099" >4</span> </h4>
</td>
</tr>
<tr>
<td style="border: 5px solid #303030">
<h5>Mesho <span style="color: #000099" >5</span> </h5>
</td>
<td style="border: 5px solid #303030">
<h6>Mesho <span style="color: #000099" >6</span> </h6>
</td>
</tr>
<p id="mesho" > Mesho is <span style="color: #00CC00" >here</span> </p>
</table>
</body>
</head>
</html>

وشكراً لك + ننتظر الدرس الجاي ^

DeletedUser · 13. مارس 2016

Mr. Mesho قال:

درس مفيد لاكن صعب شوي ! خخخخـ

الصورة :

[SPOIL]

[/SPOIL]

الكود :

PHP:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Mesho</title>

<style>
h1
{
     color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h2
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h3
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h4
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h5
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
h6
{
    color: #CC0000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<style>
#mesho
{
    color: #000000;
     text-align: center;
     font-family:Impact,Charcoal, sans-serif;
     font-size: 20px
}
</style>

<body>
<center>
<table style="border: 5px solid #010101">
<caption><center><a href="https://www.tribalwars.ae/" target='_blank'><img src="ladda ned.jpg"></a></center></caption>
<tr>
<td style="border: 5px solid #303030">
<h1>Mesho <span style="color: #000099" >1</span></h1>
</td>
<td style="border: 5px solid #303030">
<h2>Mesho <span style="color: #000099" >2</span> </h2>
</td>
</tr>
<tr>
<td style="border: 5px solid #303030">
<h3>Mesho <span style="color: #000099" >3</span> </h3>
</td>
<td style="border: 5px solid #303030">
<h4>Mesho <span style="color: #000099" >4</span> </h4>
</td>
</tr>
<tr>
<td style="border: 5px solid #303030">
<h5>Mesho <span style="color: #000099" >5</span> </h5>
</td>
<td style="border: 5px solid #303030">
<h6>Mesho <span style="color: #000099" >6</span> </h6>
</td>
</tr>
<p id="mesho" > Mesho is <span style="color: #00CC00" >here</span> </p>
</table>
</body>
</head>
</html>

وشكراً لك + ننتظر الدرس الجاي ^

انا حسيت انه صعب ههههههه, انا فيه اشياء اعرفها لكن ماعرف كيف اشرحها, عشان كذا حطيت رابط للتوضيح,

تطبيق جميل

DeletedUser · 13. مارس 2016

رووح ,, إلي بعدوو ^^

DeletedUser · 13. مارس 2016

علاوي قال:
رووح ,, إلي بعدوو ^^

مدري ليه احس انك اصلا ماقريت الموضوع ههههههههه

DeletedUser36856 · 13. مارس 2016

صورة

http://prntscr.com/ael7kb

وهذا الكود

PHP:

<html>

<html>   
<head>   
<title>super</title>   
<style> 
#khaled{ 
       font-size: 30; 
       text-decoration: underline; 
       font-weight:bold 
} 

body{ 
     background-color:red; 
} 

h2 { 
   text-align:right; 
} 

h3{ 
  text-align:center; 
  color:orange 
} 

p { 
  font-weight:bold; 
  text-align:center 
} 

h4{ 
  text-align:center; 
  color:black 
} 

h5{ 
  text-align:center; 
  color:blue 
} 

h6{ 
   text-align:center; 
   color:blue 
} 
span { 
      color:red; 
      font-weight:bold 
} 
</style> 
</head>   
<body>   
<table style="border: 1px solid black"  >
<caption><img src='http://images.arabmmo.com/games/game_images/tribalwars/intro02.jpg' /> </caption>
<tr>
<td style="border: 1px solid black">
<p id="khaled">هذا ايدي</p> 
</td>
<td style="border: 1px solid black">
<h2>هذه الصفحة ستحتوي على بعض العوالم التي لعبتها انا, <a href='https://forum.tribalwars.ae/member.php?36856-super-super' target='_blank'>Super super</a>.</h2>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 3</h3>  
</td>
<td style="border: 1px solid black">
<p>طبعا هذا العالم هو بدايتي في اللعبه, ولعبت بحساب:الكهيفية <span></span></p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 4</h3>   
</td>
<td style="border: 1px solid black">
 
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h4>عالم 15</h4>   
</td>
<td style="border: 1px solid black">

</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h5>كلاسيك 3</h5>   
</td>
<td style="border: 1px solid black">
  
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h6>الكلاسيك الاخير</h6> 
</td>
<td style="border: 1px solid black">

</td>
</tr>
</table>
</body>   
</html>
</html>

DeletedUser · 13. مارس 2016

super super قال:

صورة

http://prntscr.com/ael7kb

وهذا الكود

PHP:

<html>

<html>   
<head>   
<title>super</title>   
<style> 
#khaled{ 
       font-size: 30; 
       text-decoration: underline; 
       font-weight:bold 
} 

body{ 
     background-color:red; 
} 

h2 { 
   text-align:right; 
} 

h3{ 
  text-align:center; 
  color:orange 
} 

p { 
  font-weight:bold; 
  text-align:center 
} 

h4{ 
  text-align:center; 
  color:black 
} 

h5{ 
  text-align:center; 
  color:blue 
} 

h6{ 
   text-align:center; 
   color:blue 
} 
span { 
      color:red; 
      font-weight:bold 
} 
</style> 
</head>   
<body>   
<table style="border: 1px solid black"  >
<caption><img src='http://images.arabmmo.com/games/game_images/tribalwars/intro02.jpg' /> </caption>
<tr>
<td style="border: 1px solid black">
<p id="khaled">هذا ايدي</p> 
</td>
<td style="border: 1px solid black">
<h2>هذه الصفحة ستحتوي على بعض العوالم التي لعبتها انا, <a href='https://forum.tribalwars.ae/member.php?36856-super-super' target='_blank'>Super super</a>.</h2>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 3</h3>  
</td>
<td style="border: 1px solid black">
<p>طبعا هذا العالم هو بدايتي في اللعبه, ولعبت بحساب:الكهيفية <span></span></p>   
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h3>عالم 4</h3>   
</td>
<td style="border: 1px solid black">
 
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h4>عالم 15</h4>   
</td>
<td style="border: 1px solid black">

</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h5>كلاسيك 3</h5>   
</td>
<td style="border: 1px solid black">
  
</td>
</tr>
<tr>
<td style="border: 1px solid black">
<h6>الكلاسيك الاخير</h6> 
</td>
<td style="border: 1px solid black">

</td>
</tr>
</table>
</body>   
</html>
</html>

تطبيق جميل يا خالد

DeletedUser · 1. أبريل 2016

[SPOIL]

[/SPOIL]

HTML:

<html>
<head>
<title>Night-Fury</title>
<style>
#id{
font-size:25;
text-decoration:underline;
font-weight:bold;
}

h2{
text-align:right;
}
h3{
  text-align:center;
  color:brown
}

p {
  font-weight:bold;
  text-align:center
}

h4{
  text-align:center;
  color:red
}

h5{
  text-align:center;
  color:blue
}

h6{
   text-align:center;
   color:purple
} 
span{
color:green;
font-weight:bold
}
</style>
<body background="2.png">
<center>
<table style="border: 2px navy">
<captio><center> <img src="1.png"/></center></captio>
<tr>
<td style="border: 2px solid navy">
<p id="id">This The ID</p>
</td>
<td style="border: 2px solid navy">
<h2>Night-Fury<a href='https://forum.tribalwars.ae/member.php?38244-night-fury' target='_balnk'>forum profile</a></h2>
</td>
</tr>
<tr>
<td style="border: 2px solid navy">
<h3>مثال 1</h3>
</td>
<td style="border: 2px solid navy">
<p>نص عادي</p>
</td>
</tr>
<tr>
<td style="border: 2px solid navy">
<h4>مثال 2</h4>
</td>
<td style="border: 2px solid navy">
<h5>مثال 3</h5>
</td>
</tr>
<tr>
<td style="border: 2px solid navy">
<h6>مثال 4</h6>
</td>
<td style="border: 2px solid navy">
<p>The last <span>EXAMPLE</span></p>
</td>
</tr>
</table>
</center>
</body>
</head>
</html<

DeletedUser · 2. أبريل 2016

جمييييللللللللل^

[دورة برمجة السكربتات]: Html (الدرس الخامس)

DeletedUser

Guest

DeletedUser

Guest

DeletedUser29350

Guest

DeletedUser

Guest

DeletedUser37443

Guest

DeletedUser38421

Guest

DeletedUser

Guest

DeletedUser

Guest

DeletedUser

Guest

DeletedUser36856

Guest

DeletedUser

Guest

DeletedUser

Guest

DeletedUser

Guest