الخميس، 24 أكتوبر، 2013

html الدرس الثالث

ﺳﻮف ﻧﻘﻮم ﻓﻲ ھﺬا اﻟﺪرس ﺑﺎﻟﺘﻌﺮف ﻋﻠﻰ اﻟﺨﺼﺎﺋﺺ اﻟﺘﻲ ﯾﻤﻜﻦ إﺿﺎﻓﺘﮭﺎ إﻟﻰ اﻟﻮﺳﻢ <BODY> ﻣﻦ أﺟﻞ اﻟﺘﺤﻜﻢ ﺑﺎﻟﺸﻜﻞ اﻟﻌﺎم ﻟﻠﺼﻔﺤﺔ، وﺧﺼﻮﺻﺎ ﻓﯿﻤﺎ ﯾﺘﻌﻠﻖ ﺑﺎﻷﻟﻮان. 


ﻃﺒﻌﺎً أﻧﺖ ﻻ زﻟﺖ ﺗﺬﻛﺮ اﻟﺼﻔﺤﺔ اﻟﺘﻲ ﻗﻤﻨﺎ ﺑﻜﺘﺎﺑﺘﮭﺎ ﻓﻲ اﻟﺪرس اﻷول. ﺻﻔﺤﺔ ﺑﺴﯿﻄﺔ ﺑﺨﻠﻔﯿﺔ رﻣﺎدﯾﺔ وﺧﻂ ﺻﻐﯿﺮ ﻧﺴﺒﯿﺎً ﻟﻮﻧﮫ أﺳﻮد. وھﺬه ھﻲ اﻹﻋﺪادات اﻹﻓﺘﺮاﺿﯿﺔ اﻟﺘﻲ ﯾﻌﺘﻤﺪھﺎ اﻟﻤﺘﺼﻔﺢ ﻋﻨﺪﻣﺎ ﻻ ﻧﻘﻮم ﻧﺤﻦ ﺑﺘﺤﺪﯾﺪ إﻋﺪادات أﺧﺮى. (رﺑﻤﺎ ﺗﻘﻮل: أھﺬه ﺻﻔﺤﺔ إﻧﺘﺮﻧﺖ!أﯾﻦ اﻷﻟﻮان واﻟﺮﺳﻮﻣﺎت واﻟﺨﻄﻮط اﻟﺠﻤﯿﻠﺔ واﻟﺘﻨﺴﯿﻘﺎت اﻟﺘﻲ ﻧﺮاھﺎ ﻓﻲ ﺻﻔﺤﺎت اﻹﻧﺘﺮﻧﺖ؟ ﻣﻌﻚ ﺣﻖ ﻟﻜﻦ ﻣﮭﻼً ﻓﻤﺎ زﻟﻨﺎ ﻓﻲ اﻟﺒﺪاﯾﺔ). 
 ﺳﻮف ﻧﺴﺘﻤﺮ ﺑﺎﺳﺘﺨﺪام ﺻﻔﺤﺘﻨﺎ ھﺬه ﻟﺘﻮﺿﯿﺢ أﻣﺜﻠﺔ ھﺬا اﻟﺪرس أﯾﻀﺎً، ﻟﻜﻦ ﻟﻦ أﻗﻮم ﺑﺘﻜﺮار ﻛﺘﺎﺑﺔ وﺳﻮم اﻟﺒﺪاﯾﺔ ﻃﺎﻟﻤﺎ أن ﻋﻤﻠﻨﺎ ﯾﺘﺮﻛﺰ ﻓﻲ اﻟﺠﺰء اﻟﻤﺨﺼﺺ ﻟﻤﺤﺘﻮﯾﺎت اﻟﺼﻔﺤﺔ ﻧﻔﺴﮭﺎ أي ﺿﻤﻦ اﻟﻮﺳﻤﯿﻦ <BODY> ... <BODY/ >. 
ﻧﻄﻠﻖ ﻛﻠﻤﺔ ﺧﺎﺻﯿﺔ (Attribute) ﻋﻠﻰ اﻟﺘﻌﺎﺑﯿﺮ اﻟﺘﻲ ﺗﻀﺎف إﻟﻰ اﻟﻮﺳﻮم، ﻣﻦ أﺟﻞ ﺗﺤﺪﯾﺪ اﻟﻜﯿﻔﯿﺔ أو اﻟﺸﻜﻞ اﻟﺬي ﺗﻌﻤﻞ ﺑﮭﺎ ھﺬه اﻟﻮﺳﻮم. وﺑﻌﺒﺎرة أﺧﺮى ﻓﺈن اﻟﻮﺳﻢ ﯾﻘﻮم ﺑﺈﺧﺒﺎر اﻟﻤﺘﺼﻔﺢ ﻋﻦ اﻟﻌﻤﻞ اﻟﺬي ﯾﺠﺐ اﻟﻘﯿﺎم ﺑﮫ أﻣﺎ اﻟﺨﺎﺻﯿﺔ ﻓﺘﺤﺪد اﻟﻜﯿﻔﯿﺔ اﻟﺘﻲ ﺳﯿﺘﻢ ﺑﮭﺎ أداء ھﺬا اﻟﻌﻤﻞ. 

<HTML> 
<HEAD> 
<TITLE> 
first page web samir
< /TITLE> 
< /HEAD> 
 
<BODY BGCOLOR="#00FF00"> 
www.mastredz.tk 
< /BODY> 
< /HTML>
سيكون الناتج هكذا

ﻟﻘﺪ ﻗﻤﺖ ﺑﺈﺿﺎﻓﺔ اﻟﺨﺎﺻﯿﺔ BGCOLOR إﻟﻰ اﻟﻮﺳﻢ <BODY> ، وھﻲ ﺗﻘﻮم ﺑﺘﺤﺪﯾﺪ ﻟﻮن اﻟﺨﻠﻔﯿﺔ ﻟﻠﺼﻔﺤﺔ. أﻣﺎ 00FF00 ﻓﮭﻲ اﻟﻘﯿﻤﺔ اﻟﺘﻲ ﺗﻤﺜﻞ اﻟﻠﻮن اﻟﻤﺨﺘﺎر وھﻮ ھﻨﺎ اﻟﻠﻮن اﻷﺧﻀﺮ، (ﻻﺣﻆ أﻧﮭﺎ ﻣﻜﺘﻮﺑﮫ ﺑﯿﻦ إﺷﺎرﺗﻲ " " ) 

ھﻨﺎك ﺛﻼﺛﺔ أﻟﻮان أﺳﺎﺳﯿﺔ ھﻲ اﻷﺣﻤﺮ واﻷﺧﻀﺮ واﻷزرق، وﻟﻜﻞ ﻣﻨﮭﺎ ﯾﻮﺟﺪ 256 درﺟﺔ
ﻟﻮﻧﯿﺔ وﯾﻌﺒﺮ ﻋﻦ ھﺬه اﻟﺪرﺟﺎت ﺑﺎﻷرﻗﺎم ﻣﻦ 000 وﺣﺘﻰ 255. وﻣﻦ ﺧﻼل ﻣﺰج ھﺬه 
اﻷﻟﻮان ﺑﺪرﺟﺎﺗﮭﺎ اﻟﻠﻮﻧﯿﺔ اﻟﻤﺨﺘﻠﻔﺔ ﻧﺤﺼﻞ ﻋﻠﻰ اﻷﻟﻮان اﻷﺧﺮى.
ﻣﻼﺣﻈﺔ ﻣﮭﻤﺔ: 
 
ﺑﻌﺾ اﻟﻤﺘﺼﻔﺤﺎت ﻻ ﺗﺘﻌﺮف ﻋﻠﻰ رﻣﻮز اﻷﻟﻮان إﻻ ﺑﻮﺿﻊ إﺷﺎرة # ﻗﺒﻞ ھﺬه اﻟﺮﻣﻮز، 
ﻟﺬﻟﻚ ﻣﻦ اﻷﻓﻀﻞ اﺳﺘﺨﺪاﻣﮭﺎ داﺋﻤﺎً.
وﺑﺎﻟﻨﺴﺒﺔ ﻟﺒﻌﺾ اﻷﻟﻮان اﻷﺳﺎﺳﯿﺔ واﻟﺪارﺟﺔ، ﻣﻦ اﻟﻤﻤﻜﻦ اﺳﺘﺨﺪام أﺳﻤﺎء ھﺬه اﻷﻟﻮان 
ﻣﺒﺎﺷﺮة ﺑﺪﻻً ﻣﻦ اﻷرﻗﺎم اﻟﺴﺪاس ﻋﺸﺮﯾﺔ. وھﺬا ﺟﺪول ﯾﻮﺿﺢ ھﺬه اﻷﻟﻮان وﻣﺴﻤﯿﺎﺗﮭﺎ: 

الان لنقوم بوضع خلفية بدل اللون
 BACKGROUND=" samir.jpg"

حيث تظع بدل samir.jpg رابط الصورة الخاصة بك

<HTML> 
<HEAD> 
<TITLE> 
first page web samir
< /TITLE> 
< /HEAD> 
 
<BODY BGCOLOR="#00FF00"> <BODY BGCOLOR="#000000" 
 BACKGROUND=" samir.jpg"> 
hello world !! 
< /BODY></html>

0 التعليقات:

إرسال تعليق

لا تنسى ان تشارك samir soltani بتعليقك
او نشر الموظوع جزاك الله خيرا