You are on page 1of 35

 
 
 
 

 
 

‫‪ ‬‬
‫ﺗﻤﮫﯿﺪ ‪:‬‬

‫ﻣﺮﺣﺒﺎً ﺑﻜﻢ ﺟﻤﯿﻌﺎً ‪ ..‬ﻓﻲ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧـﺖ ﺑـﯿﺞ أﻛـﺲ ﺑـﻲ ‪ ٢٠٠٢‬واﻟـﺬي ﻣـﻦ ﺧﻼﻟـﻪ ﺗﺴـﺘﻄﯿﻌﻮن ﺗﺼـﻤﯿﻢ ﻣـﻮاﻗﻌﻜﻢ ﻋﻠـﻰ‬
‫اﻹﻧﺘﺮﻧﺖ ﺑﺼﻮرة اﺣﺘﺮاﻓﯿﺔ وﻧﺸﺮھﺎ ﻋﻠﻰ اﻟﻨﺖ ﺑﻜﻞ ﺳﮫﻮﻟﺔ ﻓﺎﻷﻣﺮ ﻟﯿﺲ ﻣﻌﻘﺪاً ﻛﻤﺎ ﻳﺒﺪو ﻟﻠﺒﻌﺾ وﻧﺤﻦ ھﻨﺎ ﺳﻨﻘﻮم ﺑﻤﺴـﺎﻋﺪﺗﻚ‬
‫ﻹﻧﺸﺎء ﻣﻮﻗﻊ ﻟﻄﺎﻟﻤﺎ ﺣﻠﻤﺖ ﺑﻪ ‪ ،‬وﺑﺎﻟﻄﺒﻊ ﻓﻔﻲ ﺑﺪاﻳﺔ اﻷﻣﺮ ﻳﺘﻮﺟﺐ أن ﺗﻜـﻮن ﻋﻠـﻰ اﺳـﺘﻌﺪاد ﺗـﺎم و رﻏﺒـﻪ ﺣﻘﯿﻘﯿـﺔ ﻓـﻲ ﻋﻤـﻞ‬
‫اﻟﻤﻮﻗﻊ اﻟﺬي ﺗﺮﻳﺪ ﻓﻤﺘﻰ ﺗﻮﻓﺮت اﻟﺮﻏﺒﺔ واﻟﻌﺰﻳﻤﺔ ﻓﺘﺄﻛﺪ ﺑﺄﻧﻚ ﻗﺎدر ﻋﻠﻰ ﺗﺼﻤﯿﻢ ﻣﻮﻗﻊ ﺟﺪﻳﺮ ﺑﺎﻻھﺘﻤﺎم واﻟﻤﺘﺎﺑﻌﺔ وﺷـﯿﺌﺎ ﻓﺸـﯿﺌﺎ‬
‫وﺑﻤﻤﺎرﺳﺔ ﺗﻄﻮﻳﺮ اﻟﻤﻮﻗﻊ ﺳﺘﺠﺪ أن ﻟﺪﻳﻚ ﻣﻮﻗﻌﺎ ﺧﯿﺎﻟﯿﺎً ﻳﻘﺼﺪه اﻟﻌﺪﻳﺪ ﻣﻦ اﻟﺰوار ﻟﺘﺼﻔﺤﻪ واﻻﺳﺘﻤﺘﺎع ﺑﻤﺎ ﻓﯿﻪ ‪ ،‬ﻓـﻼ ﺗﻨﺴـﻰ أن‬
‫ﻣﺸﻮار اﻷﻟﻒ ﻣﯿﻞ ﻳﺒﺪأ ﻣﻦ اﻟﺼﻔﺮ ‪.‬‬
‫وﻟﺘﺼﻤﯿﻢ ﻣﻮﻗﻊ ﻓﺎﻧﻚ ﺗﺤﺘﺎج إﻟﻰ ﺑﺮﻧﺎﻣﺞ ﺗﻘﻮم ﻓﯿﻪ ﺑﺘﺼﻤﯿﻢ ﺻﻔﺤﺎت ﻣﻮﻗﻌﻚ وﻧﺤﻦ ﻧﻨﺼﺤﻚ ﺑﺒﺮﻧﺎﻣﺞ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻓﮫﻮ اﻟﺒﺮﻧـﺎﻣﺞ‬
‫اﻟﻮﺣﯿﺪ اﻟﺬي ﻳﻤﻜﻨﻚ إﻧﺸﺎء ﺻﻔﺤﺎت ﻣﻮﻗﻌﻚ وﺗﺼﻤﯿﻤﮫﺎ ﺑﻜﻞ ﺑﺴﺎﻃﻪ ﻟﺘﺒﺪو ﻟﻚ ﺑﺎﻟﻤﺘﺼﻔﺢ ﻛﻤـﺎ ﺻـﻤﻤﺘﮫﺎ ﺗﻤﺎﻣـﺎً ‪ .‬ﺑﺎﻹﺿـﺎﻓﺔ إﻟـﻰ‬
‫أﻧﻪ ﻋﻤﻠﻲ وﺳﮫﻞ ﻟﻤﻦ ﻟﯿﺴﺖ ﻟﮫﻢ ﺧﺒﺮه ﺑﺎﻟﺘﺼﻤﯿﻢ أو ﻳﺼﻌﺐ ﻋﻠﯿﮫﻢ اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﻠﻐﺔ اﻟﺸﮫﯿﺮة اﻟــ ‪. HTML‬‬
‫ﺳﻨﻌﺮﻓﻚ ﻓﻲ اﻟﺒﺪاﻳﺔ ﻋﻠﻰ ﻣﺤﺘﻮﻳﺎت ﺑﺮﻧﺎﻣﺞ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻛﻲ ﻧﺴﮫﻞ ﻋﻠﯿﻚ ﻃﺮﻳﻘﺔ ﺑﺪء اﻟﻌﻤﻞ ‪.‬‬

‫أوﻻ ‪ :‬ﻗﺒﻞ اﻟﺒﺪء ﻓﻲ ﺗﺼﻤﯿﻢ ﻣﻮﻗﻌﻚ ﻋﻠﯿﻚ ﺗﺤﺪﻳﺪ ﻣﻮﺿﻮﻋﻪ ‪ ،‬ھﻞ ھﻮ ﺷﺨﺼﻲ ‪ -‬ﺑﺮاﻣﺞ ‪ -‬ﺗﻌﻠﯿﻢ – ﺛﻘﺎﻓﻲ‪..‬؟ إﻟﺦ ‪.‬‬

‫ﺛﺎﻧﯿﺎً ‪ :‬ﻣﺎ ھﻲ اﻟﺒﺮاﻣﺞ اﻟﻼزﻣﺔ ﻟﺘﺼﻤﯿﻢ ﺻﻔﺤﺎت اﻟﻮﻳﺐ ؟‬

‫ﻣﺎﻳﻜﺮوﺳﻮﻓﺖ ﻓﺮوﻧﺖ ﺑﯿﺞ ‪ ( FrontPage ) :‬وھﻮ ﻣﻮﺿﻮع ﺷـﺮﺣﻨﺎ ‪ ،‬وﻗـﺪ اﺧﺘﺮﻧـﺎه ﻷﻧـﻪ ﻣـﻦ ﻋﺎﺋﻠـﺔ ﻣﯿﻜﺮوﺳـﻮﻓﺖ‬ ‫‪.١‬‬
‫أوﻓﯿﺲ اﻟﺘﻲ اﻋﺘﺎد اﻟﻜﻞ ﺗﻘﺮﻳﺒﺎ ﻋﻠﻰ اﺳﺘﺨﺪاﻣﮫﺎ وھﺬا ﺳﯿﺴـﮫﻞ ﻣـﻦ اﺳـﺘﺨﺪاﻣﻪ ‪ .‬وھـﻮ ﺑﺮﻧـﺎﻣﺞ ﻗـﻮي ﺗﺴـﺘﻄﯿﻊ أن‬
‫ﺗﺼﻤﻢ ﺻﻔﺤﺎت ﺑﻤﺴﺘﻮى اﺣﺘﺮاﻓﻲ ﺑﻮاﺳﻄﺘﻪ ‪ .‬وﻳﻮﺟﺪ ھﺬا اﻟﺒﺮﻧﺎﻣﺞ ﺿﻤﻦ ﻣﺠﻤﻮﻋﺔ أوﻓﯿﺲ أﻛﺲ ﺑﻲ ‪. ٢٠٠٢‬‬

‫ﺑﺮﻧﺎﻣﺞ رﺳﻮﻣﻲ ‪ :‬ﻹﺿﺎﻓﺔ ﻟﻤﺴﺎت ﺟﻤﺎﻟﯿﺔ ﻟﻠﺼﻔﺤﺔ ﻛﺎﻟﺨﻠﻔﯿﺎت واﻟﻌﻨﺎوﻳﻦ ‪ ..‬إﻟﺦ ‪ .‬وﻣﻦ ھﺬه اﻟﺒﺮاﻣﺞ ﻣﺎ ﻳﻠﻲ ‪:‬‬ ‫‪.٢‬‬

‫ﺑﺮﻧﺎﻣﺞ ﻓﻮﺗﻮﺷﻮب ) ‪. ( Photo Shop‬‬ ‫•‬


‫ﺑﺮﻧﺎﻣﺞ ﺑﯿﻨﺖ ﺷﻮب ) ‪. ( Paint Shop Pro‬‬ ‫•‬
‫ﻓﻼش ) ‪. ( Flash‬‬ ‫•‬
‫اﻟﺮﺳﺎم اﻟﻤﺮﻓﻖ ﺑﻮﻳﻨﺪوز ‪.‬‬ ‫•‬

‫أو أي ﺑﺮﻧﺎﻣﺞ رﺳﻮﻣﻲ آﺧﺮ ﺗﺠﯿﺪ اﺳﺘﺨﺪاﻣﻪ ‪.‬‬

‫‪-٢-‬‬
‫‪ ‬‬

‫ــ ﻣﺎ ھﻮ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ؟‬

‫ﻳﻌﺪ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻣﻦ أھﻢ اﻟﺒﺮاﻣﺞ اﺳﺘﺨﺪاﻣﺎً ﻓﻲ إﻧﺸﺎء ﺻﻔﺤﺎت اﻟﻮﻳﺐ وذﻟﻚ ﻟﻠﻤﺰاﻳﺎ اﻟﺘﻲ ﻳﺘﻤﺘﻊ ﺑﮫﺎ ﻣـﻦ ﺣﯿـﺚ اﻟﺴـﮫﻮﻟﺔ‬
‫ﻓﻲ اﻟﺘﻌﺎﻣﻞ إﺿﺎﻓﺔ إﻟﻰ اﻹﻣﻜﺎﻧﯿﺎت اﻟﺘﻲ ﻳﺘﻤﺘﻊ ﺑﮫﺎ ‪ .‬وﻳﺒﯿﻦ ) اﻟﺸـﻜﻞ ( اﻟﻮاﺟﮫـﺔ اﻷﺳﺎﺳـﯿﺔ اﻟﺘـﻲ ﺳـﺘﺮاھﺎ ﻋﻨـﺪ اﻟﻌﻤـﻞ ﻓـﻲ‬
‫ﻓﺮوﻧﺖ ﺑﯿﺞ ‪.‬‬

‫‪-٣-‬‬
‫‪ ‬‬

‫ــ ﺑﻌﺪ ﺗﺸﻐﯿﻞ ﺟﮫﺎز اﻟﻜﻤﺒﯿﻮﺗﺮ ﻳﺘﻢ ﺗﺸﻐﯿﻞ اﻟﺒﺮﻧﺎﻣﺞ ﻋـﻦ ﻃﺮﻳـﻖ اﻟﻀـﻐﻂ ﻋﻠـﻰ أﻳﻘﻮﻧـﺔ ) إﺑـﺪأ _ ‪ ( start‬ﻣـﻦ ﺷـﺮﻳﻂ اﻟﻤﮫـﺎم ‪،‬‬
‫وﻧﺨﺘــﺎر ﻣﻨﮫــﺎ ) ﺑــﺮاﻣﺞ _ ‪ ، ( programs‬ﺛــﻢ ﻧﻀــﻐﻂ ﻋﻠــﻰ إﺳــﻢ اﻟﺒﺮﻧــﺎﻣﺞ ) ‪ ( Microsoft FrontPage‬ﺛــﻢ ﻧﺨﺘــﺎر‬
‫ﻛﻤﺎ ﻓﻲ اﻟﺸﻜﻞ اﻟﺘﺎﻟﻲ ‪:‬‬

‫ﺑﻌﺪ ﺗﺸﻐﯿﻞ اﻟﺒﺮﻧﺎﻣﺞ ﺗﻈﮫﺮ اﻟﺸﺎﺷﺔ اﻟﺮﺋﯿﺴﯿﺔ ﻟﻠﺒﺮﻧﺎﻣﺞ‬

‫ــ ﻛﯿﻔﯿﺔ إﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ ‪:‬‬

‫ﻋﻨﺪﻣﺎ ﺗﻘﻮم ﺑﺈﻧﺸﺎء ﻣﺠﻤﻮﻋﺔ ﺻﻔﺤﺎت ﻟﻠﻮﻳﺐ ﻟﻮﺿﻌﮫﺎ ﻓﻲ ﻣﻮﻗﻊ ﻋﻠﻰ اﻟﻮﻳﺐ ‪ .‬ﻓﺈن ﻓﺮوﻧﺖ ﺑﯿﺞ ﻳﺘﯿﺢ ﻟﻚ ﺗﺠﻤﯿﻊ ﺗﻠﻚ‬
‫اﻟﺼﻔﺤﺎت ﻓﻲ وﺣﺪة واﺣﺪة ﻟﯿﻄﻠﻖ ﻋﻠﯿﮫﺎ ﻓﻲ اﻟﻨﮫﺎﻳﺔ " وﻳﺐ " ‪ . Web‬رﻏﻢ أﻧﻨﺎ ﻧﺴﺘﺨﺪم ﻓﺮوﻧﺖ ﺑﯿﺞ ﻓﻲ إﻧﺸﺎء وﺗﻌﺪﻳﻞ‬
‫اﻟﺼﻔﺤﺎت اﻟﻔﺮدﻳﺔ دون اﻟﻘﯿﺎم ﺑﺈﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ ‪ ،‬ﻓﺈﻧﻚ ﺳﺘﺠﺪ ﺗﺤﻔﯿﺰاً ﻗﻮﻳﺎً ﻋﻠﻰ إﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ ﻳﺠﻤﻊ اﻟﺼﻔﺤﺎت اﻟﺘﻲ‬
‫أﻧﺸﺄﺗﮫﺎ ‪ .‬وذﻟﻚ ﻟﻸﺳﺒﺎب اﻟﺘﺎﻟﯿﺔ ‪:‬‬

‫ــ ﻳﺤﺘﻮي ﻓﺮوﻧﺖ ﺑﯿﺞ ﻋﻠﻰ ﻋﺪة ﺧﺼﺎﺋﺺ ﻟﻔﺤﺺ ﺳﻼﻣﺔ اﻟﺼﻔﺤﺎت اﻟﺘﻲ ﺗﻘﻮم ﺑﺈﻧﺸﺎﺋﮫﺎ وﺳﻼﻣﺔ اﻻرﺗﺒﺎﻃﺎت ﻓﻲ ﺗﻠﻚ‬
‫اﻟﺼﻔﺤﺎت‪.‬‬
‫ــ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻣﺼﻤﻢ ﻟﯿﺘﯿﺢ ﻟﻚ إرﺳﺎل اﻟﺼﻔﺤﺎت اﻟﺘﻲ ﺗﻨﺸﺌﮫﺎ إﻟﻰ أﺣﺪ أﺟﮫﺰة ﺧﺎدم اﻟﻮﻳﺐ وذﻟﻚ ﻛﻮﺣﺪة واﺣﺪة ‪.‬‬
‫ــ ﻋﻨﺪ إﻧﺸﺎء أﺣﺪ اﻟﻤﻮاﻗﻊ ﻳﻤﻜﻨﻚ اﺳﺘﺨﺪام أداة اﻟﺘﺤﺮك اﻟﺘﻠﻘﺎﺋﯿﺔ ﻓﻲ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻹﻧﺸﺎء أﺷﺮﻃﺔ ﺗﺤﺮك ﺧﺎﺻﺔ ﺑﻤﻮﻗﻌﻚ ‪.‬‬
‫ــ اﻻﺣﺘﻔﺎظ ﺑﺼﻔﺤﺎت اﻟﻮﻳﺐ اﻟﺘﻲ ﺗﻨﺸﺌﮫﺎ داﺧﻞ ﻣﻮﻗﻊ واﺣﺪ ﻳﺘﯿﺢ ﻟﻚ اﺳﺘﺨﺪام اﻟﻤﺠﻠﺪات ‪ Folders‬ﻟﺘﻨﻈﯿﻢ اﻟﻤﻠﻔﺎت ‪.‬‬
‫‪.‬‬ ‫ﻣﻮﻗﻌﻚ‬ ‫ﻓﺤﺺ‬ ‫ﻟﺘﺴﮫﯿﻞ‬ ‫‪Reports‬‬ ‫اﻟﺘﻘﺎرﻳﺮ‬ ‫اﺳﺘﺨﺪام‬ ‫ذﻟﻚ‬ ‫ﻟﻚ‬ ‫ﻳﺘﯿﺢ‬ ‫أﻳﻀﺎً‬ ‫ــ‬
‫ــ إذا ﻗﻤﺖ ﺑﺈﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ ﺟﺪﻳﺪ ‪ ،‬ﻳﻨﺸﺊ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻣﺠﻠﺪ ﺟﺪﻳﺪ ﻣﺴﺘﺨﺪﻣﺎً اﺳﻢ اﻟﻤﻮﻗﻊ ﺛﻢ ﺗﺴﺘﻄﯿﻊ ﺗﺨﺰﻳﻦ ﻣﻠﻔﺎﺗﻚ أو‬
‫إﺿﺎﻓﺘﮫﺎ إﻟﻰ ﻣﻮﻗﻌﻚ داﺧﻞ ھﺬا اﻟﻤﺠﻠﺪ أو ﻣﺠﻠﺪات ﻓﺮﻋﯿﺔ أﺧﺮى ‪.‬‬

‫‪-٤-‬‬
‫ــ ﻗﻢ ﺑﺈﻧﺸﺎء أول ﻣﻮﻗﻊ وﯾﺐ ﺧﺎص ﺑﻚ ‪:‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ‪ ،‬ﺣﺪد ﺧﯿﺎر ﺟﺪﻳﺪ ﺛﻢ ﺻﻔﺤﺔ أو وﻳﺐ ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﻳﺴﺎر اﻟﺸﺎﺷﺔ ) اﻧﻈﺮ اﻟﺸـﻜﻞ‬ ‫‪-١‬‬
‫أدﻧﺎه ( ‪.‬‬
‫ﺣﺪد ﺧﯿﺎر ﺻﻔﺤﺔ وﻳﺐ ﻓﺎرﻏﺔ وﻣﻦ ﺑﯿﻦ اﻟﻘﻮاﻟﺐ اﻟﻤﺘﺎﺣﺔ ﺣﺪد ﺻﻔﺤﺔ وﻳﺐ ذات ﺻﻔﺤﺔ واﺣﺪة ‪.‬‬ ‫‪-٢‬‬

‫ﺛﻢ إﺧﺘﺮ ھﺬا اﻟﺨﯿﺎر‬

‫ﺣﺪد ﻣﻮﻗﻊ ﻣﺠﻠﺪ اﻟﻮﻳﺐ وﺿﻊ اﺳﻤﺎً ﻟﻤﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺬي ﺗﻘﻮم ﺑﺈﻧﺸﺎﺋﻪ ‪.‬‬ ‫‪-٣‬‬
‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ﻓﻲ ﺣﺎﻟﺔ ﻋﺪم وﺟﻮد ﻣﺠﻠﺪ اﻟﻮﻳﺐ ‪ ،‬ﺳﯿﻄﻠﺐ ﻣﻨﻚ إﻧﺸﺎؤه ﻓﻲ ھﺬه اﻟﺤﺎﻟﺔ اﻧﻘﺮ زر‬ ‫‪-٤‬‬
‫ﻣﻮاﻓﻖ ﻹﻧﺸﺎء اﻟﻤﺠﻠﺪ واﻟﻤﻮﻗﻊ ‪.‬‬

‫ــ ﻛﯿﻔﯿﺔ إﻧﺸﺎء ﺻﻔﺤﺎت ﻣﺘﻌﺪدة أو ﻣﻠﻔﺎت ‪ HTML‬ﻓﺎرﻏﺔ ‪:‬‬

‫ﺑﻌﺪ أن ﺗﻌﻠﻤﺖ ﻛﯿﻔﯿﺔ إﻧﺸﺎء ﻣﻮﻗـﻊ اﻟﻮﻳـﺐ اﻟﺨـﺎص ﺑـﻚ ﺳـﺘﺘﻌﻠﻢ اﻵن ﻛﯿﻔﯿـﺔ إﻧﺸـﺎء ﺻـﻔﺤﺎت داﺧـﻞ ﻣﻮﻗﻌـﻚ ﺣﯿـﺚ أن اﻟﻤﻮﻗـﻊ‬
‫ﻳﺤﺘﻮي ﻋﻠﻰ ﻋﺪد ﻣﻦ اﻟﺼﻔﺤﺎت ‪.‬‬

‫ﻹﺿﺎﻓﺔ ﺻﻔﺤﺔ ﺟﺪﻳﺪة ﻓﻲ ﻣﻮﻗﻌﻚ ‪ ،‬ﻗﻢ ﺑﻤﺎ ﻳﻠﻲ ‪:‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ﺣﺪد ﺧﯿﺎر ﺟﺪﻳﺪ ﺛﻢ ﺻﻔﺤﺔ أو وﻳﺐ ﺣﺘﻰ ﺗﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﺛﻢ ﺟﺪﻳﺪ ﺛـﻢ ﺻـﻔﺤﺔ‬ ‫‪-١‬‬
‫ﻓﺎرﻏﺔ ‪.‬‬
‫ﺳﻮف ﻳﻌﺮض ﻟﻚ اﻟﻤﺮﺑﻊ ‪ New‬ﻗﻮاﻟﺐ ﻣﺘﻨﻮﻋﺔ ﻟﺼﻔﺤﺎت وﻳﺐ ﻣﻦ ﺧﻼل ‪. Page templates‬‬ ‫‪-٢‬‬

‫‪new‬‬ ‫ﻋﻨــﺪﻣﺎ ﺗﻘــﻮم ﺑﺈﻧﺸــﺎء اﻟﺼــﻔﺤﺎت ﺳــﺘﺄﺧﺬ ھــﺬه اﻟﺼــﻔﺤﺎت اﻷﺳــﻤﺎء اﻻﻓﺘﺮاﺿــﯿﺔ ﻟﻠﻤﻠﻔــﺎت ﻣﺜــﻞ ‪ new page1.htm‬و‬
‫‪ page2.htm‬ﻟﺬا اﺣﻔﻆ اﻟﺼﻔﺤﺎت ﺑﺄﺳﻤﺎء أﺧﺮى أﻛﺜﺮ وﺿﻮﺣﺎً ﺣﺘﻰ ﻳﻤﻜﻨﻚ اﻟﺘﻌﺮف ﻋﻠﯿﮫﺎ ﺑﺴﮫﻮﻟﺔ ‪.‬‬

‫ﺗﻌﻠﻤﺖ ﻓﻲ ھﺬا اﻟﺪرس ﺑﻌﺾ اﻷﺳﺎﺳﯿﺎت ﻓﻲ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻋﻦ ﻛﯿﻔﯿﺔ إﻧﺸﺎء اﻟﻤﻮاﻗﻊ وإﺿﺎﻓﺔ اﻟﺼﻔﺤﺎت إﻟﻰ ھﺬا اﻟﻤﻮﻗﻊ ‪.‬‬

‫‪-٥-‬‬
‫‪ ‬‬

‫وﺑﻌﺪ ﻓﺘﺢ اﻟﻤﻠﻒ ﺗﻈﮫﺮ اﻟﺸﺎﺷﺔ اﻟﺘﺎﻟﯿﺔ ‪:‬‬

‫ﻟﻌﺮض ﺻﻔﺤﺔ اﻟﻌﻤﻞ اﻟﺘﻲ ﻳﻤﻜﻦ اﻟﺘﻌﺪﻳﻞ واﻹﺿﺎﻓﺔ ﻣﻦ ﺧﻼﻟﮫﺎ وﻳﻔﻀﻞ‬


‫إﺧﺘﯿﺎر ھﺬا اﻟﺨﯿﺎر ﻋﻨﺪ ﻋﻤﻞ اﻟﺘﺼﻤﯿﻢ‬

‫ﺗﺴﻤﺢ ﻟﻚ ﻃﺮﻳﻘﺔ اﻟﻌﺮض ھﺬه ﺑﺘﻨﻈﯿﻢ اﻟﻤﻠﻔﺎت واﻟﻤﺠﻠﺪات اﻟﻤﻮﺟﻮدة ﺑﺎﻟﺼﻔﺤﺔ ‪.‬‬

‫ﺗﻘﻮم ﻃﺮﻳﻘﺔ اﻟﻌﺮض ھﺬه ﺑﻌﻤﻞ ﺗﻘﺎرﻳﺮ ﻋﻦ ﺣﺎﻟﺔ اﻟﻤﻠﻔﺎت واﻹرﺗﺒﺎﻃﺎت اﻟﺘﺸﻌﺒﯿﺔ‬
‫اﻟﻤﻮﺟﻮدة ﺑﺎﻟﺼﻔﺤﺔ ‪.‬‬

‫‪-٦-‬‬
‫أﺛﻨﺎء ﻓﺘﺢ ﺻﻔﺤﺔ وﻳﺐ ‪ ،‬ﺗﻘﻮم ﻃﺮﻳﻘﺔ اﻟﻌﺮض اﻟﺤﺎﻟﯿﺔ ﺑﻌﺮض ﺑﻨﯿﺔ اﻟﺘﻨﻘـﻞ ﻟﻤﻮﻗـﻊ وﻳـﺐ‬
‫وﺗﺴﻤﺢ ﻟﻚ ﺑﺈﺿﺎﻓﺔ أزرار اﻟﺘﻨﻘﻞ إﻟﻰ ﺻﻔﺤﺎﺗﻚ ‪.‬‬

‫ﺗﻘـﻮم ﻃﺮﻳﻘــﺔ اﻟﻌــﺮض ھــﺬه ﺑﻌـﺮض إرﺗﺒﺎﻃــﺎت ﺗﺸــﻌﺒﯿﺔ إﻟــﻰ وﻣـﻦ ﻛــﻞ ﺻــﻔﺤﺔ وﻳــﺐ‬
‫ﻣﻀﻤﻨﺔ ‪.‬‬

‫ﺗﻘﻮم ھﺬه اﻟﻄﺮﻳﻘﺔ ﺑﺴﺮد اﻟﻤﮫﺎم اﻟﻤﺮاد إﻛﻤﺎﻟﮫﺎ ﻓﻲ ﺻﻔﺤﺔ وﻳﺐ ‪.‬‬

‫ــ وﻗﺒﻞ اﻟﺒﺪء ﻓﻲ ﺷﺮح رﻣﻮز اﻟﺒﺮﻧﺎﻣﺞ وأدواﺗﻪ ﻧﻮرد ھﺬه اﻟﻤﻌﻠﻮﻣﺔ ﻋﻦ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ‪:‬‬

‫ﺗﺒﺪأ ﺻﻔﺤﺔ ‪ html‬أو اﻹﺗﺶ ﺗﻲ إم ال ﺑـﺎﻟﻮﺳﻢ >‪ <html‬وﺗﻨﺘﮫﻲ ﺑـﺎﻟﻮﺳﻢ >‪. <html/‬‬ ‫•‬
‫ﺗﻨﻘﺴﻢ اﻟﺼﻔﺤﺔ إﻟﻰ ﻣﻨﻄﻘﺘﯿﻦ ھﻤﺎ ‪:‬‬ ‫•‬
‫‪ o‬ﻣﻨﻄﻘﺔ اﻟﺮأس أو اﻟﮫﯿـﺪ‪ :‬وﺗﺒـﺪأ ﺑــﺎﻟﻮﺳﻢ >‪ <head‬وﺗﻨﺘﮫـﻲ ﺑــﺎﻟﻮﺳﻢ >‪ <head/‬وﺗﺤﺘـﻮي ﻋﻠـﻰ ﻋﻨـﻮان‬
‫اﻟﺼﻔﺤﺔ ‪.‬‬
‫‪ o‬ﻣﻨﻄﻘﺔ اﻟﺠﺴﻢ أو اﻟﺒﻮدي‪ :‬وﺗﻘﻊ ﺑﯿﻦ اﻟﻮﺳﻤﯿﻦ >‪ <body‬و >‪ .. <body/‬وﻛﻞ ﻣﺎ ﺳـﯿﻈﮫﺮ ﻓـﻲ اﻟﺼـﻔﺤﺔ‬
‫ﺳﯿﻜﻮن ﻣﻮﺟﻮد ﻓﻲ ھﺬه اﻟﻤﻨﻄﻘﺔ ‪.‬‬

‫ــ واﻵن اﻓﺘﺢ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑـﯿﺞ ‪ ، ٢٠٠٢‬ﺳـﺘﺠﺪ أن اﻹﻃـﺎر أﺳـﻔﻞ اﻟﺒﺮﻧـﺎﻣﺞ ﻳﺤﺘـﻮي ﻋﻠـﻰ ﺛـﻼث ﻗﺴـﺎم ھـﻲ ‪Normal /‬‬
‫‪. HTML / Preview‬‬
‫* اﻟﻘﺴﻢ ‪ : Normal‬ھﻮ ﻣﻨﻄﻘﺔ اﻟﻌﻤﻞ اﻟﺘﻲ ﺳﯿﺘﺮﻛﺰ ﻓﯿﮫﺎ ﺷﺮﺣﻨﺎ ‪.‬‬
‫* اﻟﻘﺴﻢ ‪ : HTML‬ﻟﻤﺸﺎھﺪة اﻟﻜﻮد اﻟﺬي ﻳﻜﺘﺒﻪ اﻟﺒﺮﻧﺎﻣﺞ ﺧﻠﻒ اﻟﺼﻔﺤﺔ ‪.‬‬
‫* اﻟﻘﺴﻢ ‪ : Preview‬ﻟﻤﺸﺎھﺪة اﻟﺼﻔﺤﺔ ﻛﻤﺎ ﺳﺘﻈﮫﺮ ﻟﻠﻤﺘﺼﻔﺢ ‪ ..‬ﻟﺬﻟﻚ ﺑﻌﺪ أن ﺗﻀﯿﻒ ﺷﻲء ﻟﻠﺼـﻔﺤﺔ ﻓـﻲ ﻗﺴـﻢ ‪Normal‬‬
‫ﻗﻢ ﺑﻤﺸﺎھﺪة ﻃﺮﻳﻘﺔ ﻇﮫﻮره ﻓﻲ ﻣﻨﻄﻘﺔ ‪. Preview‬‬

‫إﻟﯿﻚ اﻵن ﺷﺮح أھﻢ رﻣﻮز أﺷﺮﻃﺔ أدوات ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ‪. ٢٠٠٢‬‬

‫‪-٧-‬‬
‫‪‬‬

‫أوﻻً ‪ :‬اﻟﻘﺎﺋﻤﺔ اﻟﺮﺋﯿﺴﯿﺔ ‪:‬‬

‫ــ وﺳﻮف ﻧﺘﻨﺎول ھﻨﺎ ﺷﺮح اﻟﻘﺎﺋﻤﺔ اﻟﺮﺋﯿﺴﯿﺔ ﻓﻲ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ‪ ٢٠٠٢‬وھﻲ ‪ " :‬ﻣﻠﻒ ‪ ،‬ﺗﺤﺮﻳﺮ ‪ ،‬ﻋﺮض ‪ ،‬إدراج ‪،‬‬
‫ﺗﻨﺴﯿﻖ "‬

‫أوﻻً ‪ :‬ﻣﻠﻒ‬

‫ﻗﺎﺋﻤﺔ ﻣﻠﻒ‬
‫ﺟﺪﻳﺪ ‪ :‬ﻹﻧﺸﺎء ﺻﻔﺤﺔ ﻓﺎرﻏﺔ أو ﺻﻔﺤﺔ وﻳﺐ ‪.‬‬ ‫‪.١‬‬
‫ﻓﺘﺢ ‪ :‬ﻟﻔﺘﺢ ﻣﻠﻒ ﻣﺤﻔﻮظ ﻣﺴﺒﻘﺎً ‪.‬‬ ‫‪.٢‬‬
‫إﻏﻼق ‪ :‬ﻹﻋﻼق اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٣‬‬
‫ﻓﺘﺢ وﻳﺐ ‪ :‬ﻟﻔﺘﺢ ﺻﻔﺤﺔ وﻳﺐ ﻓﻲ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ وﻳﺘﻢ ذﻟﻚ ﻋﻦ ﻃﺮﻳﻖ وﺿﻊ‬ ‫‪.٤‬‬
‫راﺑﻂ اﻟﺼﻔﺤﺔ ‪.‬‬
‫إﻏﻼق وﻳﺐ ‪ :‬ﻹﻏﻼق ﺻﻔﺤﺔ اﻟﻮﻳﺐ ‪.‬‬ ‫‪.٥‬‬
‫ﺣﻔﻆ ‪ :‬ﻟﺤﻔﻆ ﺻﻔﺤﺔ ﻣﻮﺟﻮدة ﻣﺴﯿﻘﺎً ‪.‬‬ ‫‪.٦‬‬
‫ﺣﻔﻆ ﺑﺎﺳﻢ ‪ :‬ﻟﺤﻔﻆ ﺻﻔﺤﺔ ﺟﺪﻳﺪة ﺑﺈﺳﻢ أو ﺣﻔﻆ اﻟﺼﻔﺤﺔ ﺑﺈﺳﻢ آﺧﺮ ‪.‬‬ ‫‪.٧‬‬
‫ﺣﻔﻆ اﻟﻜﻞ ‪ :‬ﺣﻔﻆ ﺟﻤﯿﻊ اﻟﺼﻔﺤﺎت ‪.‬‬ ‫‪.٨‬‬
‫ﺑﺤﺚ ‪ :‬ﻟﻠﺒﺤﺚ ﺿﻤﻦ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٩‬‬
‫ﻧﺸﺮ وﻳﺐ ‪ :‬ﻟﻨﺸﺮ ﺻﻔﺤﺘﻚ ﻓﻲ اﻹﻧﺘﺮﻧﺖ ‪.‬‬ ‫‪.١٠‬‬
‫إﺳﺘﯿﺮاد ‪ :‬ﻹﺳﺘﯿﺮاد ﺻﻔﺤﺘﻚ ﻣﻦ اﻹﻧﺘﺮﻧﺖ وﺗﻌﺪﻳﻠﮫﺎ ‪.‬‬ ‫‪.١١‬‬
‫ﺗﺼﺪﻳﺮ ‪ :‬ﻟﺘﺼﺪﻳﺮ اﻟﺼﻔﺤﺔ ﻟﻺﻧﺘﺮﻧﺖ ‪.‬‬ ‫‪.١٢‬‬
‫ﻣﻌﺎﻳﻨﺔ ‪ :‬ﻟﻤﻌﺎﻳﻨﺔ اﻟﺼﻔﺤﺔ وإﺳﺘﻌﺮاﺿﮫﺎ ﻓﻲ ﻣﺘﺼﻔﺢ إﻧﺘﺮﻧﺖ أﻛﺴﺒﻠﻮرر ‪.‬‬ ‫‪.١٣‬‬
‫إﻋﺪاد اﻟﺼﻔﺤﺔ ‪ :‬ﻹﻋﺪاد اﻟﺼﻔﺤﺔ ﻟﻠﻄﺒﺎﻋﺔ ‪.‬‬ ‫‪.١٤‬‬
‫ﻣﻌﺎﻳﻨﺔ ﻗﺒﻞ اﻟﻄﺒﺎﻋﺔ ‪ :‬ﻟﻤﻌﺎﻳﻨﺔ اﻟﺼﻔﺤﺔ ﻗﺒﻞ ﻃﺒﺎﻋﺘﮫﺎ ‪.‬‬ ‫‪.١٥‬‬
‫ﻃﺒﺎﻋﺔ ‪ :‬ﻟﻄﺒﺎﻋﺔ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٦‬‬
‫إرﺳﺎل ‪ :‬ﻹرﺳﺎل اﻟﺼﻔﺤﺔ ﺑﺎﻟﺒﺮﻳﺪ اﻹﻟﻜﺘﺮوﻧﻲ ‪.‬‬ ‫‪.١٧‬‬
‫ﺧﺼﺎﺋﺺ ‪ :‬ﻟﺘﻌﺪﻳﻞ ﺧﺼﺎﺋﺺ اﻟﺼﻔﺤﺔ ﻣﻦ ﺣﯿﺚ ‪ " :‬اﻹﺳﻢ ‪ ،‬اﻟﺨﻠﻔﯿﺔ ‪،‬‬ ‫‪.١٨‬‬
‫اﻟﺨﻂ ‪ ،‬اﻷﻟﻮان ‪ ،‬اﻟﺼﻮت ‪ ،‬اﻟﺮواﺑﻂ " ‪.‬‬
‫اﻟﻤﻠﻔﺎت اﻷﺧﯿﺮة ‪ :‬ﻟﺮؤﻳﺔ اﻟﻤﻠﻔﺎت اﻷﺧﯿﺮة اﻟﺘﻲ ﺗﻢ ﻓﺘﺤﮫﺎ ‪.‬‬ ‫‪.١٩‬‬
‫ﺻﻔﺤﺔ وﻳﺐ اﻷﺧﯿﺮة ‪ :‬ﻟﻤﻌﺎﻳﻨﺔ ﺻﻔﺤﺎت وﻳﺐ اﻷﺧﯿﺮة اﻟﺘﻲ ﺗﻢ ﻓﺘﺤﮫﺎ ‪.‬‬ ‫‪.٢٠‬‬
‫إﻧﮫﺎء ‪ :‬ﻹﻧﮫﺎء اﻟﺒﺮﻧﺎﻣﺞ ‪.‬‬ ‫‪.٢١‬‬

‫‪-٨-‬‬
‫‪‬‬

‫ﻗﺎﺋﻤﺔ اﻟﺘﺤﺮﻳﺮ ‪:‬‬

‫ــ ھﺬه ھﻲ ﻗﺎﺋﻤﺔ " اﻟﺘﺤﺮﻳﺮ " اﻟﻤﻌﺮوﻓﺔ ﻛﻤﺎ ﻓﻲ ﺑﺮاﻣﺞ اﻷوﻓﯿﺲ ﻛﺎﻷوﻓﯿﺲ وﻏﯿﺮه وھﻲ ﺗﺤﺘﻮي ﻋﻠﻰ ‪:‬‬

‫ﺗﺤﺮﻳﺮ اﻟﻜﺘﺎﺑﺔ واﻟﺘﺮاﺟﻊ ‪.‬‬ ‫‪.‬‬


‫ﻗﺺ وﻧﺴﺦ اﻟﻨﺺ أو اﻟﺼﻮرة ‪.‬‬ ‫‪.‬‬
‫اﻟﺤﺎﻓﻈﺔ ‪ :‬ﺗﺘﯿﺢ ﻟﻚ ﻧﺴﺦ أي ﻧﺺ أو ﺻﻮرة ﻣﻦ ﺑﺮﻧﺎﻣﺞ أوﻓﯿﺲ وﻏﯿﺮه ‪.‬‬ ‫‪.‬‬
‫ﻟﺼﻖ ﺧﺎص ‪ :‬ﻳﺘﯿﺢ ﻟﻚ ﻋﺪة ﺧﯿﺎرات ﻓﻲ ﺣﺎﻟﺔ أردت ﻟﺼﻖ ﻧﺺ أو ﺻﻮرة ‪.‬‬ ‫‪.‬‬
‫ﺣﺬف ‪ :‬ﻟﺤﺬف ﻧﺺ أو ﺻﻮرة ‪.‬‬ ‫‪.‬‬
‫ﺗﺤﺪﻳﺪ اﻟﻜﻞ ‪ :‬ﻟﻠﺘﺤﺪﻳﺪ اﻟﻜﺎﻣﻞ ‪.‬‬ ‫‪.‬‬
‫ﺑﺤﺚ ‪ :‬ﻟﻠﺒﺤﺚ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.‬‬
‫إﺳﺘﺒﺪال ‪ :‬ﻹﺳﺘﺒﺪال ﻛﻠﻤﺔ أو ﻧﺺ ‪.‬‬ ‫‪.‬‬

‫‪-٩-‬‬
‫‪‬‬

‫ﻗﺎﺋﻤﺔ ﻋﺮض‬
‫ﺻﻔﺤﺔ ‪ :‬ﻟﻌﺮض ﺻﻔﺤﺔ اﻟﻌﻤﻞ ﻓﻘﻂ ‪.‬‬ ‫‪.١‬‬
‫ﻣﺠﻠــﺪات ‪ :‬ﺗﺴــﻤﺢ ﻟــﻚ ھــﺬا اﻟﻄﺮﻳﻘــﺔ ﺑﺘﻨﻈــﯿﻢ اﻟﻤﻠﻔــﺎت واﻟﻤﺠﻠــﺪات‬ ‫‪.٢‬‬
‫اﻟﻤﻮﺟﻮدة ﺑﺎﻟﺼﻔﺤﺔ ‪.‬‬
‫ﺗﻘﺎرﻳﺮ ‪ :‬ﻟﺮؤﻳﺔ ﺗﻘﺎرﻳﺮ ﻋﻦ اﻟﻤﻮﻗﻊ ‪ :‬ﻣﻌﻠﻮﻣﺎت ﺗﻠﺨﯿﺼﯿﺔ ﻋﻦ اﻟﻤﻮﻗﻊ وﺗﻘـﺎرﻳﺮ‬ ‫‪.٣‬‬
‫ﻋــﻦ ﺣﺎﻟــﺔ اﻟﻤﻠﻔــﺎت واﻹرﺗﺒﺎﻃــﺎت اﻟﺘﺸــﻌﺒﯿﺔ اﻟﻤﻮﺟــﻮدة ﺑﺎﻟﺼــﻔﺤﺔ وﻣﻠﻔــﺎت‬
‫وﻣﺸﺎﻛﻞ وﺳﯿﺮ اﻟﻌﻤﻞ ‪ ...‬إﻟﺦ ‪.‬‬
‫اﻟﺘﻨﻘﻞ ‪ :‬أﺛﻨﺎء ﻓﺘﺢ ﺻﻔﺤﺔ وﻳﺐ ‪ ،‬ﺗﻘﻮم ﻃﺮﻳﻘﺔ اﻟﻌﺮض اﻟﺤﺎﻟﯿـﺔ ﺑﻌـﺮض ﺑﻨﯿـﺔ‬ ‫‪.٤‬‬
‫اﻟﺘﻨﻘﻞ ﻟﻤﻮﻗﻊ وﻳﺐ وﺗﺴﻤﺢ ﻟﻚ ﺑﺈﺿﺎﻓﺔ أزرار اﻟﺘﻨﻘﻞ إﻟﻰ ﺻﻔﺤﺎﺗﻚ‪.‬‬
‫إرﺗﺒﺎﻃﺎت ﺗﺸﻌﺒﯿﺔ ‪ :‬ﻟﻌﺮض إرﺗﺒﺎﻃﺎت ﺗﺸﻌﺒﯿﺔ إﻟﻰ وﻣﻦ ﻛﻞ ﺻﻔﺤﺔ وﻳﺐ‬ ‫‪.٥‬‬
‫ﻣﻀﻤﻨﺔ ‪.‬‬
‫ﻣﮫﺎم ‪ :‬ﺗﻘﻮم ھﺬه اﻟﻄﺮﻳﻘﺔ ﺑﺴﺮد اﻟﻤﮫﺎم اﻟﻤﺮاد إﻛﻤﺎﻟﮫﺎ ﻓﻲ ﺻﻔﺤﺔ وﻳﺐ‬ ‫‪.٦‬‬
‫‪.‬‬
‫ﺷﺮﻳﻂ اﻟﻌﺮض ‪ :‬ﻟﻌﺮض أو إﺧﻔﺎء ﺷﺮﻳﻂ اﻟﻌﺮض اﻟﺬي ﻳﻈﮫﺮ أﻳﺴﺮ‬ ‫‪.٧‬‬
‫اﻟﺼﻔﺤﺔ ‪.‬‬
‫ﻗﺎﺋﻤﺔ اﻟﻤﺠﻠﺪات ‪ :‬ﻹﻇﮫﺎر ﻗﺎﺋﻤﺔ اﻟﻤﺠﻠﺪات ﻓﻲ اﻟﻤﻮﻗﻊ‬ ‫‪.٨‬‬
‫ﺟﺰء اﻟﺘﻨﻘﻞ ‪ :‬ﻹﻇﮫﺎر ﺧﯿﺎرات ﺻﻔﺤﺔ ﺟﺪﻳﺪة أو ﺻﻔﺤﺔ وﻳﺐ ﻓﺎرﻏﺔ ﻹﻇﮫﺎر‬ ‫‪.٩‬‬
‫ﺟﺰء اﻟﺘﻨﻘﻞ وﻗﺎﺋﻤﺔ اﻟﻤﺠﻠﺪات ‪.‬‬
‫ﻛﺸﻒ اﻟﻌﻼﻣﺎت ‪ :‬ﻛﺸﻒ اﻟﻌﻼﻣﺎت اﻟﻤﺴﺘﺨﺪﻣﺎت وإﻇﮫﺎر ﺑﻌﺾ أﻛﻮد اﻟـ‬ ‫‪.١٠‬‬
‫‪ html‬ﻓﻲ ﺻﻔﺤﺔ اﻟﻌﺮض ‪.‬‬
‫ﺟﺰء اﻟﻤﮫﺎم ‪ :‬ﻹﻇﮫﺎر ﺧﯿﺎرات ﺻﻔﺤﺔ ﺟﺪﻳﺪة أو ﺻﻔﺤﺔ وﻳﺐ ﻓﺎرﻏﺔ ‪.‬‬ ‫‪.١١‬‬
‫أﺷﺮﻃﺔ اﻷدوات ‪ :‬ﻟﻠﺘﺤﻜﻢ ﻓﻲ اﻟﺼﻔﺤﺔ وﺗﻨﺴﯿﻘﮫﺎ وإﺿﺎﻓﺔ ﺗﻨﺴﯿﻘﺎت‬ ‫‪.١٢‬‬
‫أﺧﺮى ‪.‬‬
‫ﺗﺤﺪﻳﺚ ‪ :‬ﻟﺘﺤﺪﻳﺚ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٣‬‬

‫‪‬‬

‫ﻗﺎﺋﻤﺔ إدراج‬
‫ﻓﺎﺻﻞ ‪ :‬ﻹدراج ﻓﺎﺻﻞ ‪.‬‬ ‫‪.١‬‬
‫ﺧﻂ أﻓﻘﻲ ‪ :‬ﻹراج ﺧﻂ أﻓﻘﻲ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٢‬‬
‫إﻃﺎر ﻣﻀﻤﻦ ‪ :‬ﻹدراج إﻃﺎر ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٣‬‬
‫اﻟﺘﺎرﻳﺦ واﻟﻮﻗﺖ ‪ :‬ﻹدراج اﻟﺘﺎرﻳﺦ واﻟﻮﻗﺖ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٤‬‬
‫رﻣﺰ ‪ :‬ﻹدراج رﻣﺰ ﻓﻲ اﻟﺼﻔﺤﺔ ﻣﻦ ﻗﺎﺋﻤﺔ اﻟﺮﻣﻮز ‪.‬‬ ‫‪.٥‬‬
‫ﺗﻌﻠﯿﻖ ‪ :‬ﻹدراج ﺗﻌﻠﯿﻖ ‪.‬‬ ‫‪.٦‬‬
‫اﻟﺘﻨﻘﻞ ‪ :‬ﻹدراج ﺗﻨﻘﻞ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.٧‬‬
‫ﺷﻌﺎر اﻟﺼﻔﺤﺔ ‪ :‬ﻹدراج ﺷﻌﺎر ﻟﻠﺼﻔﺤﺔ ‪.‬‬ ‫‪.٨‬‬
‫ﻣﻜﻮن وﻳﺐ ‪ :‬ﻹدراج ﻣﻜﻮن وﻳﺐ " وھﺬا ﻣﮫﻢ ﺟﺪاً ﺣﯿﺚ ﻳﻤﻜﻨﻨﺎ ﻣﻦ إدراج‬ ‫‪.٩‬‬
‫ﺗﺄﺛﯿﺮات ﺣﯿﻮﻳﺔ ‪ ،‬وﺷﺎﺷﺔ إﺳﻤﯿﺔ ‪ ،‬وإدارة إﻋﻼن اﻟﺸﻌﺎر ‪ ،‬وإدراج ﻣﻠﻒ‬
‫ﻓﻼش ‪ *.swf‬وﻏﯿﺮھﺎ ‪ ...‬وﺳﻮف ﻧﺘﻨﺎول ھﺬا اﻟﻤﻜﻮن ﺑﺸﺊ ﻣﻦ اﻟﺘﻔﺼﯿﻞ‬
‫ﻓﯿﻤﺎ ﺑﻌﺪ ‪.‬‬
‫ﻗﺎﻋﺪة ﺑﯿﺎﻧﺎت ‪ :‬ﻹدراج ﻗﺎﻋﺪة ﺑﯿﺎﻧﺎت ﻣﻦ ﺑﺮﻧﺎﻣﺞ اﻷﻛﺴﺲ وﻏﯿﺮه ‪.‬‬ ‫‪.١٠‬‬
‫ﻧﻤﻮذج ‪ :‬ﻹدراج ﻧﻤﻮذج وﺳﻮف ﻧﺸﺮﺣﻪ ﻻﺣﻘﺎً ‪.‬‬ ‫‪.١١‬‬
‫ﺻﻮرة ‪ :‬ﻹدراج ﺻﻮرة ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٢‬‬
‫ﻣﻠﻒ ‪ :‬ﻹدراج ﻣﻠﻒ ﻣﻮﺟﻮد ﻣﺴﺒﻘﺎً ﻓﻲ ﻛﻤﺒﯿﻮﺗﺮك ﺳﻮاء ﻛﺎن ‪ html‬أو‬ ‫‪.١٣‬‬
‫‪ doc‬أو ‪ ... txt‬أو ﻏﯿﺮه ‪.‬‬
‫إﺷﺎرة ﻣﺮﺟﻌﯿﺔ ‪ :‬ﻹدراج إﺷﺎرة ﻣﺮﺟﻌﯿﺔ ﻓﻲ ﻧﻔﺲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٤‬‬
‫إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ‪ :‬ﻹدراج إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٥‬‬

‫‪- ١٠ -‬‬
‫‪‬‬

‫ﻗﺎﺋﻤﺔ ﺗﻨﺴﯿﻖ‬
‫ﺧﻂ ‪ :‬ﻟﺘﻨﺴﯿﻖ اﻟﺨﻂ ‪.‬‬ ‫‪.١‬‬
‫ﻓﻘﺮة ‪ :‬ﻟﺘﻨﺴﯿﻖ اﻟﻔﻘﺮة ‪.‬‬ ‫‪.٢‬‬
‫ﺗﻌﺪاد ﻧﻘﻄﻲ وﺗﻌﺪاد رﻗﻤﻲ ‪ :‬ﻹﺿﺎﻓﺔ ﺗﻌﺪاد ﻧﻘﻄﻲ ورﻗﻤﻲ ‪.‬‬ ‫‪.٣‬‬
‫ﺣﺪود وﺗﻈﻠﯿﻞ ‪ :‬ﻹﺿﺎﻓﺔ ﺣﺪود ﻟﻠﺼﻔﺤﺔ وﺗﻈﻠﯿﻠﮫﺎ ‪.‬‬ ‫‪.٤‬‬
‫ﻣﻮﺿﻊ ‪ :‬ﻟﺘﺴﯿﻖ اﻟﻤﻮﺿﻊ " ﻧﻤﻂ اﻹﻟﺘﻔﺎف ‪ ،‬ﻧﻤﻂ اﻟﻤﻮﺿﻊ ‪.‬‬ ‫‪.٥‬‬
‫ﺗﺄﺛﯿﺮات ‪ HTML‬اﻟﺤﯿﻮﻳﺔ ‪ :‬ﻹﺿﺎﻓﺔ ﺗﺄﺛﯿﺮات ‪ HTML‬ﺣﯿﻮﻳﺔ ‪.‬‬ ‫‪.٦‬‬
‫ﺳﻤﺔ ‪ :‬ﻳﺘﯿﺢ ﻟﻚ ﻓﺮوﻧﺖ ﺑﯿﺞ اﺳـﺘﺨﺪام ﻣـﺎ ﻳﺴـﻤﻰ ﺑــ " اﻟﻔﻜـﺮة اﻟﻌﺎﻣـﺔ "‬ ‫‪.٧‬‬
‫‪ theme‬ﻟﺘﻐﯿﯿﺮ ھﯿﺌﺔ وﺷﻜﻞ ﻣﻮاﻗﻊ اﻟﻮﻳﺐ اﻟﺨﺎﺻﺔ ﺑﻚ ‪.‬‬
‫ﻧﻤﻂ ‪ :‬ھﻮ ﻋﺒﺎرة ﻋﻦ وﺳﯿﻠﺔ ﺗﺘﯿﺢ اﻟﺘﺤﻜﻢ ﻓﻲ ﺳﻤﺎت ﻣﻌﯿﻨﺔ داﺧﻞ ﻣﻮﻗـﻊ‬ ‫‪.٨‬‬
‫اﻟﻮﻳـﺐ ﺑﺄﻛﻤﻠــﻪ ‪ .‬ﺑﻌﺒــﺎرة أﺧــﺮى ‪ ،‬ﺗﺘــﯿﺢ ﻟـﻚ ﺻــﻔﺤﺎت اﻷﻧﻤــﺎط اﻟــﺘﺤﻜﻢ ﻓــﻲ‬
‫ﺳﻤﺎت ﻣﻌﯿﻨﺔ داﺧﻞ ﻣﻮﻗﻊ اﻟﻮﻳﺐ ﺑﺄﻛﻤﻠﻪ ‪ .‬أي أﻧﮫـﺎ ﺗﺘـﯿﺢ ﻟـﻚ اﻟـﺘﺤﻜﻢ ﻓـﻲ‬
‫ﻛﺎﻓﺔ ﻣﻈﺎھﺮ اﻟﻨﺺ اﻟﺬي ﻳﻈﮫﺮ داﺧﻞ ﺻﻔﺤﺎت اﻟﻮﻳﺐ ‪.‬‬
‫إرﺗﺒﺎﻃﺎت ورﻗﺔ اﻟﻨﻤﻂ ‪ :‬ﻳﺘﯿﺢ اﻟﺮﺑﻂ ﺑﻮرﻗﺔ اﻷﻧﻤﺎط‬ ‫‪.٩‬‬
‫ﺣﺪود ﻣﺸﺘﺮﻛﺔ ‪ :‬ﺣﺪود ﻣﺸﺘﺮﻛﺔ ‪.‬‬ ‫‪.١٠‬‬
‫اﻟﻤﺮاﺣﻞ اﻹﻧﺘﻘﺎﻟﯿﺔ ‪ :‬ﻹﺿﺎﻓﺔ ﺣﺪث ﻋﻦ اﻹﻧﺘﻘﺎل ﻣﻦ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١١‬‬
‫ﺧﻠﻔﯿﺔ ‪ :‬ﺗﻠﻮﻳﻦ ﺧﻠﻔﯿﺔ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫‪.١٢‬‬
‫إزاﻟﺔ اﻟﺘﻨﺴﯿﻖ ‪ :‬إزاﻟﺔ ﺗﻨﺴﯿﻖ اﻟﺼﻔﺤﺔ ﻋﻨﺪ إﺿﺎﻓﺔ ﻣﺮاﺣﻞ إﻧﺘﻘﺎﻟﯿﺔ ‪.‬‬ ‫‪.١٣‬‬
‫ﺧﺼﺎﺋﺺ اﻟﺼﻔﺤﺔ ‪ :‬ﻟﺘﻨﺴﯿﻖ اﻟﺨﻂ ‪.‬‬ ‫‪.١٤‬‬

‫ﺛﺎﻧﯿﺎً ‪ :‬ﺷﺮﻳﻂ اﻷدوات " ‪: " ١‬‬

‫ﺛﺎﻟﺜﺎً ‪ :‬ﺷﺮﻳﻂ اﻷدوات " ‪: " ٢‬‬

‫‪- ١١ -‬‬
‫‪‬‬

‫ــ وﺑﻌﺪ اﻹﺳﺘﻌﺮاض اﻟﺴﺮﻳﻊ ﻟﺸﺮﻳﻂ اﻷدوات وواﺟﮫﺔ اﻟﺒﺮﻧﺎﻣﺞ اﻟﺮﺋﯿﺴﯿﺔ ﻧﺒﺪأ اﻟﺪروس ﻓﻲ اﻟﺘﻌﺎﻣﻞ ﻣﻊ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ‪.‬‬

‫‪- ١٢ -‬‬
‫‪ ‬‬

‫أوﻻً ‪ :‬ﺧﺼﺎﺋﺺ اﻟﺼﻔﺤﺔ ‪ :‬وﺗﺤﺘﻮي ﻋﻠﻰ ‪ " :‬ﻋﻨﻮان اﻟﺼﻔﺤﺔ ‪ ،‬ﺧﻠﻔﯿﺔ ﺻﻮﺗﯿﺔ ‪ ،‬ﺻﻮرة ﻛﺨﻠﻔﯿﺔ ‪ ...‬إﻟﺦ "‪.‬‬
‫ــ ﺑﻌﺪ أن ﺣﺪدت ﻣﻮﺿﻮع ﻣﻮﻗﻌﻚ ﺣﺪّد اﻵن ﺧﺼﺎﺋﺺ اﻟﺼﻔﺤﺔ ‪...‬ﻛﯿﻒ ؟‬
‫ﻓﻲ أي ﻣﻜﺎن ﻓﺎرغ ﻓﻲ اﻟﺼﻔﺤﺔ اﺿﻐﻂ ﻳﻤﯿﻦ اﻟﻔﺎرة واﺧﺘـﺮ ﻣـﻦ اﻟﻘﺎﺋﻤـﺔ اﻟﻤﻨﺴـﺪﻟﺔ ﺧﺼـﺎﺋﺺ اﻟﺼـﻔﺤﺔ وﺳـﺘﻈﮫﺮ ﻟـﻚ اﻟﻨﺎﻓـﺬة‬
‫اﻟﺘﺎﻟﯿﺔ ‪:‬‬
‫‪ -١‬ﻣﻦ ﺧﻼل ﻟﺴﺎن اﻟﺘﺒﻮﻳﺐ " ﻋﺎم " ﻳﻤﻜﻨﻚ أن ﺗﻀﻊ ﻋﻨﻮان ﻟﻠﺼﻔﺤﺔ وﻛﺬﻟﻚ إﺿﺎﻓﺔ ﺧﻠﻔﯿﺔ ﺻﻮﺗﯿﺔ ﻟﻮ أردت ‪.‬‬

‫ﻣﻦ ﺧﻼل ﻟﺴﺎن اﻟﺘﺒﻮﻳﺐ " ﺧﻠﻔﯿﺔ " ﺣﺪد ﻣﺎ ﺗﺮﻳﺪه ﻛﻤﺎ ھﻮ ﻣﺒﯿﻦ ﻓﻲ اﻟﺼﻮرة ﺛﻢ إﺿﻐﻂ ﻋﻠﻰ‬ ‫‪-٢‬‬
‫زر ﻣﻮاﻓﻖ ‪:‬‬

‫‪- ١٣ -‬‬
‫ﺛﺎﻧﯿﺎً ‪ :‬ﺗﺤﺮﯾﺮ اﻟﺼﻔﺤﺔ ‪ :‬اﺑﺪأ ﺑﺘﺤﺮﯾﺮ اﻟﺼﻔﺤﺔ وإدراج اﻟﺼﻮر وﻋﻤﻞ اﻻرﺗﺒﺎﻃﺎت ﺑﯿﻦ اﻟﺼﻔﺤﺎت ‪ ....‬ﻛﯿﻒ ؟‬

‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﻨﺺ ‪:‬‬ ‫•‬

‫ﺳﻮف ﻧﺘﻌﻠﻢ ﻛﯿﻔﯿﺔ إﺿﺎﻓﺔ اﻟﻨﺺ إﻟﻰ ﺻﻔﺤﺎﺗﻚ وإذا ﻛﻨﺖ ﻗﺪ أﻣﻀﯿﺖ وﻗﺘﺎً ﻃﻮﻳﻼً داﺧﻞ اﻟﻮﻳﺐ ﻓﻠﻌﻠﻚ ﻗـﺪ ﻻﺣﻈـﺖ أن ﻣﻌﻈـﻢ‬
‫ﻣﻮاﻗﻊ اﻟﻮﻳﺐ ﻳﺘﻢ إﻋﺪادھﺎ ﺑﻐﺮض ﺗﻮﺻﯿﻞ أﻧﻮاع ﻣﺨﺘﻠﻔﺔ ﻣﻦ اﻟﻤﻌﻠﻮﻣﺎت ‪ ،‬وﻣﺎزال اﻟﻨﺺ ﻣﻦ أﻛﺜﺮ اﻟﻮﺳـﺎﺋﻞ ﻓﻌﺎﻟﯿـﺔ ﻓـﻲ أداء ھـﺬه‬
‫اﻟﻤﮫﻤﺔ ‪.‬‬

‫أﻳﻀﺎً ﻳﺘﯿﺢ ﻟﻚ ﻓﺮوﻧﺖ ﺑﯿﺞ ﺗﺰﻳﯿﻦ اﻟﻨﺺ وﺗﻨﺴﯿﻘﻪ ﺑﺎﻹﺿﺎﻓﺔ إﻟﻰ وﺿﻊ اﻟﻨﺺ اﻷﺻﻠﻲ ﻓﻲ اﻟﺼﻔﺤﺔ ‪ ،‬وﺳﺘﻼﺣﻆ إن ﻛﺎن ﻟﻚ ﻣﻌﺮﻓـﺔ‬
‫وﺗﻌﺎﻣﻞ ﺳﺎﺑﻖ ﻣﻊ ﺑﺮاﻣﺞ أوﻓﯿﺲ أن اﻷﻣﺮ ﻻ ﻳﺨﺘﻠﻒ ﻛﺜﯿﺮاً ﻣﻊ ﻓﺮوﻧﺖ ﺑﯿﺞ وﺳﺘﺠﺪ أن إﺿﺎﻓﺔ اﻟﻨﺺ ﺳﮫﻞ ﺟﺪاً ﻛﻤﺎ ﻟﻮ أﻧﻚ ﺗﻜﺘـﺐ‬
‫ﻣﻠﻒ وورد وﺗﻘﻮم ﺑﺘﻨﺴﯿﻘﻪ ‪ ،‬ﻳﻤﻜﻨﻚ ﺑﺎﺳﺘﺨﺪام ﻓﺮوﻧﺖ ﺑﯿﺞ ‪:‬‬

‫ﺗﻌﺪﻳﻞ ﺣﺠﻢ اﻟﻨﺺ ‪.‬‬ ‫‪o‬‬


‫ﺿﺒﻂ وﺿﻊ اﻟﻨﺺ ‪ ،‬ﻛﺄن ﻳﻜﻮن ﻣﻨﺨﻔﻀﺎً ‪ subscript‬أو ﻣﺮﺗﻔﻌﺎً ‪ superscript‬ﻋﻦ اﻟﺴﻄﺮ ‪.‬‬ ‫‪o‬‬
‫إﺿﺎﻓﺔ ﺳﻤﺎت إﻟﻰ اﻟﻨﺺ ‪ ،‬ﻛﺄن ﺗﺠﻌﻠﻪ ﻋﺮﻳﻀﺎً أو ﻣﺎﺋﻼً أو أﺳﻔﻠﻪ ﺳﻄﺮ ‪ ،‬أو ﺣﺘﻰ اﻟﺠﻤﻊ ﺑﯿﻦ ھﺬه اﻟﺴﻤﺎت ‪.‬‬ ‫‪o‬‬
‫ﺗﻮﺳﯿﻂ اﻟﻨﺺ ﻋﻠﻰ اﻟﺸﺎﺷﺔ ‪.‬‬ ‫‪o‬‬
‫إﺿﺎﻓﺔ أﻟﻮان أو أي ﺗﺄﺛﯿﺮات أﺧﺮى ‪ ،‬ﻣﺜﻞ ﺗﺄﺛﯿﺮ اﻟﻨﺺ اﻟﻮاﻣﺾ ‪.‬‬ ‫‪o‬‬
‫ﺗﻐﯿﯿﺮ اﻟﺨﻂ اﻟﻈﺎھﺮ ﻋﻠﻰ اﻟﺸﺎﺷﺔ ‪.‬‬ ‫‪o‬‬

‫ھﺬا ﻛﻠﻪ ﻳﻤﺜﻞ ﻋﯿﻨﺔ ﺑﺴﯿﻄﺔ ﻣﻦ اﻟﻄﺮق اﻟﺘﻲ ﻳﻤﻜﻨﻚ ﺑﮫﺎ ﺗﻌﺪﻳﻞ اﻟﻨﺺ ‪ ،‬وﺳﻮف ﺗﺮى أﺛﻨﺎء ﺗﻌﺎﻣﻠﻚ ﻣﻊ ﻓﺮوﻧﺖ ﺑﯿﺞ أن ﻣﻌﻈﻢ ﻣـﺎ‬
‫ﻳﺘﻢ إﺿﺎﻓﺘﻪ إﻟﻰ ﺻﻔﺤﺎت وﻳﺐ اﻟﺘﻲ ﺗﻨﺸﺄھﺎ ﻳﺄﺗﻲ ﻋﻠﻰ ﺷﻜﻞ ﻧﺼﻮص وﺳﺘﻼﺣﻆ أن ﻓﺮوﻧـﺖ ﺑـﯿﺞ ﻳـﻮﻓﺮ ﻟـﻚ ﻣﺮوﻧـﺔ ھﺎﺋﻠـﺔ ﻓـﻲ‬
‫ﻃﺮﻳﻘﺔ اﻟﻘﯿﺎم ﺑﺘﻠﻚ اﻟﻌﻤﻠﯿﺔ ‪.‬‬

‫ﺿﻊ اﻟﻤﺆﺷﺮ ﻓﻲ أي ﺳﻄﺮ ﺗﺮﻳﺪ وﻓﻲ أي ﺟﮫﮫﺔ ) وﺳﻂ أو ﻳﻤﯿﻦ أو ﻳﺴﺎر ( ﺛﻢ اﺑﺪأ ﺑﺎﻟﻜﺘﺎﺑﺔ ‪.‬‬

‫‪٠----‬‬

‫‪- ١٤ -‬‬
‫] ﻣﻼﺣﻈﺔ ‪ :‬ﻋﻨﺪ اﻟﻜﺘﺎﺑﺔ ﻓـﻲ اﻟﻔﺮوﻧـﺖ ﺑـﯿﺞ وأردت اﻻﻧﺘﻘـﺎل ﻟﻠﺴـﻄﺮ اﻟﺘـﺎﻟﻲ ﻹﻛﻤـﺎل اﻟﺠﻤﻠـﺔ اﻟﺴـﺎﺑﻘﺔ ﺑﺎﻟﻀـﻐﻂ ﻋﻠـﻰ ‪Enter‬‬
‫ﺳﺘﻜﻮن اﻟﻤﺴﺎﻓﺔ ﻛﺒﯿﺮة ﺑﯿﻦ اﻟﺴﻄﻮر وﻟﻜﻦ اﺿﻐﻂ ) ‪ . [ ( Shift+Enter‬ﺿﻊ اﻟﻤﺆﺷﺮ ﻓﻲ أي ﺳﻄﺮ ﺗﺮﻳـﺪ وﻓـﻲ أي ﺟﮫـﺔ ) وﺳـﻂ‬
‫أو ﻳﻤﯿﻦ أو ﻳﺴﺎر ( ﺛﻢ اﺑﺪأ ﺑﺎﻟﻜﺘﺎﺑﺔ ‪.‬‬

‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﺼﻮر ‪ :‬ﻣﻦ أھﻢ اﻟﻘﻮاﻋﺪ اﻟﺘﻲ ﻳﺠﺐ أن ﺗﻨﺘﺒﻪ ﻟﮫﺎ ﻋﻨﺪ اﺳﺘﺨﺪام اﻟﺼﻮر ﻓﻲ اﻟﻮﻳﺐ وھﻲ ‪:‬‬

‫اﺳﺘﺨﺪم ﺻﻮراً ﺻﻐﯿﺮة اﻟﺤﺠﻢ ‪ :‬اﻟﺼـﻮر ﻛﺒﯿـﺮة اﻟﺤﺠـﻢ ﺗﺄﺧـﺬ وﻗﺘـﺎً ﻋﻨـﺪ ﺗﺤﻤﯿﻠﮫـﺎ أﻣـﺎ اﻟﺼـﻮر ﺻـﻐﯿﺮة اﻟﺤﺠـﻢ‬ ‫‪-١‬‬
‫ﻓﺘﻜﻮن ﺳﺮﻳﻌﺔ وﺗﺆدي إﻟﻰ اﺳﺘﻌﺮاض ﺻﻔﺤﺎﺗﻚ ﺑﺸﻜﻞ ﺳﺮﻳﻊ ‪.‬‬
‫اﺟﻌﻞ ﻛﻞ ﺻﻔﺤﺔ وﻳﺐ ﻟﺪﻳﻚ ﺗﺤﺘﻔﻆ ﺑﺄﻗﻞ ﻋﺪد ﻣﻦ اﻟﺼﻮر ‪ :‬وﺟﻮد ﻋﺪد ﻛﺒﯿﺮ ﻣﻦ اﻟﺼﻮر ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ أﻣﺮ‬ ‫‪-٢‬‬
‫ﺳﻲء ‪ ،‬ﻷﻧﻪ ﻳﺆدي إﻟﻰ ﺑﻂء اﻟﺘﺤﻤﯿﻞ ﻛﺜﯿﺮاً ‪.‬‬
‫ﻻ ﺗﻀﻒ اﻟﺼﻮر إﻟﻰ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﻟﻤﺠﺮد أﻧﻚ ﺗﻤﻠـﻚ ﺻـﻮراً ﻛﺜﯿـﺮة ‪ :‬ﺗﺄﻛـﺪ ﻣـﻦ أن اﻟﺼـﻮر اﻟﺘـﻲ ﺗﻀـﯿﻔﮫﺎ إﻟـﻰ‬ ‫‪-٣‬‬
‫ﺻﻔﺤﺎﺗﻚ ﺳﻮف ﺗﻀﯿﻒ ﺷﯿﺌﺎً ﻣﺎ إﻟﻰ ﻣﺤﺘﻮاھﺎ ‪.‬‬

‫” ﺛﻤﺔ ﻃﺮﻳﻘﺔ ﺗﺴﮫﻞ ﻋﻠﯿﻚ إﻧﺸﺎء ﺻﻔﺤﺎت اﻟﻮﻳﺐ اﻟﺨﺎﺻـﺔ ﺑـﻚ ‪ ،‬ﺗﻘـﻮم ھـﺬه اﻟﻄﺮﻳﻘـﺔ ﻋﻠـﻰ إﻧﺸـﺎء ﻣﺠﻠـﺪ ﻟﻠﺼـﻮر – اﺳـﻤﻪ ‪/-‬‬
‫‪ IMAGES‬داﺧﻞ ﻣﺠﻠﺪ ‪ Web‬اﻟﺨﺎص ﺑﻚ ﺣﯿﺚ ﺗﺨـﺰن ﻓﯿـﻪ ﻛـﻞ ﻣﻠﻔـﺎت اﻟﺼـﻮر ﻟـﺪﻳﻚ ﻓﻌﻨـﺪ إﻧﺸـﺎء ﻣﻮﻗـﻊ وﻳـﺐ ﻳـﺘﻢ ﻓـﻲ اﻟﻮﺿـﻊ‬
‫اﻻﻓﺘﺮاﺿﻲ إﻧﺸﺎء ﻣﺠﻠﺪ ‪ IMAGES /-‬ﻟﯿﺴﺘﺨﺪم ﻓﻲ ﺗﺨﺰﻳﻦ ﻣﻠﻔﺎت اﻟﺼﻮر اﻟﺨﺎﺻﺔ ﺑﻚ ” ‪.‬‬

‫ــ إﺿﺎﻓﺔ اﻟﺼﻮر ﺑﺎﺳﺘﺨﺪام ﻓﺮوﻧﺖ ﺑﯿﺞ ‪:‬‬

‫ﻹﺿﺎﻓﺔ ﺻﻮرة إﻟﻰ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ‪:‬‬

‫ﻓﻲ ﻓﺮوﻧﺖ ﺑﯿﺞ ‪ ،‬اﻓﺘﺢ ﺻﻔﺤﺔ ﺟﺪﻳﺪة أو ﺻﻔﺤﺘﻚ اﻟﺤﺎﻟﯿﺔ داﺧﻞ اﻟﻤﻮﻗﻊ اﻟﺨﺎص ﺑﻚ ‪.‬‬ ‫‪-١‬‬
‫ﻣﻦ ﻗﺎﺋﻤﺔ " إدراج " ﺣﺪد ﺧﯿﺎر ﺻﻮرة ﺛﻢ ﻣﻦ ﻣﻠﻒ ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﺻﻮرة ‪.‬‬ ‫‪-٢‬‬
‫ﺣﺪد ﻣﻠﻒ اﻟﺼﻮرة اﻟﺘﻲ ﺗﺮﻳﺪ إدراﺟﮫﺎ ﻓﻲ ﺻﻔﺤﺘﻚ ‪.‬‬ ‫‪-٣‬‬
‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ وﺳﺘﻈﮫﺮ اﻟﺼﻮرة ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ اﻧﻈﺮ اﻟﺸﻜﻞ أدﻧﺎه ‪.‬‬ ‫‪-٤‬‬
‫ﺗﺄﻛﺪ أن اﻟﺼﻮرة ﻗﺪ ﺣﻔﻈﺖ ﻓﻲ ﻣﺠﻠﺪ اﻟـ ‪ IMAGES‬ﻓﻲ ﻣﻮﻗﻌﻚ أي ﻓﻲ ﻧﻔﺲ ﻣﺠﻠﺪ اﻟﻤﻮﻗﻊ ‪.‬‬ ‫‪-٥‬‬
‫اﻧﻘﺮ زر ‪ ok‬ﻟﺘﺤﻔﻆ ﻣﻠﻒ اﻟﺼﻮرة ﻣﻊ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺨﺎص ﺑﻚ ‪.‬‬ ‫‪-٦‬‬

‫‪- ١٥ -‬‬
‫إﺿﺎﻓﺔ ﻟﻘﻄﺎت اﻟﻔﯿﺪﻳﻮ إﻟﻰ ﺻﻔﺤﺎت اﻟﻮﻳﺐ ‪:‬‬

‫اﻋﻠﻢ أن ﻟﻘﻄﺎت اﻟﻔﯿﺪﻳﻮ ﺗﻤﯿﻞ إﻟﻰ اﺳﺘﺨﺪام ﻣﻠﻔﺎت ﻛﺒﯿﺮة اﻟﺤﺠﻢ وﺗﺴﺘﻠﺰم ﺗﺤﻤﯿﻠﮫﺎ ﺑﺎﻟﻜﺎﻣـﻞ ﻗﺒـﻞ أن ﻳـﺘﻤﻜﻦ اﻟﻤﺴـﺘﺨﺪﻣﻮن‬
‫ﻣﻦ ﻣﺸﺎھﺪﺗﮫﺎ ‪.‬‬

‫ﻹﺿﺎﻓﺔ إﺣﺪى ﻟﻘﻄﺎت اﻟﻔﯿﺪﻳﻮ إﻟﻰ ﻣﻮﻗﻊ اﻟﻮﻳﺐ ‪:‬‬

‫ﺣﺪد واﻓﺘﺢ اﻟﺼﻔﺤﺔ اﻟﺘﻲ ﺗﺮﻳﺪ أن ﺗﻀﯿﻒ إﻟﯿﮫﺎ ﻟﻘﻄﺔ اﻟﻔﯿﺪﻳﻮ ‪.‬‬ ‫‪-١‬‬

‫‪ -٢‬ﻣﻦ ﻗﺎﺋﻤﺔ إدراج ‪ ، Insert‬ﺣﺪد أﻣﺮ ﺻﻮرة ‪ Picture‬ﺛﻢ ﻓﯿﺪﻳﻮ ‪ Video‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﻓﯿﺪﻳﻮ ‪ Video‬وﺑﺎﻟﺘﺎﻟﻲ ﻳﻤﻜﻨـﻚ ﺗﺤﺪﻳـﺪ‬
‫ﻣﻠﻒ ﻟﻘﻄﺔ اﻟﻔﯿﺪﻳﻮ اﻟﻤﺮاد إﻟﻰ اﻟﻤﻮﻗﻊ ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬

‫ﻓﻲ اﻟﻮﺿﻊ اﻻﻓﺘﺮاﺿﻲ ‪ ،‬ﻳﺠﻌﻞ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻛﺎﻓﺔ ﻟﻘﻄﺎت اﻟﻔﯿﺪﻳﻮ ﺗﺒﺪأ اﻟﺘﺸـﻐﯿﻞ ﺗﻠﻘﺎﺋﯿـﺎً ﻋﻨـﺪﻣﺎ ﻳـﺘﻢ إدراﺟﮫـﺎ‬ ‫‪-٤‬‬
‫ﻓﻲ اﻟﺼﻔﺤﺔ اﻟﻤﺤﺪدة ‪ .‬إذا ﻟﻢ ﺗﺮﻏﺐ ﻓﻲ أن ﺗﺒـﺪأ ﻟﻘﻄـﺎت اﻟﻔﯿـﺪﻳﻮ اﻟﺘﺸـﻐﯿﻞ ﺗﻠﻘﺎﺋﯿـﺎً ﻋﻨـﺪﻣﺎ ﺗﻜـﻮن ﺻـﻔﺤﺔ‬
‫اﻟﻮﻳﺐ اﻟﺘـﻲ ﺗﻀـﻢ ﺗﻠـﻚ اﻟﻠﻘﻄـﺎت ﻣﻔﺘﻮﺣـﺔ ‪ ،‬ﻗـﻢ ﺑﻌـﺪ ذﻟـﻚ ﺑﺘﺤﺪﻳـﺪ أﻣـﺮ ﺧﺼـﺎﺋﺺ ‪ Properties‬ﻣـﻦ ﻗﺎﺋﻤـﺔ‬
‫‪ Format‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺧﺼﺎﺋﺺ اﻟﺼﻮرة ‪ . Picture Properties‬إذا ﻟﻢ ﺗﻜﻦ ﻋﻼﻣﺔ ﺗﺒﻮﻳﺐ ﻓﯿﺪﻳﻮ ‪ video‬ﻣﺤـﺪدة‬
‫‪ ،‬ﻗﻢ ﺑﺘﺤﺪﻳﺪھﺎ ﻟﺘﻌﺮض اﻟﻠﻮﺣﺔ اﻟﺨﺎﺻﺔ ﺑﮫﺎ ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬

‫‪- ١٦ -‬‬
‫‪ -٤‬ﺗﻮﺟﺪ ﺧﯿﺎرﻳﻦ ﻟﺒﺪء ﺗﺸﻐﯿﻞ ﻟﻘﻄﺎت اﻟﻔﯿﺪﻳﻮ ﻟﺪﻳﻚ ﺗﻠﻘﺎﺋﯿﺎً أو ﻋﻨﺪ ﺗﻤﺮﻳﺮ ﻣﺆﺷـﺮ اﻟﻔـﺄرة ﻓـﻮق ﻟﻘﻄـﺔ اﻟﻔﯿـﺪﻳﻮ ﺣـﺪد ﻃﺮﻳﻘـﺔ‬
‫اﻟﺒﺪء اﻟﺘﻲ ﺗﺮﻳﺪ اﺳﺘﺨﺪاﻣﮫﺎ ﺑﺎﻟﺘﺤﺪﻳﺪ ﻋﻠﻰ ﻣﺮﺑﻊ اﻟﻌﻼﻣﺔ ‪.‬‬

‫ﺑﻜﺘﺎﺑﺔ رﻗﻢ ﻓﻲ ﺧﺎﻧﺔ ‪ ، Loop‬ﺗﺴﺘﻄﯿﻊ ﺗﺤﺪﻳﺪ ﻋﺪد اﻟﻤﺮات اﻟﺘﻲ ﺗﺮﻳﺪھﺎ ﻟﺘﺸﻐﯿﻞ ﻟﻘﻄﺔ اﻟﻔﯿﺪﻳﻮ ‪.‬‬ ‫‪-٥‬‬

‫‪ -٦‬ﺑﻌﺪ إﻧﮫﺎء اﻟﺘﻌﺪﻳﻼت اﻟﺨﺎﺻﺔ ﺑﻌﺪد ﻣﺮات ﺗﺸﻐﯿﻞ اﻟﻠﻘﻄﺔ ‪ ،‬اﻧﻘﺮ زر ‪ Save‬ﻟﺤﻔﻆ ﺗﻠﻚ اﻟﺘﻌﺪﻳﻼت وإﻏﻼق ﻣﺮﺑﻊ اﻟﺤﻮار ‪.‬‬

‫‪ -٧‬ﻟﻤﻌﺎﻳﻨﺔ ﻟﻘﻄﺔ اﻟﻔﯿﺪﻳﻮ ﺑﻌﺪ إدراﺟﮫﺎ ﻓﻲ اﻟﺼﻔﺤﺔ ‪ ،‬اﻧﻘﺮ ﻋﻼﻣﺔ ﺗﺒﻮﻳﺐ ‪ preview‬داﺧﻞ اﻟﻨﺎﻓﺬة اﻟﺮﺋﯿﺴﯿﺔ ﻟﻔﺮوﻧﺖ ﺑﯿﺞ‪.‬‬

‫‪- ١٧ -‬‬
‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﺠﺪول ‪:‬‬ ‫•‬

‫اﻟﺘﻌﺮف ﻋﻠﻰ اﻟﺠﺪاول ‪:‬‬

‫ﻧﺼﻞ اﻵن إﻟﻰ واﺣﺪ ﻣﻦ أھﻢ اﻟﺪروس اﻷﺳﺎﺳﯿﺔ ﻓﻲ ﺑﺮﻧﺎﻣﺞ ﻓﺮوﻧـﺖ ﺑـﯿﺞ ‪ ،‬ﺣﯿـﺚ أن ﺗﺼـﻤﯿﻢ اﻟﻤﻮﻗـﻊ ﻳﻔﻀـﻞ أن ﻳﻜـﻮن ﺿـﻤﻦ‬
‫ﺟﺪاول ﺣﺘﻰ ﺗﻀﻤﻦ أن ﻳﻈﮫﺮ اﻟﻤﻈﮫﺮ ﻧﻔﺴﻪ ﻟﻠﻤﻮﻗﻊ اﻟﺬي ﺻﻤﻤﺘﻪ ﻓـﻲ ﻛـﻞ أﺟﮫـﺰة اﻟﻜﻤﺒﯿـﻮﺗﺮ وﻋﻠـﻰ ﺟﻤﯿـﻊ دﻗـﺎت اﻟﺸﺎﺷـﺔ‬
‫إﺿﺎﻓﺔ إﻟﻰ أھﻢ أﻧﻮاع ﻣﺴﺘﻜﺸﻔﺎت اﻻﻧﺘﺮﻧﯿﺖ ‪.‬‬

‫وﺑﺎﻟﺘﺎﻟﻲ إذا أﺟﺪت اﺳﺘﺨﺪام اﻟﺠﺪاول ﻓﻲ ﺻﻔﺤﺎت اﻟﻮﻳﺐ ﻳﺘﯿﺢ ﻟﻚ ﻗﺪراً ھﺎﺋﻼً ﻣﻦ اﻟـﺘﺤﻜﻢ ﻓـﻲ وﺿـﻊ اﻟﺼـﻮر واﻟﻨﺼـﻮص داﺧـﻞ‬
‫اﻟﺼﻔﺤﺎت ‪ .‬واﻟﺠﺪاول ﻋﺒﺎرة ﻋﻦ ھﯿﺎﻛﻞ ﺷﺒﻜﯿﺔ ﻣﺴﺘﻄﯿﻠﺔ ‪ ،‬ﺗﺴﺘﻄﯿﻊ إﻧﺸﺎءھﺎ ﻟﺘﺤﻮي ﺑﺪاﺧﻠﮫﺎ ﺻﻮراً أو ﻧﺼﻮﺻﺎً ‪.‬‬

‫ﺗﺴﻤﻰ ﻣﺠﻤﻮﻋﺔ اﻟﺨﻼﻳﺎ اﻷﻓﻘﯿﺔ ﺑـ " ﺻﻒ " ‪ ،‬ﻓﻲ ﺣﯿﻦ ﺗﺴﻤﻰ ﻣﺠﻤﻮﻋﺔ اﻟﺨﻼﻳﺎ اﻟﺮأﺳﯿﺔ ﺑـ " ﻋﻤﻮد " ‪.‬‬

‫اﻧﺸﺎء اﻟﺠﺪاول ‪:‬‬

‫ﻹﻧﺸﺎء ﺟﺪول ‪:‬‬

‫ﻗﻢ ﺑﺈﻧﺸﺎء ﺻﻔﺤﺔ ﺟﺪﻳﺪة ﻓﺎرﻏﺔ ‪.‬‬ ‫‪-١‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬ﺣﺪد أﻣﺮ إدراج ﺛﻢ ﺟﺪول ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار إدراج ﺟﺪول ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬ ‫‪-٢‬‬

‫‪1‬‬
‫اﻟﺤﺠﻢ اﻻﻓﺘﺮاﺿﻲ ﻷي ﺟﺪول ﺟﺪﻳﺪ ھﻮ أرﺑﻊ ﺧﻼﻳﺎ ﺗﺘﺄﻟﻒ ﻣﻦ ﻋﻤﻮدﻳﻦ وﺻﻔﯿﻦ ‪،‬اﺳﺘﺨﺪم أﻳﻀﺎ اﻟﻘﯿﻢ اﻻﻓﺘﺮاﺿﯿﺔ ﻟﺨﯿﺎرات‬
‫ﻣﺠﻤﻮﻋﺔ اﻟﺘﺨﻄﯿﻂ وﻛﺬﻟﻚ ﺧﯿﺎر ﺗﺤﺪﻳﺪ اﻟﻌﺮض ‪.‬اﻧﻘﺮ زر ﻣﻮاﻓﻖ ﺳﯿﺘﻢ إﻧﺸﺎء اﻟﺠﺪول وﻳﻈﮫﺮ ﻓﻲ اﻟﺼﻔﺤﺔ ‪.‬‬

‫‪- ١٨ -‬‬
‫اﻟﺘﻌﺮف ﻋﻠﻰ أﺣﺠﺎم اﻟﺠﺪاول ‪:‬‬

‫ﻳﺠﺐ أن ﺗﻌﺮف ﻛﯿﻔﯿﺔ ﺗﺤﺪﻳﺪ ﺣﺠﻢ اﻟﺠﺪول ﻷن ﻋﺮض اﻟﺠﺪول وﻓﻖ اﻟﻨﺴﺒﺔ اﻟﻤﺌﻮﻳﺔ ﻟﺤﺠﻢ اﻟﺸﺎﺷﺔ أو ﻋﺪد اﻟﺒﻜﺴﻼت ‪.‬‬

‫ﺑﻜﺴﻼت ‪ Pixels‬ﻋﻨﺎﺻﺮ اﻟﺼـﻮرة أو اﻟﺒﻜﺴـﻼت ھـﻲ أﺻـﻐﺮ وﺣـﺪات ﺗﺴـﺘﺨﺪم ﻣﻌـﺎً ﻟﻌـﺮض اﻟﻤﻌﻠﻮﻣـﺎت ﻋﻠـﻰ اﻟﺸﺎﺷـﺔ ‪ ،‬وﻣـﻦ‬
‫اﻟﻤﺮﺟﺢ أﻧﻚ ﺳﻤﻌﺖ اﻟﻤﺼﻄﻠﺢ اﻟﻤﺴﺘﺨﺪم ﻟﻮﺻﻒ درﺟﺔ وﺿﻮح اﻟﻌﺮض ﻋﻠـﻰ اﻟﺸﺎﺷـﺔ ‪ .‬ﻋﻠـﻰ ﺳـﺒﯿﻞ اﻟﻤﺜـﺎل ‪ ،‬ﻣـﻦ درﺟـﺎت‬
‫اﻟﻮﺿﻮح اﻟﺸﺎﺋﻌﺔ درﺟﺘﺎ ‪ ٤٨٠ X٦٤٠‬و ‪ .٦٠٠ X٨٠٠‬ھﺬه اﻟﺪرﺟﺔ ﺗﺸﯿﺮ إﻟﻰ ﻋﺪد اﻟﺒﻜﺴﻼت ) أﻓﻘﯿﺎً ‪ X‬رأﺳﯿﺎً ( اﻟﻤﻌﺮوﺿـﺔ ﻋﻠـﻰ‬
‫اﻟﺸﺎﺷﺔ اﻟﺘﻲ ﺗﺴﺘﺨﺪﻣﮫﺎ ‪.‬‬

‫ﻋﻨﺪﻣﺎ ﺗﺤﺪد ﻋﺮض اﻟﺠﺪول وﻓﻖ ﻧﺴﺒﺔ ﻣﺌﻮﻳﺔ ﻣﻌﯿﻨﺔ ‪ ،‬ﻓﺈن اﻟﻌﺮض ﺳﯿﻜﻮن ﻧﺴﺒﯿﺎً ‪ ،‬أي وﻓﻖ ﻧﺴﺒﺔ ﻋﺮض اﻟﺸﺎﺷﺔ ‪.‬‬

‫أﻣﺎ إذا ﺣﺪدت اﻟﺠﺪول وﻓﻖ ﻋﺪد ﻣﻌﯿﻦ ﻣﻦ اﻟﺒﻜﺴﻼت ﻓﺈﻧﻚ ﺗﺤﺪد ﻋﺮﺿﺎً ﻣﻄﻠﻘﺎً ﻟﻠﺠﺪول ‪.‬‬

‫ﻟﺘﻐﯿﯿﺮ ﻋﺮض اﻟﺠﺪول ‪:‬‬

‫ﺿﻊ ﻣﺆﺷﺮ اﻟﻜﺘﺎﺑﺔ داﺧﻞ اﻟﺠﺪول ‪.‬‬ ‫‪-١‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬ﺣﺪد ﺧﯿﺎر إدراج ﺛﻢ ﺟﺪول ‪.‬‬ ‫‪-٢‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬ﺣﺪد ﺧﯿﺎر ﺧﺼﺎﺋﺺ اﻟﺠﺪول ﺛﻢ ﺟﺪول ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﺧﺼﺎﺋﺺ اﻟﺠﺪول ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬ ‫‪-٣‬‬

‫‪- ١٩ -‬‬
‫ﻓﻲ ﺟﺰء ﺗﺤﺪﻳﺪ اﻟﻌﺮض ‪ ، width Specify‬ﺣﺪد ﺧﯿﺎر ‪ In Pixels‬ﺛﻢ اﺿﺒﻂ اﻟﻘﯿﻤﺔ ﻋﻠﻰ ‪. ٤٠٠‬‬ ‫‪-٤‬‬

‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ‪ ok‬وﺳﯿﺘﻢ ﺗﻐﯿﯿﺮ ﺣﺠﻢ اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-٥‬‬

‫ارﺗﻔﺎع اﻟﺠﺪول ‪:‬‬

‫ﺗﺴﺘﻄﯿﻊ أﻳﻀﺎً أن ﺗﻌﺪل ارﺗﻔﺎع اﻟﺠﺪول ﻣـﻦ ﺧـﻼل ﻣﺮﺑـﻊ ﺣـﻮار ﺧﺼـﺎﺋﺺ اﻟﺠـﺪول رﻏـﻢ أن ﻣﻌﻈـﻢ ﻣﺼـﻤﻤﻲ ﺻـﻔﺤﺎت اﻟﻮﻳـﺐ ﻻ‬
‫ﻳﮫﺘﻤﻮن ﺑﺎرﺗﻔﺎع اﻟﺠﺪول ﻗﺪر اھﺘﻤﺎﻣﮫﻢ ﺑﻌﺮﺿﻪ ‪ .‬وﻳـﺘﻢ ﻋـﺎدة ﺿـﺒﻂ ارﺗﻔـﺎع اﻟﺠـﺪول ﺗﻠﻘﺎﺋﯿـﺎً ﺑﺤﺴـﺐ اﻟﻤﺤﺘـﻮى اﻟﻤﻮﺟـﻮد داﺧـﻞ‬
‫اﻟﺠﺪول أو اﻟﺨﻼﻳﺎ اﻟﻔﺮدﻳﺔ ‪ ،‬وإذا ﻗﺮرت ﺗﻐﯿﯿﺮ ارﺗﻔﺎع اﻟﺠـﺪول ‪ ،‬ﻳﻤﻜﻨـﻚ ﻓﻘـﻂ أن ﺗﺠـﺮي ﺗﻌـﺪﻳﻼت ﻣﻄﻠﻘـﺔ وﻓـﻖ ﻋـﺪد ﻣﻌـﯿﻦ ﻣـﻦ‬
‫اﻟﺒﻜﺴﻼت ‪ .‬ﺣﺪد ﺧﯿﺎر ﺗﺤﺪﻳﺪ اﻹرﺗﻔﺎع ﺛﻢ اﻛﺘﺐ ﻋﺪد اﻟﺒﻜﺴﻼت اﻟﺬي ﺗﺮﻳﺪ أن ﺗﺤﺪده ﻻرﺗﻔﺎع اﻟﺠﺪول ‪.‬‬

‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ ﺗﺨﻄﯿﻂ اﻟﺠﺪاول ‪:‬‬

‫ﺣﺪد ﻗﯿﻢ ﺗﺨﻄﯿﻂ اﻟﺠﺪول ﺑﺄرﻗﺎم أﻋﻠﻰ ﻣﻦ اﻟﻘﯿﻢ اﻟﻌﺎدﻳﺔ ‪ .‬ﻓﺎﻟﻤﺒﺎﻟﻐﺔ ﻓﻲ ﺗﻌﯿﯿﻦ ﻗﯿﻢ اﻟﺨﺼﺎﺋﺺ ﺗﺴﺎﻋﺪ ﻋﻠﻰ ﻓﮫﻢ ﻃﺒﯿﻌﺔ ﺗﻠﻚ‬
‫اﻟﺨﺼﺎﺋﺺ ‪.‬‬

‫ﻟﺘﻐﯿﯿﺮ ﺣﺠﻢ اﻟﺤﺪ ﻓﻲ اﻟﺠﺪول ‪:‬‬

‫ﺣﺪد اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-١‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬ﺣﺪد ﺧﯿﺎر ﺧﺼﺎﺋﺺ اﻟﺠﺪول ﺛﻢ ﺟﺪول ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﺧﺼﺎﺋﺺ اﻟﺠﺪول ‪.‬‬ ‫‪-٢‬‬

‫ﻓﻲ ﺟﺰء ﺣﺪود ‪ ،‬ﻏﯿﺮ اﻟﺤﺠﻢ ‪ Size‬إﻟﻰ ‪. ٢٠‬‬ ‫‪-٣‬‬

‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ﻟﺘﻄﺒﯿﻖ ورؤﻳﺔ اﻟﺘﻐﯿﯿﺮ اﻟﺬي أﺟﺮﻳﺘﻪ ﻋﻠﻰ ﺣﺠﻢ اﻟﺤﺪ ﻓﻲ اﻟﺠﺪول ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬ ‫‪-٤‬‬

‫ﺣﺪود ﻏﯿﺮ ﻣﺮﺋﯿﺔ ‪:‬‬

‫ﺗﻮﺟﺪ أﻳﻀﺎً ﻃﺮﻳﻘﺔ ﺗﻨﻔﺬھﺎ ﻓﻲ ﺗﻐﯿﯿﺮ ﺣﺠﻢ ﺣﺪ اﻟﺠﺪول ‪ ،‬اﺿﺒﻂ اﻟﺤﺠﻢ ﻋﻠـﻰ ﺻـﻔﺮ ‪ ،‬وﺳﯿﺼـﺒﺢ ﺣـﺪ اﻟﺠـﺪول ﻏﯿـﺮ ﻣﺮﺋـﻲ ﻋﻨـﺪ‬
‫ﻋﺮﺿﻪ ﻓﻲ ﻣﺴﺘﻌﺮض اﻟﻮﻳﺐ ‪ .‬ﺗﻈﮫﺮ ﻓﺎﺋﺪة ھﺬه اﻟﺨﺎﺻﯿﺔ ﻋﻨـﺪﻣﺎ ﺗﺴـﺘﻌﯿﻦ ﺑﺎﻟﺠـﺪول ﻓـﻲ ﺿـﺒﻂ ﻣﻜـﺎن اﻟﺼـﻮر واﻟﻨﺼـﻮص داﺧـﻞ‬
‫ﺻﻔﺤﺎت اﻟﻮﻳﺐ ﺑﺪﻗﺔ وھﻮ أﻣﺮ ﺑﺎﻟﻎ اﻷھﻤﯿﺔ ﺣﯿﺚ ﻧﻨﺼﺢ ﺟﻤﯿﻊ اﻟﻤﺼﻤﻤﯿﻦ أن ﻳﻜـﻮن ﻋﻤﻠﮫـﻢ ﺿـﻤﻦ ﺟـﺪاول ﺿـﻤﺎﻧﺎً ﻟﻌـﺪم ﺗﻐﯿﯿـﺮ‬
‫ﺷﻜﻞ اﻟﻤﻮﻗﻊ ﻋﻨﺪ ﺗﻐﯿﯿﺮ دﻗﺔ اﻟﺸﺎﺷﺔ أو ﻋﻨﺪ ﺗﻐﯿﯿﺮ اﻟﻤﺘﺼﻔﺢ ‪.‬‬

‫أﻳﻀﺎً ﻳﻤﻜﻨﻚ اﻻﺳﺘﻌﺎﻧﺔ ﺑﻨﻄﺎق اﻟﺨﻼﻳﺎ ‪. padding cell‬‬

‫‪- ٢٠ -‬‬
‫ﻟﺘﻐﯿﯿﺮ ﻧﻄﺎق اﻟﺨﻼﻳﺎ ‪:‬‬

‫ﺣﺪد اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-١‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬ﺣﺪد ﺧﯿﺎر ﺧﺼﺎﺋﺺ اﻟﺠﺪول ﺛﻢ ﺟﺪول ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺧﺼﺎﺋﺺ اﻟﺠﺪول ‪.‬‬ ‫‪-٢‬‬

‫ﻓﻲ ﺟﺰء اﻟﺘﺨﻄﯿﻂ ‪ ،‬اﺿﺒﻂ ﺧﺎﻧﺔ ﻧﻄﺎق اﻟﺨﻠﯿﺔ ‪ Cell padding‬ﻋﻠﻰ ‪. ٢٠‬‬ ‫‪-٣‬‬

‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ﻟﺘﻄﺒﯿﻖ ورؤﻳﺔ اﻟﺘﻐﯿﯿﺮ اﻟﺬي أﺟﺮﻳﺘﻪ ﻋﻠﻰ ﺣﺸﻮ اﻟﺨﻼﻳﺎ ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬ ‫‪-٤‬‬

‫ﻳﻤﻜﻨﻚ أﻳﻀﺎً اﺳﺘﺨﺪام ﺧﺎﺻﯿﺔ اﻟﻤﺴﺎﻓﺔ ﺑﯿﻦ اﻟﺨﻼﻳﺎ ‪cell spacing .‬‬

‫ﻟﺘﻐﯿﯿﺮ اﻟﻤﺴﺎﻓﺔ ﺑﯿﻦ اﻟﺨﻼﻳﺎ ‪:‬‬

‫ﺣﺪد اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-١‬‬

‫ﻣـﻦ ﻗﺎﺋﻤـﺔ ﺟـﺪول ‪ ، Table‬ﺣـﺪد ﺧﯿـﺎر ﺧﺼـﺎﺋﺺ اﻟﺠـﺪول ‪ Table Properties‬ﺛـﻢ ﺟـﺪول ‪ Table‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار‬ ‫‪-٢‬‬
‫ﺧﺼﺎﺋﺺ اﻟﺠﺪول ‪. Table Properties‬‬

‫ﻓﻲ ﺟﺰء اﻟﺘﺨﻄﯿﻂ ‪ ، Layout‬اﺿﺒﻂ ﺧﺎﻧﺔ اﻟﻤﺴﺎﻓﺔ ﺑﯿﻦ اﻟﺨﻼﻳﺎ ‪ Cell spacing‬ﻋﻠﻰ ‪. ٢٠‬‬ ‫‪-٣‬‬

‫اﻧﻘﺮ زر ‪ ok‬ﻟﺘﻄﺒﯿﻖ ورؤﻳﺔ اﻟﺘﻐﯿﯿﺮ اﻟﺬي أﺟﺮﻳﺘﻪ ﻋﻠﻰ اﻟﻤﺴﺎﻓﺔ ﺑﯿﻦ اﻟﺨﻼﻳﺎ ) اﻧﻈﺮ اﻟﺸﻜﻞ( ‪.‬‬ ‫‪-٤‬‬

‫‪- ٢١ -‬‬
‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ أﻟﻮان اﻟﺠﺪاول ‪:‬‬

‫ﻳﻤﻜﻨﻚ أن ﺗﺤﺪد ﻟﻠﺠﺪول ﺣﺪوداً ﻋﺎدﻳـﺔ ‪ ،‬أو ﺗﻨﺸـﺊ ﺗـﺄﺛﯿﺮاً ﺛﻼﺛـﻲ اﻷﺑﻌـﺎد ﻣـﻦ ﺧـﻼل اﻟﺤـﺪود اﻟﻔﺎﺗﺤـﺔ ‪ border light‬واﻟﺤـﺪود‬
‫اﻟﺪاﻛﻨﺔ ‪.dark border‬‬

‫ﻟﺘﺤﺪﻳﺪ ﻟﻮن ﺣﺪود اﻟﺠﺪول ‪:‬‬

‫ﺣﺪد اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-١‬‬

‫ﻣـﻦ ﻗﺎﺋﻤـﺔ ﺟـﺪول ‪ ، Table‬ﺣـﺪد ﺧﯿـﺎر ﺧﺼـﺎﺋﺺ اﻟﺠـﺪول ‪ Table Properties‬ﺛـﻢ ﺟـﺪول ‪ Table‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار‬ ‫‪-٢‬‬
‫ﺧﺼﺎﺋﺺ اﻟﺠﺪول ‪. Table Properties‬‬

‫ﻓﻲ ﺟﺰء ﺣﺪود ‪ ، Border‬اﻧﻘﺮ ﺳﮫﻢ اﻟﻘﺎﺋﻤﺔ اﻟﻤﻨﺴﺪﻟﺔ اﻟﻠﻮن ‪ Color‬ﻟﺘﻔﺘﺢ ﻟﻮﺣﺔ اﻷﻟﻮان ‪.‬‬ ‫‪-٣‬‬

‫ﺣﺪد ﺧﯿﺎر أﺣﻤﺮ ‪ Red‬ﻟﺘﻈﮫﺮ ﺣﺪود اﻟﺠﺪول ﺑﺎﻟﻠﻮن اﻷﺣﻤﺮ ‪.‬‬ ‫‪-٤‬‬

‫اﻧﻘﺮ زر ‪ ok‬ﻟﺘﻄﺒﯿﻖ ورؤﻳﺔ اﻟﻠﻮن اﻟﺬي ﺣﺪدﺗﻪ ﻟﺤﺪود اﻟﺠﺪول ‪.‬‬ ‫‪-٥‬‬

‫ﻳﻤﻜﻨﻚ أﻳﻀﺎً ﺗﺤﺪﻳﺪ أﻟﻮان ﺛﻼﺛﯿﺔ اﻷﺑﻌﺎد ﻟﺤﺪود اﻟﺠﺪول‬

‫ﻟﺘﺤﺪﻳﺪ أﻟﻮان ﺛﻼﺛﯿﺔ اﻷﺑﻌﺎد ﻟﺤﺪود اﻟﺠﺪول ‪:‬‬

‫ﺣﺪد اﻟﺠﺪول اﻟﺬي أﻧﺸﺄﺗﻪ ﻣﻦ ﻗﺒﻞ ‪.‬‬ ‫‪-١‬‬

‫ﻣـﻦ ﻗﺎﺋﻤـﺔ ﺟـﺪول ‪ ، Table‬ﺣـﺪد ﺧﯿـﺎر ﺧﺼـﺎﺋﺺ اﻟﺠـﺪول ‪ Table Properties‬ﺛـﻢ ﺟـﺪول ‪ Table‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار‬ ‫‪-٢‬‬
‫ﺧﺼﺎﺋﺺ اﻟﺠﺪول ‪. Table Properties‬‬

‫ﻓﻲ ﺟﺰء ﺣﺪود ‪ ، Border‬اﻧﻘﺮ ﺳﮫﻢ اﻟﻘﺎﺋﻤﺔ اﻟﻤﻨﺴﺪﻟﺔ اﻟﺤﺪود اﻟﻔﺎﺗﺤﺔ ‪ Border light‬ﻟﺘﻔﺘﺢ ﻟﻮﺣﺔ اﻷﻟـﻮان اﻟﺨﺎﺻـﺔ‬ ‫‪-٣‬‬
‫ﺑﮫﺎ ‪.‬‬

‫ﺣﺪد ﺧﯿﺎر ‪ Red‬ﻟﺘﻈﮫﺮ اﻟﺤﺪ اﻟﻔﺎﺗﺢ ﻟﻠﺠﺪول ﺑﮫﺬا اﻟﻠﻮن ‪.‬‬ ‫‪-٤‬‬

‫وﻣﻦ ﻧﻔﺲ اﻟﺠﺰء اﻧﻘﺮ ﺳﮫﻢ اﻟﻘﺎﺋﻤﺔ اﻟﻤﻨﺴﺪﻟﺔ اﻟﺤﺪود اﻟﺪاﻛﻨﺔ ‪ Dark Border‬ﻟﺘﻔﺘﺢ ﻟﻮﺣﺔ اﻷﻟﻮان اﻟﺨﺎﺻﺔ ﺑﮫﺎ ‪.‬‬ ‫‪-٥‬‬

‫ﺣﺪد ﺧﯿﺎر اﻟﻠﻮن اﻷﺣﻤﺮ اﻟﺪاﻛﻦ ‪ Maroon‬ﻟﯿﻈﮫﺮ اﻟﺤﺪ اﻟﺪاﻛﻦ ﻟﻠﺠﺪول ﺑﮫﺬا اﻟﻠﻮن ‪.‬‬ ‫‪-٦‬‬

‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ‪ ok‬ﻟﺘﻄﺒﯿﻖ ورؤﻳﺔ اﻟﺘﻐﯿﯿﺮ اﻟﺬي أﺟﺮﻳﺘﻪ ﻋﻠﻰ ﻟﻮن اﻟﺤﺪود اﻟﻔﺎﺗﺤﺔ واﻟﺪاﻛﻨﺔ ﻟﻠﺠﺪول ) اﻧﻈﺮ اﻟﺸـﻜﻞ (‬ ‫‪-٧‬‬
‫‪.‬‬

‫‪- ٢٢ -‬‬
‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﺮواﺑﻂ ‪:‬‬ ‫•‬

‫ﻳﻌﺘﺒﺮ ھﺬا اﻟﺪرس أﻟﻒ وﺑﺎء ﺗﺼﻤﯿﻢ ﻣﻮاﻗﻊ اﻻﻧﺘﺮﻧﯿﺖ وﻟﺬﻟﻚ ﻛﻦ ﻣﺴﺘﻌﺪاً ﺟﯿﺪاً ﻟﺘﻌﻠﻤﻪ ﺑﺸﻜﻞ ﺟﯿﺪ ﻛﻤﺎ أﻧﻪ أﻃـﻮل اﻟـﺪروس ﻓـﻲ‬
‫ھﺬه اﻟﻤﺠﻤﻮﻋﺔ اﻟﺘﻌﻠﯿﻤﯿﺔ وﻗﺪ ﻛﺎن ﻣﻦ اﻟﻤﻤﻜﻦ ﻗﺴﻢ ھﺬا اﻟﺪرس إﻟﻰ درﺳـﯿﻦ ﻣﻨﻔﺼـﻠﯿﻦ وﻟﻜـﻦ ﺑﺴـﺒﺐ أھﻤﯿﺘـﻪ ﻓﻀـﻠﺖ أن‬
‫ﻳﻜﻮن درﺳﺎً واﺣﺪاً ﻗﺪ ﻳﻜﻮن ﻃﻮﻳﻼً ﺑﻌﺾ اﻟﺸﺊ وﻟﻜﻦ ﻻ ﺑﺪ أﻧﻚ ﻗﺪ اﻣﺘﻠﻜـﺖ اﻟﺨﺒـﺮة اﻟﻜﺎﻓﯿـﺔ ﻣـﻦ أﺟـﻞ ﻓﮫـﻢ ﻣﺜـﻞ ھـﺬا اﻟـﺪرس‬
‫ﺑﺴﮫﻮﻟﺔ ‪ ...‬ﻻ أرﻳﺪ اﻹﻃﺎﻟﺔ ھﯿﺎ ﺑﻨﺎ ‪.....‬‬

‫ﻛﯿﻒ ﺗﻌﻤﻞ اﻻرﺗﺒﺎﻃﺎت ‪:‬‬

‫ﻋﻨﺪ ﻋﺮض أي ﺻﻔﺤﺔ وﻳﺐ ﺑﻮاﺳﻄﺔ ﻣﺴﺘﻌﺮض اﻟﻮﻳﺐ اﻟﺨﺎص ﺑﻚ ‪ ،‬ﻳﻘﻮم اﻟﻤﺴﺘﻌﺮض ﺑﺘﻔﺴﯿﺮ اﻻرﺗﺒﺎﻃﺎت ﻋﻠـﻰ أﻧﮫـﺎ ﺗﻮﺻـﯿﻼت‬
‫إﻟﻰ ﻣﻠﻔﺎت أو ﻣﻮارد أﺧﺮى ﻋﻠﻰ اﻹﻧﺘﺮﻧﺖ ‪ .‬إذا ﻛﻨﺖ ﻣﻦ ﻣﺴﺘﺨﺪﻣﻲ ﻧﯿﺘﺴﻜﯿﺐ أو إﻧﺘﺮﻧﺖ إﻛﺴﺒﻠﻮرر ‪ ،‬ﻓﺴﯿﺘﺤﻮل اﻟﻤﺆﺷﺮ ﺑﻌـﺪ‬
‫وﺿﻌﻪ ﻋﻠﻰ اﻻرﺗﺒﺎط إﻟﻰ ﻳﺪ ﺑﮫﺎ إﺻﺒﻊ ﻣﺮﻓﻮع ھﺬا اﻟﻤﺆﺷﺮ ﻳﺪل ﻋﻠﻰ وﺟﻮد ارﺗﺒﺎط إﻟﻰ ﻣﻮرد آﺧﺮ ﻋﻠﻰ اﻹﻧﺘﺮﻧﺖ‬

‫ﻳﺘﯿﺢ ﻟﻚ ﻓﺮوﻧﺖ ﺑﯿﺞ إﻧﺸﺎء اﻻرﺗﺒﺎﻃﺎت اﻟﺘﻲ ﺗﺮﻳﺪھﺎ ﻓﻲ ﺻﻔﺤﺎت اﻟﻮﻳﺐ اﻟﺨﺎﺻﺔ ﺑﻚ ‪.‬‬

‫أﻧﻮاع اﻻرﺗﺒﺎﻃﺎت ‪:‬‬


‫ھﻨﺎك ﻋﺪة أﻧﻮاع ﻣﻦ اﻻرﺗﺒﺎﻃﺎت ﻓﺒﻌﻀﮫﺎ ﻳﺮﺑﻂ إﻟﻰ ﺻﻔﺤﺎت داﺧﻞ اﻟﻤﻮﻗﻊ وﺑﻌﻀﮫﺎ اﻵﺧﺮ ﻳـﺮﺑﻂ إﻟـﻰ ﻣﻮاﻗـﻊ أﺧـﺮى وﺑﻌﻀـﮫﺎ ﻳـﺮﺑﻂ‬
‫إﻟﻰ ﻋﻨﻮان ﺑﺮﻳـﺪ اﻟﻜﺘﺮوﻧـﻲ وأﺧﯿـﺮاً اﻻرﺗﺒﺎﻃـﺎت داﺧـﻞ ﻧﻔـﺲ اﻟﺼـﻔﺤﺔ و ﻣﺎﻳﺴـﻤﻰ أﻳﻀـﺎً إﺷـﺎرة ﻣﺮﺟﻌﯿـﺔ أو ﻣﺎﻳـﺪﻋﻰ إﺷـﺎرة‬
‫ﻣﺮﺟﻌﯿﺔ وأﺧﯿﺮاً أﺣﺐ أن أﻧﻮه أن ﻻ ﻓﺮق ﺑﯿﻦ اﻻرﺗﺒﺎﻃﺎت ﺑﻮاﺳﻄﺔ اﻟﻨﺼﻮص أو ﺑﻮاﺳﻄﺔ اﻟﺼﻮر ﺑﻞ ﻛﻼھﻤﺎ ﻟﮫﻤﺎ ﻧﻔﺲ اﻟﻄﺮﻳﻘﺔ ‪.‬‬

‫وﻟﻨﺒﺪأ أوﻻً ﺑـ اﻻرﺗﺒﺎﻃﺎت إﻟﻰ ﺻﻔﺤﺎت داﺧﻞ اﻟﻤﻮﻗﻊ ‪:‬‬

‫ﻗﻢ ﺑﺈﻧﺸﺎء ﺻﻔﺤﺔ ﺟﺪﻳﺪة ‪.‬‬ ‫‪-١‬‬

‫اﻛﺘﺐ اﻟﻨﺺ اﻟﺘﺎﻟﻲ ‪:‬‬ ‫‪-٢‬‬

‫" أﻣﺠﺪ ﻟـ ﺗﺼﻤﯿﻢ ﻣﻮاﻗﻊ اﻻﻧﺘﺮﻧﺖ وﺣﺠﺰ اﻷﺳﻤﺎء واﻟﻤﺴﺎﺣﺎت " أو أي ﻧﺺ آﺧﺮ ﺗﺮﻳﺪ أن ﺗﻨﺸﺊ ﻟﻪ ارﺗﺒﺎﻃﺎً ‪.‬‬

‫ﺣﺪد اﻟﻜﻠﻤﺎت ‪.‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﺟﺪول ‪ ،‬اﺧﺘﺮ أﻣﺮ إرﺗﺒﺎط ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار إدراج إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ‪.‬‬ ‫‪-٣‬‬

‫اﺿﻐﻂ ﻋﻠﻰ اﻷﻳﻘﻮﻧﺔ اﻟﺘﻲ ﺗﺤﻤﻞ ﺷﻜﻞ ﻣﺠﻠﺪ ﻓﻮﻗﻪ ﺳﮫﻢ ﻣﻨﺤﻨﻲ ) اﻧﻈـﺮ اﻟﺸـﻜﻞ ( ﻓﯿﻔـﺘﺢ ﻟـﻚ ﻣﺮﺑـﻊ ﺣـﻮار ‪ ،‬ﻣـﻦ ﺑﺤـﺚ‬
‫ﻓﻲ ﺣﺪد ﻣﻮﻗﻊ اﻟﺼﻔﺤﺔ اﻟﺘﻲ ﺗﺮﻳﺪھﺎ أن ﺗﺮﺗﺒﻂ إﻟﻰ ھﺬه اﻟﻜﻠﻤﺎت ﺛﻢ اﺿﻐﻂ ﻋﻠﻰ ﻣﻮاﻓﻖ ‪.‬‬

‫وھﻜﺬا ﺗﻜﻮن ﻗﺪ ﺣﺼﻠﺖ ﻋﻠﻰ ارﺗﺒﺎط إﻟﻰ ﺻﻔﺤﺔ داﺧﻞ اﻟﻤﻮﻗﻊ ‪.‬‬

‫‪- ٢٣ -‬‬
‫ﻹﻧﺸﺎء ارﺗﺒﺎط إﻟﻰ ﻣﻮاﻗﻊ أﺧﺮى ‪:‬‬

‫ﻗﻢ ﺑﺈﻧﺸﺎء ﺻﻔﺤﺔ ﺟﺪﻳﺪة ‪.‬‬ ‫‪-١‬‬

‫اﻛﺘﺐ اﻟﻨﺺ اﻟﺘﺎﻟﻲ ‪:‬‬ ‫‪-٢‬‬

‫ﺻﺪى ﻟـ ﺗﺼﻤﯿﻢ ﻣﻮاﻗﻊ اﻻﻧﺘﺮﻧﯿﺖ وﺣﺠﺰ اﻷﺳﻤﺎء واﻟﻤﺴﺎﺣﺎت أو أي ﻧﺺ آﺧﺮ ﺗﺮﻳﺪ أن ﺗﻨﺸﺊ ﻟﻪ ارﺗﺒﺎﻃﺎً ‪.‬‬

‫ﺣﺪد اﻟﻜﻠﻤﺎت ‪.‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ إدراج ‪ ،‬اﺧﺘﺮ أﻣﺮ إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار إدراج إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ‪.‬‬ ‫‪-٣‬‬

‫ﻓﻲ ﺧﺎﻧﺔ اﻟﻌﻨﻮان ‪ ،‬اﻛﺘﺐ اﻟﻨﺺ اﻟﺘﺎﻟﻲ ‪ ) www.dged.net :‬اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬ ‫‪-٤‬‬

‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ﻹﻏﻼق ﻣﺮﺑﻊ اﻟﺤﻮار وﺣﻔﻆ اﻻرﺗﺒﺎط ‪.‬‬ ‫‪-٥‬‬

‫ﻟـ إﻧﺸﺎء ارﺗﺒﺎط إﻟﻰ ﺑﺮﻳﺪ اﻟﻜﺘﺮوﻧﻲ ‪:‬‬

‫ﻗﻢ ﺑﺎﻟﺨﻄﻮات ‪ ١‬و ‪ ٢‬و ‪ ٣‬اﻟﺴﺎﺑﻘﺔ وﺑﻌﺪ أن ﺗﻔﺘﺢ ﻣﺮﺑﻊ اﻟﺤﻮار إدراج إرﺗﺒﺎط ﺗﺸﻌﺒﻲ اذھﺐ إﻟﻰ ﻋﻨـﻮان اﻟﺒﺮﻳـﺪ اﻻﻟﻜﺘﺮوﻧـﻲ ‪E-‬‬
‫‪ Address mail‬ﻓﯿﻔﺘﺢ ﻟﻚ ﻣﺮﺑﻊ ﺣﻮار اﻛﺘﺐ ﻓﻲ ﺧﺎﻧﺔ ﻋﻨﻮان اﻟﺒﺮﻳﺪ ‪ E-mail address‬ﻋﻨﻮان اﻹﻳﻤﯿﻞ اﻟﺬي ﺗﺮﻏﺐ ‪.‬‬

‫‪- ٢٤ -‬‬
‫وأﺧﯿﺮاً إﻧﺸﺎء ارﺗﺒﺎط داﺧﻞ ﻧﻔﺲ اﻟﺼﻔﺤﺔ ‪:‬‬

‫‪ - ١‬ﻗﻢ ﺑـ إﻧﺸﺎء ﺻﻔﺤﺔ ﺟﺪﻳﺪة ‪.‬‬

‫‪ - ٢‬اﻛﺘﺐ اﻟﻨﺺ اﻟﺬي ﺗﺮﻏﺐ ﺑﻪ ﺛﻢ ﺣﺪده ‪.‬‬

‫‪ - ٣‬ﻣﻦ ﻗﺎﺋﻤﺔ إدراج ‪ Insert‬اﺧﺘﺮ إﺷﺎرة ﻣﺮﺟﻌﯿﺔ ‪ ) bookmark‬اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬

‫‪ - ٤‬ﺳﻤّﻪ ﺑـ اﻻﺳﻢ اﻟﺬي ﺗﺮﻏﺐ ﺑﻪ وﻳﻔﻀﻞ أن ﻳﻜﻮن اﺳﻢ ﻟﻪ ﻋﻼﻗﺔ ﺑـ اﻻرﺗﺒﺎط اﺿـﻐﻂ ﻋﻠـﻰ ﻣﻮاﻓـﻖ وھﻜـﺬا ﺗﻜـﻮن ﻗـﺪ أﻧﺸـﺄت‬
‫ارﺗﺒﺎط داﺧﻠﻲ أو ﻣﺎﻳﺴﻤﻰ أﻳﻀﺎً إﺷﺎرة ﻣﺮﺟﻌﯿﺔ ﺗﺴﺘﻄﯿﻊ إﻧﺸﺎء ﻋﺪد ﻏﯿﺮ ﻣﺤﺪد ﻣﻦ اﻹﺷﺎرات اﻟﻤﺮﺟﻌﯿﺔ ‪.‬‬
‫ﺑﻌـﺪ إﻧﺸــﺎء اﻹﺷــﺎرة اﻟﻤﺮﺟﻌﯿــﺔ ﺗﻜﺘـﺐ ﻧﺼـﺎً ﺗﺮﻳــﺪه ﺛــﻢ ﺗﺤـﺪد اﻟــﻨﺺ ﺛــﻢ ﻣــﻦ ﻗﺎﺋﻤـﺔ إدراج ‪ ، Insert‬اﺧﺘــﺮ أﻣــﺮ إرﺗﺒــﺎط ﺗﺸــﻌﺒﻲ‬
‫‪ Hyperlink‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار إدراج إرﺗﺒﺎط ﺗﺸﻌﺒﻲ ‪ Insert Hyperlink‬وﻣﻨﻪ اﺧﺘﺮ إﺷـﺎرة ﻣﺮﺟﻌﯿـﺔ ‪ Bookmark‬وﺣـﺪد اﻹﺷـﺎرة‬
‫اﻟﻤﺮﺟﻌﯿﺔ اﻟﺘﻲ ﺗﺮﻏﺐ أن ﺗﺮﺑﻂ إﻟﯿﮫﺎ ھﺬا اﻟﻨﺺ ‪.‬‬

‫اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻹﻃﺎرات‬ ‫•‬

‫اﻟﺘﻌﺮف ﻋﻠﻰ اﻹﻃﺎرات ‪:‬‬

‫إن ﺑﻌﺾ اﻟﻘﻮاﻟﺐ ﻓﻲ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻳﺘﯿﺢ ﻟﻚ ﺳﮫﻮﻟﺔ إﻧﺸﺎء ﺻﻔﺤﺎت اﻟﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام اﻹﻃﺎرات ‪. Frames‬‬

‫واﻹﻃﺎرات أﺳﺎﺳﺎً ﻋﺒﺎرة ﻋﻦ ﺻﻔﺤﺎت وﻳﺐ ﻣﻨﻔﺼﻠﺔ أو ﻣﺴﺘﻘﻠﺔ ﻳﺘﻢ ﻋﺮﺿﮫﺎ داﺧﻞ ﺷﺎﺷﺔ واﺣﺪة ‪.‬‬

‫ھﻞ ﻳﺠﺐ اﺳﺘﺨﺪام اﻹﻃﺎرات ؟‬

‫ﻳﺮى اﻟﺒﻌﺾ أﻧﻪ ﻻﻓﺎﺋﺪة ﻣﻦ اﺳﺘﺨﺪاﻣﮫﺎ ﻛﻤﺎ ﻳﻘﺒـﻞ اﻟـﺒﻌﺾ ﻋﻠـﻰ اﺳـﺘﺨﺪاﻣﮫﺎ وأﻳﻀـﺎً اﻟـﺒﻌﺾ اﻵﺧـﺮ ﻻ ﻳﻮﻟﯿﮫـﺎ أي أھﻤﯿـﺔ وﻣـﻦ‬
‫اﻟﻤﺸﺎﻛﻞ اﻟﺘﻲ ﺗﺒﺮز ﻟﻨﺎ ﻋﻨﺪ اﻟﺤﺪﻳﺚ ﻋﻦ اﻹﻃﺎرات ﻋﻠﻰ ﻋﺮﺿﮫﺎ ﺑﺼﻮرة ﺟﯿﺪة ﻧﻈﺮاً ﻻﺧﺘﻼف درﺟﺔ وﺿﻮح اﻟﺸﺎﺷﺔ اﻟﺨﺎﺻﺔ ﺑﻜـﻞ‬
‫ﻣﻮﻗﻊ ‪.‬‬

‫‪- ٢٥ -‬‬
‫إﻧﺸﺎء اﻹﻃﺎرات ﺑﺎﺳﺘﺨﺪام ﻗﻮاﻟﺐ ﻓﺮوﻧﺖ ﺑﯿﺞ ‪:‬‬

‫ﺑﻌﺪ أن ﺗﻨﺘﮫﻲ ﻣﻦ ﻋﻤﻠﯿﺔ اﻟﺘﺨﻄﯿﻂ ﻻﺳﺘﺨﺪام اﻹﻃﺎرات إﺑـﺪأ ﺑﺎﺳـﺘﻌﺮاض اﻹﻃـﺎرات اﻟﻤﻮﺟـﻮدة واﺑﺤـﺚ ﻋـﻦ ﻗﺎﻟـﺐ ﻳﺸـﺒﻪ اﻟـﺬي‬
‫ﺧﻄﻄﺖ ﻟﻪ ﺑﺪرﺟﺔ ﻛﺒﯿﺮة دﻋﻨﺎ ﻧﻘﻮم ﺑﺘﺄﺳﯿﺲ ﻣﻮﻗﻊ وﻳﺐ ﻓﻲ ﻏﺎﻳﺔ اﻟﺒﺴﺎﻃﺔ ﻣﻊ اﻻﺳﺘﻌﺎﻧﺔ ﺑﺎﻹﻃﺎرات ‪:‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ‪ ، File‬اﺧﺘﺮ أﻣﺮ ﺟﺪﻳﺪ ‪ New‬ﺛﻢ ﺻـﻔﺤﺔ أو وﻳـﺐ ‪ Page or Web‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار ﺟﺪﻳـﺪ ‪ New‬اﺧﺘـﺮ‬ ‫‪-١‬‬
‫ﻣﻨﻪ ﻗﻮاﻟﺐ اﻟﺼﻔﺤﺔ ‪. Page Templates .‬‬

‫اﻧﻘﺮ ﻋﻼﻣﺔ ﺗﺒﻮﻳﺐ ﺻﻔﺤﺎت إﻃﺎرات ‪ Frames Page‬ﻟﺘﻌﺮض اﻟﻠﻮﺣﺔ اﻟﺨﺎﺻﺔ ﺑﮫﺎ ) اﻧﻈﺮ اﻟﺸﻜﻞ( ‪.‬‬ ‫‪-٢‬‬

‫‪ -٣‬ﺣﺪد اﻹﻃﺎر اﻟﺬي ﺗﺮﻳﺪ اﺳﺘﺨﺪاﻣﻪ ﻓﻲ ﺻﻔﺤﺘﻚ ‪ ،‬ﻓﻲ ﻣﺜﺎﻟﻨﺎ ﺣﺪد ﻗﺎﻟﺐ ﺗﺪرج ﻣﺘﺪاﺧﻞ ‪ Contents‬اﻟﺬي ﻳﺘﯿﺢ ﻟـﻚ إﻧﺸـﺎء‬
‫ﺻﻔﺤﺔ ﺑﺪاﺧﻠﮫﺎ إﻃﺎران ‪.‬‬

‫اﻧﻘﺮ ‪ ok‬ﻹﻏﻼق ﻣﺮﺑﻊ اﻟﺤﻮار وإﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام اﻟﻘﺎﻟﺐ اﻟﺬي ﺣﺪدﺗﻪ ) اﻧﻈﺮ اﻟﺸﻜﻞ أدﻧﺎه ( ‪.‬‬ ‫‪-٣‬‬

‫‪- ٢٦ -‬‬
‫ﻳﻨﺒﻐﻲ أن ﺗﺤﺪد اﻟﻤﺤﺘﻮى اﻟﺬي ﺳﺘﻀﻌﻪ ﻓﻲ اﻹﻃﺎرﻳﻦ ‪ ،‬ﻛﺄن ﺗﺪرج ﺻﻔﺤﺎت ﻣﻮﺟﻮدة ﻟﺪﻳﻚ أو ﺗﻨﺸـﺊ ﺻـﻔﺤﺎت ﺟﺪﻳـﺪة ﻣـﻦ‬
‫ﻓﺮاغ ‪.‬‬

‫ﺳﻨﻘﻮم ﺑﺈﻧﺸﺎء ﻗﺎﺋﻤﺔ ﺑﺴﯿﻄﺔ ﻓﻲ اﻹﻃﺎر اﻟﺼﻐﯿﺮ اﻟﻤﻮﺟﻮد ﻓﻲ ﻳﺴﺎر اﻟﺼﻔﺤﺔ ﻛﻤﺎ ﻳﻠﻲ ‪:‬‬

‫ﻓﻲ اﻹﻃﺎر اﻷﻳﺴﺮ ‪ ،‬اﻧﻘﺮ زر ﺻﻔﺤﺔ ﺟﺪﻳﺪة ‪ New Page‬وﺳﯿﺘﻢ إﻧﺸﺎء ﺻﻔﺤﺔ ﺟﺪﻳﺪة ﻓﻲ اﻹﻃﺎر ‪.‬‬ ‫‪-١‬‬

‫اﻛﺘﺐ اﻟﻨﺺ اﻟﺘﺎﻟﻲ ﻓﻲ اﻟﺼﻔﺤﺔ اﻟﻤﺆﻃﺮة ‪:‬‬ ‫‪-٢‬‬

‫‪Page1‬‬

‫ﺻﻔﺤﺔ ‪١‬‬

‫‪- ٢٧ -‬‬
‫ﺣﺪد ﻧﺺ ‪ Page1‬ﻣﻦ ﻗﺎﺋﻤﺔ إدراج ‪ ، Insert‬ﺣـﺪد أﻣـﺮ إرﺗﺒـﺎط ﺗﺸـﻌﺒﻲ ‪ Hyperlink‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ اﻟﺤـﻮار إدراج إرﺗﺒـﺎط‬ ‫‪-٣‬‬
‫ﺗﺸﻌﺒﻲ ‪. Hyperlink Insert‬‬

‫ﻓﻲ ﻣﺮﺑﻊ اﻟﻌﻨﻮان ‪ Address‬اﻛﺘﺐ اﺳﻢ إﺣـﺪى اﻟﺼـﻔﺤﺎت اﻟﺘـﻲ أﻧﺸـﺄﺗﮫﺎ ﻣـﻦ ﻗﺒـﻞ ﻓـﻲ اﻟـﺪروس اﻟﺴـﺎﺑﻘﺔ أو ﺣـﺪد‬ ‫‪-٤‬‬
‫إﺣﺪاھﺎ ﺑـ أي ﻃﺮﻳﻘﺔ ﺗﻮدھﺎ ‪.‬‬

‫‪ -٥‬ﻓﻲ ﻣﺮﺑـﻊ ﺣـﻮار إدراج إرﺗﺒـﺎط ﺗﺸـﻌﺒﻲ ‪ ، Insert Hyperlink‬اﻧﻘـﺮ زر اﻹﻃـﺎر اﻟﮫـﺪف ‪ Target Frame‬ﻟﺘﻔـﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار‬
‫اﻹﻃﺎر اﻟﮫﺪف ‪ ) Frame Target‬اﻧﻈﺮ اﻟﺸﻜﻞ (‪.‬‬

‫‪ -٦‬ﻳﻌﺮض ﻣﺮﺑﻊ ﺣﻮار اﻹﻃﺎر اﻟﮫﺪف ‪ Target Frame‬ﺷﻜﻼً ﺗﻤﺜﯿﻠﯿﺎً ﻟﻺﻃﺎرﻳﻦ اﻟﻤﻮﺟﻮدﻳﻦ ﻓﻲ اﻟﺼﻔﺤﺔ ‪ ،‬ﺣﺪد اﻹﻃـﺎر اﻷﻳﻤـﻦ‬
‫ﺑﺎﻟﻨﻘﺮ داﺧﻠﻪ ‪ ،‬ھﺬا اﻹﻃﺎر ھﻮ اﻟﻤﻜﺎن اﻟﺬي ﺳﺘﻈﮫﺮ ﻓﯿﻪ اﻟﺼﻔﺤﺔ اﻟﺘـﻲ أﻧﺸـﺄت ﻟﮫـﺎ إﻃـﺎراً ‪ ،‬ﺣﯿـﺚ ﺗـﻢ ﻋﺮﺿـﮫﺎ ﻋﻨـﺪﻣﺎ‬
‫ﺗﺤـــــــــــــــــــــــــــــــــــﺪد اﻹﻃـــــــــــــــــــــــــــــــــــﺎر اﻟـــــــــــــــــــــــــــــــــــﺬي أﻧﺸـــــــــــــــــــــــــــــــــــﺄﺗﻪ ‪.‬‬
‫اﻧﻘﺮ زر ﻣﻮاﻓﻖ ‪ ok‬ﻹﻏﻼق ﻣﺮﺑﻊ اﻟﺤﻮار اﻹﻃـﺎر اﻟﮫـﺪف ‪ . Target Frame‬اﻧﻘـﺮ زر ﻣﻮاﻓـﻖ ‪ ok‬ﻣـﺮة أﺧـﺮى ﻹﻏـﻼق‬ ‫‪-٧‬‬
‫‪. Insert‬‬ ‫ﻣﺮﺑـــــــــــــــــــــﻊ ﺣـــــــــــــــــــــﻮار إرﺗﺒـــــــــــــــــــــﺎط ﺗﺸـــــــــــــــــــــﻌﺒﻲ ‪Hyperlink‬‬
‫‪ -٨‬ﻛﺮر اﻟﺨﻄﻮات ﻣﻦ ‪ ٣‬إﻟﻰ ‪ ٧‬ﻣﻊ ﻧﺼﻲ ﺻﻔﺤﺔ ‪١‬و ﻣﻊ ﺗﺤﺪﻳﺪ ﺻﻔﺤﺘﯿﻦ ﻣﺨﺘﻠﻔﺘﯿﻦ ﻟﻌﺮﺿﮫﻤﺎ ﻓـﻲ ھـﺬﻳﻦ اﻻرﺗﺒـﺎﻃﯿﻦ ‪.‬‬
‫‪ -٩‬ﺗﻢ اﻻﻧﺘﮫﺎء ﻣﻦ إﻧﺸﺎء ﺻﻔﺤﺘﻚ اﻟﻤﺆﻃﺮة ﺗﻘﺮﻳﺒﺎً ‪ ،‬اﻵن ﺗﺤﺘﺎج إﻟﻰ ﺗﺤﺪﻳـﺪ اﻟﺼـﻔﺤﺔ اﻟﺘـﻲ ﺳـﯿﺘﻢ ﻋﺮﺿـﮫﺎ وﻏﺎﻟﺒـﺎً ﻣـﺎ‬
‫ﺗﻜﻮن ﻧﻔﺲ اﻟﺼﻔﺤﺔ اﻟﺘﻲ ﺗﻤﺖ ﺗﺴـﻤﯿﺘﮫﺎ ﺑﻮاﺳـﻄﺔ ارﺗﺒـﺎط ‪ Page1‬اﻧﻘـﺮ زر ﺗﻌﯿـﯿﻦ اﻟﺼـﻔﺤﺔ اﻷوﻟﯿـﺔ ‪Page Set Initial‬‬
‫اﻟﻤﻮﺟـــــﻮد ﻓـــــﻲ اﻟﻠﻮﺣـــــﺔ اﻟﯿﻤﻨـــــﻰ ﻟﺘﻔـــــﺘﺢ ﻣﺮﺑـــــﻊ ﺣـــــﻮار إدراج إرﺗﺒـــــﺎط ﺗﺸـــــﻌﺒﻲ ‪. Hyperlink Insert‬‬
‫‪-١٠‬اﻛﺘــــﺐ اﺳــــﻢ اﻟﻤﻠــــﻒ اﻟــــﺬي ﻳﺤﺘــــﻮي ﻋﻠــــﻰ ارﺗﺒــــﺎط إﻟــــﻰ ‪ Page1‬اﻟــــﺬي أﻧﺸــــﺄﺗﻪ ﻓــــﻲ اﻟﺨﻄــــﻮة ‪. ٤‬‬
‫‪-١١‬اﻧﻘـــــــــــــــــــــــﺮ زر ﻣﻮاﻓـــــــــــــــــــــــﻖ ‪ ok‬ﻹﻏـــــــــــــــــــــــﻼق ﻣﺮﺑـــــــــــــــــــــــﻊ اﻟﺤـــــــــــــــــــــــﻮار ‪.‬‬
‫‪ -١٢‬ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ‪ ، File‬ﺣﺪد أﻣﺮ ﺣﻔﻆ ‪ Save‬ﻟﺤﻔﻆ ﻣﻠﻔﺎﺗـﻚ ‪ .‬ﺳـﯿﻄﻠﺐ ﻣﻨـﻚ ﺣﻔـﻆ ﻛـﻞ اﻟﻤﻠﻔـﺎت اﻟﺘـﻲ أﻧﺸـﺄﺗﮫﺎ ‪.‬‬
‫وﻧﻈﺮاً ﻷﻧﻚ أﻧﺸﺄت اﻟﻤﻠﻒ اﻟﻈﺎھﺮ ﻓﻲ اﻹﻃﺎر اﻷﻳﺴﺮ ‪ ،‬ﺳﯿﻄﻠﺐ ﻣﻨﻚ ﺣﻔﻈﻪ إﻟﻰ ﺟﺎﻧـﺐ ﺣﻔـﻆ اﻟﻤﻠـﻒ اﻟﻤﺴـﻤﻰ ﺑــ "‬
‫ﻣﺠﻤﻮﻋﺔ اﻹﻃﺎرات " ‪ frameset file‬وھﻮ اﻟﻤﻠﻒ اﻟﺬي ﻳﺘﺤﻜﻢ ﻓﻲ اﻟﺼﻔﺤﺔ اﻟﻤﺆﻃﺮة ‪.‬‬

‫‪-١٣‬ﺑﻌﺪ اﻻﻧﺘﮫـﺎء ﻣـﻦ ﺣﻔـﻆ ﻣﻠﻔﺎﺗـﻚ ‪ ،‬ﺣـﺪد ﻋﻼﻣـﺔ ﺗﺒﻮﻳـﺐ ‪ Preview‬ﻟﻌـﺮض اﻟﺼـﻔﺤﺎت اﻟﻤـﺆﻃﺮة ) أي ذات اﻹﻃـﺎرات (‬
‫واﺧﺘﺒـــــــــــــــــــــــــــــــﺮ أدوات اﻟـــــــــــــــــــــــــــــــﺘﺤﻜﻢ ﻓـــــــــــــــــــــــــــــــﻲ اﻹﻃـــــــــــــــــــــــــــــــﺎرات ‪.‬‬

‫‪- ٢٨ -‬‬
‫ﺻﻔﺤﺎت اﻷﻧﻤﺎط واﻟﻌﻨﺎﺻﺮ اﻟﻨﺸﻄﺔ‬

‫اﻟﺘﻌﺮف ﻋﻠﻰ اﻟﻌﻨﺎﺻﺮ اﻟﻨﺸﻄﺔ ‪:‬‬

‫اﻟﻌﻨﺎﺻﺮ اﻟﻨﺸﻄﺔ ‪ active elements‬ﻣﺠﻤﻮﻋﺔ ﻣﻦ اﻷدوات اﻟﺘﻲ ﺗﻀﯿﻒ ﻗﺪراً ﻣﻦ اﻹﺛﺎرة إﻟﻰ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‪ ،‬وھﻲ ﻋﻠﻰ ﺳـﺒﯿﻞ‬
‫اﻟﻤﺜﺎل ﻻ اﻟﺤﺼـﺮ اﻷزرار اﻟﻤﺘﺤﺮﻛـﺔ ‪ buttons hover‬و ﻋـﺪاد اﻟـﺰوار ‪ hit counter‬واﻟـﻨﺺ اﻟﻤﺘﺤـﺮك ‪ marquee‬وﻣﻠـﻒ اﻟﻔـﻼش‬
‫‪ .*.swf‬أﻣﺎ اﻷزرار اﻟﻤﺘﺤﺮﻛﺔ ﻓﮫﻲ ﻋﺒﺎرة ﻋﻦ أزرار ﻟﮫﺎ ﺗﺄﺛﯿﺮات ﺧﺎﺻﺔ وأﻣﺎ ﻋﺪاد اﻟﺰوار ﻓﮫﻮ ﻋﺒﺎرة ﻋﻦ وﺳﯿﻠﺔ ﻋـﺮض ﺗﺒـﯿﻦ‬
‫ﻋﺪد اﻟﺰوار ﻟﻤﻮﻗﻌﻚ ‪ .‬واﻟﻨﺺ اﻟﻤﺘﺤﺮك ھﻮ ﻋﻨﻮان ﻧﺼﻲ ﻗﺎﺑﻞ ﻟﻠﺤﺮﻛﺔ ‪ .‬وأﻣﺎ ﻣﻠﻔﺎت اﻟﻔﻼش ﻓﮫﻲ ﻣﻌﻤﻮﻟـﺔ ﻋـﻦ ﻃﺮﻳـﻖ أﺣـﺪ‬
‫ﺑﺮاﻣﺞ اﻟﻔﻼش وﻣﺤﻔﻮﻇﺔ ﺑﺼﯿﻐﺔ ‪. swf‬‬

‫وﻟﻨﺒﺪأ أوﻻً ﺑـ اﻷزرار اﻟﻤﺘﺤﺮﻛﺔ ﺑﺈﻣﻜﺎﻧـﻚ أن ﺗﺠﻌـﻞ ھـﺬه اﻷزرار ﺗﺘـﻮھﺞ ﻋﻨـﺪﻣﺎ ﻳﻘـﻮم اﻟﻤﺴـﺘﺨﺪم ﺑﺘﻤﺮﻳـﺮ ﻣﺆﺷـﺮ اﻟﻔـﺄرة ﻓﻮﻗﮫـﺎ‬
‫واﻟﻜﺜﯿﺮ ﻏﯿﺮھﺎ ﻣﻦ اﻟﻤﺆﺛﺮات اﻟﺤﺮﻛﯿﺔ وأﻳﻀﺎً ﺗﺴﺘﻄﯿﻊ ﺗﺸﻐﯿﻞ أﺻﻮات أو ﻋﺮض ﺻﻮرة ﻣﻌﯿﻨﺔ ‪.‬‬

‫ﻣﻦ أﺟﻞ إﺿﺎﻓﺔ أزرار ﻣﺘﺤﺮﻛﺔ ‪:‬‬

‫‪ -١‬ﻣــﻦ إدراج ‪ Insert‬اﺧﺘــﺮ ﻣﻜــﻮن وﻳــﺐ ‪ Web Component‬ﻟﺘﻔــﺘﺢ ﻣﺮﺑــﻊ ﺣــﻮار إدراج ﻣﻜــﻮن وﻳــﺐ ‪Web Insert‬‬
‫‪ Component‬اﺧﺘﺮ ﻣﻦ ﻧﻮع اﻟﻤﻜﻮن ‪ Component Type‬أﻣﺮ ﺗﺄﺛﯿﺮات ﺣﯿﻮﻳـﺔ ‪ Dynamic Effects‬وﻣـﻦ إﺧﺘﯿـﺎر اﻟﺘـﺄﺛﯿﺮ‬
‫‪ Choose an effect‬اﺧﺘﺮ زر اﻟﺘﺤﻮﻳﻢ ‪ ) Hover Button‬اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬
‫‪ -٢‬أﺿﻒ ﻣﺎ ﺗﺮاه ﻣﻨﺎﺳﺒﺎً ﻣﻦ اﻟﺘﺄﺛﯿﺮات ﻣﻦ ﺣﯿﺚ اﺳﻢ اﻟﺰر واﻟﺮاﺑﻂ اﻟﺬي ﺳﯿﺮﺑﻂ إﻟﯿـﻪ اﻟـﺰر وﻟـﻮن اﻟـﺰر و اﻟﺘـﺄﺛﯿﺮ اﻟﺤﺮﻛـﻲ‬
‫ﻟﻠﺰر ‪ ...‬أﻟﺦ ﻣﻦ اﻟﺘﺄﺛﯿﺮات ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬

‫‪- ٢٩ -‬‬
‫ﺛﺎﻧﯿﺎً ‪ :‬ﻋﺪاد اﻟﺰوار ‪ :‬ﻣﻦ إدراج ‪ Insert‬اﺧﺘﺮ ﻣﻜﻮن وﻳﺐ ‪ Component Web‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار إدراج ﻣﻜﻮن وﻳﺐ ‪Insert‬‬
‫‪ Web Component‬اﺧﺘﺮ ﻣﻦ ﻧﻮع اﻟﻤﻜﻮن ‪ Component Type‬أﻣﺮ ﻋﺪاد اﻟﺪﺧﻮل ‪ Counter Hit‬وﻣﻦ إﺧﺘﯿﺎر ﻧﻤﻂ اﻟﻌﺪاد‬
‫‪ Choose a counter style‬اﺧﺘﺮ ﺷﻜﻞ اﻟﻌﺪاد اﻟﺬي ﺗﺮﻏﺐ ﺑﻪ ) اﻟﺸﻜﻞ ( ‪.‬‬

‫ﺛﺎﻟﺜﺎً اﻟﻨﺺ اﻟﻤﺘﺤﺮك ‪ :‬ﻣﻦ إدراج ‪ Insert‬اﺧﺘﺮ ﻣﻜﻮن وﻳﺐ ‪ Web Component‬ﻟﺘﻔﺘﺢ ﻣﺮﺑـﻊ ﺣـﻮار إدراج ﻣﻜـﻮن وﻳـﺐ ‪Insert‬‬
‫‪ Web Component‬اﺧﺘـﺮ ﻣـﻦ ﻧـﻮع اﻟﻤﻜـﻮن ‪ Component Type‬أﻣـﺮ ﺗـﺄﺛﯿﺮات ﺣﯿﻮﻳـﺔ ‪ Dynamic Effects‬وﻣـﻦ إﺧﺘﯿـﺎر اﻟﺘـﺄﺛﯿﺮ‬
‫‪ an effect Choose‬اﺧﺘﺮ ﺷﺎﺷﺔ إﺳﻤﯿﺔ ‪. Marquee‬‬

‫وھﻨﺎ ﻳﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ‪ Marquee properties‬اﻟﺬي ﺗﺴﺘﻄﯿﻊ ﻣﻦ ﺧﻼﻟﻪ إﺿﺎﻓﺔ اﻟـﻨﺺ اﻟﻤﺘﺤـﺮك إﺿـﺎﻓﺔ إﻟـﻰ ﺗﻄﺒﯿـﻖ اﻟﺘـﺄﺛﯿﺮات‬
‫اﻟﺤﺮﻛﯿﺔ واﻟﻠﻮﻧﯿﺔ اﻟﻤﺨﺘﻠﻔﺔ ﻋﻠﯿﻪ ) اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬

‫‪- ٣٠ -‬‬
‫راﺑﻌﺎً ‪ :‬إدراج ﻣﻠﻒ اﻟﻔﻼش ‪:‬‬

‫إن إدراج ﻓﯿﻠﻢ اﻟﻔﻼش ﻓﻲ ﺻﻔﺤﺔ وﻳﺐ ﻳﻌﺘﺒﺮ ﻣﻦ اﻷﻣﻮر اﻟﻤﮫﻤﺔ ﺟﺪاً ‪ ،‬ﺣﯿﺚ أن اﻟﻔﻼش أﺻﺒﺢ ﻳﺴﺘﺨﺪم وﺑﺸﻜﻞ ﻛﺒﯿـﺮ ﻣـﻦ‬
‫أﺟﻞ إﺿﺎﻓﺔ اﻟﺘﺄﺛﯿﺮات اﻟﺤﺮﻛﯿﺔ واﻟﺠﻤﺎﻟﯿﺔ ﻓﻲ ﻣﻮﻗﻊ اﻻﻧﺘﺮﻧﯿﺖ إﺿﺎﻓﺔ إﻟﻰ اﻷﻛﺸﻦ ﺳﻜﺮﻳﺒﺖ وﻣﺎ ﺗﻌﻄﯿـﻪ ﻣـﻦ إﻣﻜﺎﻧﯿـﺎت ﺗﻘﻨﯿـﺔ ‪...‬‬
‫وﻟﺬﻟﻚ ﻓﺈن ﺗﻌﻠﻢ ھﺬا اﻷﻣﺮ ﻳﻌﺘﺒﺮ ﻣﻦ اﻷﻣﻮر اﻷﺳﺎﺳﯿﺔ وھﺬا اﻷﻣﺮ ﺑﺴﯿﻂ ﺟﺪاً وھـﻮ ﻳﻨﻘﺴـﻢ إﻟـﻰ ﻗﺴـﻤﯿﻦ إدراج ﻣﻠـﻒ اﻟﻔـﻼش‬
‫ﻋﻦ ﻃﺮﻳﻖ ﻓﺮوﻧﺖ ﺑﯿﺞ وإدراﺟﻪ ﻋﻦ ﻃﺮﻳﻘﺔ ﻟﻐﺔ ‪.... html‬‬

‫أدراج ﻣﻠﻒ اﻟﻔﻼش ﻓﻲ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ‪:‬‬

‫‪ - ١‬ﻗﻢ ﺑﻌﻤﻞ ﻓﯿﻠﻢ ﻓﻼش ‪.‬‬

‫‪ - ٢‬ﻣﻦ اﻟﻘﺎﺋﻤﺔ اﻟﺮﺋﯿﺴﯿﺔ ﻟﻠﻔﻼش أو أي ﺑﺮﻧﺎﻣﺞ آﺧﺮ أﺧﺘﺮ ‪ Export Movie<File‬اﺣﻔﻆ اﻟﻤﻠﻒ ﻓﻲ اﻟﻘﺮص اﻟﺼﻠﺐ ﺑﺎﺳﻢ ‪Amjad‬‬
‫ﻋﻠﻰ ﺳﺒﯿﻞ اﻟﻤﺜﺎل وﺑﺼﯿﻐﺔ ‪ swf‬اﺿﻐﻂ ‪ Save‬ﺛﻢ ‪ OK‬ﺛﻢ ‪ OK‬ﻣﺮة أﺧﺮى ‪.‬‬

‫ﻻﺣﻆ ﺑﺄن اﻟﺒﺮﻧﺎﻣﺞ ﻗﺪ ﻗﺎم ﺑﺘﺼﺪﻳﺮ اﻟﻔﯿﻠﻢ ﻋﻠﻰ ھﯿﺌﺔ ‪ Flash Player‬ﺑﺎﺳﻢ ‪ AMjad.swf‬اﻟﻤﻠﻔﺎت ذات اﻻﻣﺘـﺪاد ‪ swf‬ھـﻲ اﻟﺘـﻲ‬
‫ﻳﻤﻜﻦ أن ﺗﺪرج ﻓﻲ ﺻﻔﺤﺎت اﻟﻮﻳﺐ وﺗﻌﺮض ﻓﻲ اﻹﻧﺘﺮﻧﺖ ‪.‬‬

‫‪ - ٣‬اﻵن ﻧﻘﻮم ﺑﻔﺘﺢ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ﺛﻢ ﻧﻔﺘﺢ اﻟﺼـﻔﺤﺔ اﻟﻠـﻲ ﺳﻨﺼـﺪر اﻟﻌﻤـﻞ إﻟﯿﮫـﺎ ﺛـﻢ ﻧﺨﺘـﺎر ﻣـﻦ اﻟﻘﺎﺋﻤـﺔ اﻟﺮﺋﯿﺴـﺔ إدراج‬
‫‪ < insert‬ﻣﻜﻮن وﻳﺐ ‪< web component‬ﻋﻨﺎﺻﺮ ﺗﺤﻜﻢ ﻣﺘﻘﺪﻣﺔ ‪ < advanced‬ﺗﻮﺻﯿﻞ ‪Plug-in‬‬

‫‪- ٤‬اﻵن ﻓﺘﺢ ﻟﻨﺎ ﻣﺮﺑﻊ ﺣﻮار ﻧﻘﻮم ﺑﺘﺤﺪﻳﺪ اﻟﻤﻠـﻒ اﻟـﺬي ﺳـﻨﺪرﺟﻪ ﻓـﻲ اﻟﻔﺮوﻧـﺖ ﺑـﯿﺞ وذﻟـﻚ ﺑﺎﻟﻀـﻐﻂ ﻋﻠـﻰ ‪ Browser‬ﺛـﻢ ﻧﺨﺘـﺎر‬
‫اﻟﻤﻠﻒ اﻟﻤﻄﻠﻮب ﺛﻢ ‪ OK‬ﺑﻌﺪ ذﻟﻚ ﻗﻢ ﺑﺘﺤﺪﻳﺪ أﺑﻌﺎد اﻟﻔﯿﻠﻢ ﻣﻦ ﻃﻮل وﻋﺮض ‪ ....‬اﻟﺸﻜﻞ ) ‪ .... ( ٢‬ھﺬا ﻛﻞ ﺷﻲء ﻓﻲ اﻟﻔﺮوﻧـﺖ‬
‫ﺑﯿﺞ ‪....‬‬

‫‪- ٣١ -‬‬
‫إدراج ﻣﻠﻒ اﻟﻔﻼش ﻋﻦ ﻃﺮﻳﻖ ﻟﻐﺔ ‪: html‬‬

‫ﻃﺒﻌﺎً أوﻻً ﻋﻠﯿﻚ اﻟﻘﯿﺎم ﺑﺎﻟﻌﻤﻠﯿﺘﯿﻦ اﻟﺴﺎﺑﻘﺘﯿﻦ ‪ ٢ ، ١‬ﺣﺘﻰ ﺗﻘﻮم ﺑﺤﻔﻆ اﻟﻤﻠﻒ ﺑﺼﯿﻐﺔ ‪swf .‬‬

‫"‪<embed width="550" height="400" src="http://www.dged.net/Amjad.swf‬‬

‫>"‪type="application/x-shockwave-flash‬‬

‫اﻧﺴﺦ اﻟﻜﻮد أﻋﻼه وأﻟﺼﻘﻪ ﻓﻲ اﻟﻤﻜﺎن اﻟﺬي ﺗﺮﻳﺪ أن ﺗﺪرج ﻓﯿﻪ اﻟﻔﯿﻠﻢ ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ‪ ،‬ﻻ ﺗﻨﺴﻰ ﺗﻐﯿﺮ وﺻـﻠﺔ اﻟﻤﻠـﻒ ﻟﺘـﺘﻼءم‬
‫ﻣﻊ ﻋﻨﻮان ﻣﻮﻗﻌﻚ اﻟﺸﺨﺼﻲ واﻟﻤﺠﻠﺪ اﻟﺬي ﻧﻘﻠﺖ إﻟﯿﻪ ﻣﻠﻒ اﻟﻔﻼش إﺿﺎﻓﺔ إﻟﻰ أﺑﻌﺎد ﻓﯿﻠﻢ اﻟﻔﻼش اﻟﺨﺎص ﺑـﻚ ﺣﯿـﺚ أﻧﻨـﺎ ھﻨـﺎ‬
‫وﺿﻌﻨﺎ اﻷﺑﻌﺎد اﻻﻓﺘﺮاﺿﯿﺔ وھﻲ ‪ ٥٥٠ * ٤٠٠‬ﺑﻜﺴﻞ ) ﻻ ﺗﻨﺴﻰ اﻷﺑﻌﺎد ﺑﺎﻟﺒﻜﺴﻞ ( ‪.‬‬

‫وھﻜﺬا ﺗﻌﻠﻤﺖ ﻛﯿﻒ ﺗﺪرج ﻓﯿﻠﻢ ﻓﻼش ﻓﻲ ﺻﻔﺤﺔ وﻳﺐ وﻗﺪ ﻻﺣﻈﺖ أن ھﺬا اﻷﻣﺮ ﺑﻐﺎﻳﺔ اﻟﺴﮫﻮﻟﺔ وﺧﺎﺻﺔ إذا ﺗﻢ ﻓﻲ ﻓﺮوﻧﺖ ﺑـﯿﺞ‬
‫‪.‬‬

‫‪- ٣٢ -‬‬
‫ﻧﺸﺮ ﻣﻮﻗﻊ اﻟﻮﻳﺐ وإدارﺗﻪ‬

‫اﻻﺳﺘﻌﺪاد ﻟﻨﺸﺮ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺨﺎص ﺑﻚ ‪:‬‬

‫ھﻨﺎك اﻟﻌﺪﻳﺪ ﻣﻦ اﻟﻄﺮق ﻣﻦ أﺟﻞ ﻧﺸﺮ ﻣﻮاﻗﻊ اﻻﻧﺘﺮﻧﯿﺖ ﻣﻨﮫﺎ ﻋـﻦ ﻃﺮﻳـﻖ ﻓﺮوﻧـﺖ ﺑـﯿﺞ وﻣﻨﮫـﺎ ﻋـﻦ ﻃﺮﻳـﻖ ‪File Manager‬‬
‫وأﻳﻀﺎً ﻣﻨﮫﺎ ﺑﺮاﻣﺞ أﺧﺮى ﻣﺜﻼً ﻋﻦ ﻃﺮﻳﻖ ﺑﺮﻧﺎﻣﺞ‪ WS_FTP‬أو ‪ CuteFTP‬أو ﺑﺮﻧﺎﻣﺞ ‪ 3D FTP‬وﻏﯿﺮھﺎ ‪.‬‬

‫أﻣﺎ ﻣﺴﺎوئ اﻟﻄﺮﻳﻘﺔ اﻟﺜﺎﻧﯿﺔ أي ﺑﺮﻧﺎﻣﺞ ﻓﯿﻞ ﻣﺎﻧﺎﺟﺮ ‪ File Manager‬ﻓﮫﻲ أﻧﻪ ﻻ ﻳﻤﻜﻨـﻚ أن ﺗﺮﺳـﻞ ﺟﻤﯿـﻊ ﻣﻠﻔﺎﺗـﻚ دﻓﻌـﺔ‬
‫واﺣﺪة ﺑﻞ ﻋﻠﯿﻚ أن ﺗﺮﺳﻠﮫﺎ ﻣﻠﻒ ﺗﻠﻮ اﻵﺧﺮ وﻟﺬﻟﻚ ھﺬه اﻟﻄﺮﻳﻘﺔ ﺻﻌﺒﺔ وﻗﻠﯿﻠﺔ اﻻﺳﺘﺨﺪام ‪ ،‬أﻣﺎ ﺑﺮﻧـﺎﻣﺞ ‪ WS_FTP‬وﻏﯿﺮھـﺎ‬
‫اﻟﻤﺬﻛﻮرة ﻓﮫﻲ ﺑﺮاﻣﺞ راﺋﻌﺔ ﻣﻦ أﺟﻞ ﻧﺸﺮ اﻟﻤﻮاﻗﻊ ﻓﻤـﺎ ﻋﻠﯿـﻚ إﻻ أن ﺗﻀـﻊ اﺳـﻢ اﻟﻤﺴـﺘﺨﺪم وﻛﻠﻤـﺔ اﻟﻤـﺮور ﺣﺘـﻰ ﺗﺼـﺒﺢ‬
‫ﻋﻤﻠﯿﺔ اﻟﻨﺸﺮ ﻛﻤﺎ ﻟﻮ ﻛﻨﺖ ﺗﻘﻮم ﺑﻨﻘﻞ اﻟﻤﻠﻔﺎت ﺑﯿﻦ اﻟﺴﻮاﻗﺎت اﻟﻤﺨﺘﻠﻔﺔ ﻓﻲ ﺟﮫﺎزك اﻟﻜﻤﺒﯿﻮﺗﺮ ‪.‬‬

‫وﻧﺸﺮ ﻣﻮﻗﻊ اﻟﻮﻳﺐ ﻋﻤﻠﯿﺔ ﻓﻲ ﻏﺎﻳﺔ اﻟﺴﮫﻮﻟﺔ إذا اﺳﺘﺨﺪﻣﺖ ﻓﺮوﻧﺖ ﺑﯿﺞ ‪ .‬ﻛﻞ ﻣـﺎ ﺗﻔﻌﻠـﻪ ھـﻮ أن ﺗﺤـﺪد اﻟﻤﻮﻗـﻊ اﻟـﺬي ﺗﺮﻳـﺪ‬
‫ﻧﺸﺮه ﺛﻢ ﺗﺤﺪد اﻟﻤﻮﻗﻊ اﻟﺬي ﺗﺮﻳﺪ أن ﻳﺘﻢ ﻋﻠﯿﻪ اﻟﻨﺸﺮ ‪ .‬أﻣﺎ ﻓﺮوﻧﺖ ﺑﯿﺞ ‪ ،‬ﻓﯿﺘﻮﻟﻰ اﻟﻘﯿﺎم ﺑﻜﻞ ھﺬا ‪ .‬ﻟﻜﻦ ﻗﺒﻞ اﻹﻗـﺪام ﻋﻠـﻰ‬
‫ﻧﺸﺮ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺨﺎص ﺑﻚ ‪ ،‬ﺛﻤﺔ ﻣﮫﺎم ﻗﻠﯿﻠﺔ ﻳﻨﺒﻐﻲ ﻋﻠﯿﻚ اﻟﻘﯿﺎم ﺑﮫﺎ ‪:‬‬

‫أوﻻً ‪ ،‬ﻳﻨﺒﻐﻲ أن ﺗﺘﺄﻛﺪ ﻣﻦ وﺟﻮد ﺧﺎدم وﻳﺐ ﻧﺸﻂ ﻋﻠﻰ اﻹﻧﺘﺮﻧﺖ أو ﺷﺒﻜﺔ اﻹﻧﺘﺮﻧﺖ اﻟﺨﺎﺻﺔ ﺑﺠﮫﺔ ﻋﻤﻠﻚ ‪ .‬ﻓﻤـﻦ اﻟﻀـﺮوري‬
‫أن ﻳﺘﻮاﻓﺮ ﺧﺎدم وﻳﺐ ﺣﺘﻰ ﻳﺘﻤﻜﻦ اﻵﺧﺮون ﻣﻦ اﺳﺘﻌﺮاض ﻣﻮﻗﻌﻚ ‪ .‬ھﺬا وﺗﻮﺟﺪ ﺷـﺮﻛﺎت ﻋﺪﻳـﺪة ﺗﻘـﻮم ﺑﺈﻧﺘـﺎج ﺑـﺮاﻣﺞ ﺧـﺎدم‬
‫اﻟﻮﻳﺐ ﻳﻤﻜﻨﻚ اﻻﺳﺘﻌﺎﻧﺔ ﺑﮫﺎ ‪ ،‬ﺣﯿﺚ ﺗﻌﻤﻞ ﻣﻌﻈﻢ ھﺬه اﻟﺒﺮاﻣﺞ ﺑﺼﻮرة ﻣﺮﺿﯿﺔ وﺟﯿﺪة ‪.‬‬

‫ﺛﺎﻧﯿﺎ ‪ ،‬ﻳﻨﺒﻐﻲ أن ﺗﺘﺄﻛﺪ ﻣﻦ ﺗﻮاﻓﺮ ﻛﺎﻓﺔ ﺣﻘﻮق اﻷﻣﺎن واﻟﻮﺻﻮل اﻟﻀﺮورﻳﺔ ‪ .‬ھﺬه اﻟﺤﻘﻮق ﺗﺘﯿﺢ ﻟﻚ إﻧﺸﺎء وﻧﺴﺦ ﻣﻠﻔﺎﺗﻚ إﻟـﻰ‬
‫ً‬
‫ﺧﺎدم اﻟﻮﻳﺐ ‪ .‬ﻓﻲ ھﺬا اﻟﺸﺄن ‪ ،‬ﺗﻮﻓﺮ ﻋﺎدة أﺟﮫﺰة ﺧﺎدم اﻟﻮﻳﺐ ﻟﻠﻤﺴﺘﺨﺪﻣﯿﻦ ﻣﺎ ﻳﺴﻤﻰ ﺑﺎﻟﻮﺻﻮل " ﻟﻠﻘـﺮاءة ﻓﻘـﻂ " ‪read-‬‬
‫‪ . only‬ھﺬا اﻟﻨﻮع ﻣﻦ اﻟﻮﺻﻮل ﻳﺘﯿﺢ ﻟﻠﻤﺴﺘﻌﺮﺿﯿﻦ ﻋﺮض اﻟﻤﻠﻔﺎت اﻟﻤﻮﺟﻮدة ﻋﻠﻰ اﻟﺨﺎدم دون إدﺧﺎل أي ﺗﻐﯿﯿـﺮات ﻋﻠﯿﮫـﺎ ‪.‬‬
‫وﻟﻜﻲ ﺗﻨﺸﺮ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺬي ﺻﻤﻤﺘﻪ ﻋﻠﻰ اﻟﺨﺎدم ‪ ،‬ﺳﺘﺤﺘﺎج إﻟﻰ اﻟﺤﻘﻮق اﻟﺘﻲ ﺗﻤﻨﺤﻚ ﺣﻖ اﻟﻘـﺮاءة واﻟﻜﺘﺎﺑـﺔ واﻹﻧﺸـﺎء‬
‫واﻟﺤﺬف داﺧﻞ ﻣﺠﻠﺪ ﻣﻮﻗﻌﻚ اﻟﻤﻮﺟﻮد ﻋﻠﻰ اﻟﺨﺎدم ‪ .‬وﻣﺪﻳﺮ اﻟﺨﺎدم ھﻮ اﻟﻤﺴـﺌﻮل ﻋـﻦ ﻣﻨﺤـﻚ ﺣﻘـﻮق اﻟﻮﺻـﻮل اﻟﺴـﻠﯿﻤﺔ ‪،‬‬
‫اﻷﻣﺮ اﻟﺬي ﻳﺴﻤﺢ ﻟﻚ ﺑﻨﺸﺮ ﻋﻤﻠﻚ ﻋﻠﻰ اﻟﺨﺎدم ‪.‬‬

‫ﺛﺎﻟﺜﺎً ‪ ،‬ﻳﻨﺒﻐﻲ أن ﺗﺘﺄﻛﺪ ﻣﻦ أن ﺧﺎدم اﻟﻮﻳﺐ اﻟﺬي ﺗﻨﻮي اﻟﻨﺸﺮ ﻋﻠﯿﻪ ﻳﺪﻋﻢ ﺧﺪﻣﺔ ‪ FTP‬ﻹرﺳﺎل ورﺑﻂ ﻣﻠﻔﺎﺗﻚ ﺑﺎﻟﺨﺎدم اﻟـﺬي‬
‫ﻗﺮرت اﻟﺘﻌﺎﻣﻞ ﻣﻌﻪ ‪ .‬وﻃﺎﻟﻤﺎ أن ھﺬا اﻟﺨﺎدم ﻳﺪﻋﻢ ﺧﺪﻣﺔ ‪ ، FTP‬ﻓﻠﻦ ﺗﺤﺘﺎج إﻟﻰ إﺟﺮاء أي ﺗﻐﯿﯿﺮات أو إﻋﺪادات ﻓـﻲ ﻓﺮوﻧـﺖ‬
‫ﺑﯿﺞ ﻟﻜﻲ ﺗﻨﺸﺮ ﻣﻮاﻗﻊ اﻟﻮﻳﺐ اﻟﺨﺎﺻﺔ ﺑﻚ ‪.‬‬

‫إرﺳﺎل ﻣﻮﻗﻊ اﻟﻮﻳﺐ إﻟﻰ اﻟﺨﺎدم ‪:‬‬

‫ــ ﻟﻨﺸﺮ ﻣﻮﻗﻌﻚ ﻋﻠﻰ ﺧﺎدم اﻟﻮﻳﺐ ‪:‬‬

‫ﺣﺪد واﻓﺘﺢ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺬي ﺗﺮﻳﺪ ﻧﺸﺮه ‪.‬‬ ‫‪-١‬‬

‫‪ -٣‬ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ‪ File‬اﺧﺘﺮ أﻣﺮ ﻧﺸﺮ وﻳﺐ ‪ publish Web‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﻧﺸﺮ وﻳﺐ ‪ ) publish Web‬اﻧﻈﺮ اﻟﺸﻜﻞ ( ‪.‬‬
‫‪ -٤‬ﻓـﻲ ﻣﺮﺑـﻊ ﻧـﺺ أدﺧـﻞ وﺟﮫـﺔ اﻟﻨﺸـﺮ ‪ ، Enter publish destination‬اﻛﺘـﺐ ﻋﻨـﻮان ‪ URL‬اﻟﺨـﺎص ﺑﺨـﺎدم اﻟﻮﻳـﺐ اﻟـﺬي‬
‫ﺳﺘﻨﺸﺮ ﻋﻠﯿﻪ ﻣﻮﻗﻌﻚ ‪ .‬ﺗﺴﺘﻄﯿﻊ أن ﺗﺤﺪد ﻓﻲ ھﺬا اﻟﻤﺮﺑﻊ ﺑﺮوﺗﻮﻛﻮل ‪ HTTP‬أو ‪ . FTP‬إذا ﻛﻨـﺖ – ﻋﻠـﻰ ﺳـﺒﯿﻞ اﻟﻤﺜـﺎل‬
‫– ﺳﺘﻨﺸﺮ ﻋﻠﻰ أﺣﺪ أﺟﮫﺰة ﺧﺎدم اﻟﻮﻳﺐ ﻓﻲ ﻣﺠﺎل ‪ ، My Company.com‬ﻓﻠـﻚ أن ﺗﻜﺘـﺐ ﻋﻨـﻮان ‪ URL‬ﺑﮫـﺬا اﻟﺸـﻜﻞ‬
‫‪http://www.mycompany.com‬‬

‫أو ‪ ftp://ftp.mycompany.com‬ﻃﺒﻌﺎً ﺣﺘﻰ ﺗﻜﺘﺐ ‪ http‬ﻳﺠﺐ أن ﻳﻜﻮن اﻟﺨـﺎدم ﻋﻨـﺪك ﻳـﺪﻋﻢ ﻓﺮوﻧـﺖ ﺑـﯿﺞ أﻣـﺎ إذا ﻟـﻢ ﻳﻜـﻦ‬
‫ﻳﺪﻋﻢ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻓﺎﺳﺘﺨﺪم ‪. ftp‬‬

‫ﻃﺒﻌﺎً ﺳﯿﻄﻠﺐ ﻣﻨﻚ ﻛﺘﺎﺑﺔ اﺳﻢ اﻟﻤﺴﺘﺨﺪم ‪ +‬ﻛﻠﻤﺔ اﻟﻤﺮور وھﺎﺗﺎن اﻟﻜﻠﻤﺘﺎن ﺗﺤﺼﻞ ﻋﻠﯿﮫﻤﺎ ﻣﻦ اﻟﺨﺎدم اﻟﻤﻀﯿﻒ ‪.‬‬

‫‪- ٣٣ -‬‬
‫اﻧﻘﺮ زر ﻧﺸﺮ ‪ publish‬ﻟﺘﺒﺪأ إرﺳﺎل ﻣﻮﻗﻌﻚ إﻟﻰ اﻟﺨﺎدم ‪.‬‬ ‫‪-٤‬‬

‫‪ -٥‬ﺑﺤﺴﺐ ﺣﺠﻢ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺬي ﺗﻘﻮم ﺑﻨﺸﺮه وﺳﺮﻋﺔ اﻻﺗﺼﺎل ﺑﺎﻟﺨﺎدم ‪ ،‬ﻗـﺪ ﺗﺴـﺘﻐﺮق ﻋﻤﻠﯿـﺔ اﻟﻨﺸـﺮ ﻣـﺎ ﻳﺘـﺮاوح ﺑـﯿﻦ‬
‫ﺑﻀﻊ ﺛﻮان وﺑﻀﻊ دﻗﺎﺋﻖ ﻋﻨﺪﻣﺎ ﻳﻨﺘﮫﻲ ﻓﺮوﻧﺖ ﺑﯿﺞ ﻣﻦ ﻧﺸﺮ ﻣﻮﻗﻌﻚ وﻧﺠﺎح ﻋﻤﻠﯿﺔ اﻟﻨﺸﺮ ‪ ،‬ﺳﺘﻌﺮض ﻟﻚ رﺳﺎﻟﺔ ﺗﻮﺿـﺢ ذﻟـﻚ‬
‫‪.‬‬

‫ﺳﻮف ﻳﻈﮫﺮ ﻋﻨﺪ اﻻﻧﺘﮫﺎء وﺻﻠﺔ ﻟﻤﻌﺎﻳﻨﺔ اﻟﻤﻮﻗﻊ اﻟﺬي ﺗﻢ ﻧﺸﺮه ‪ ،‬اﻧﻘﺮ ارﺗﺒﺎط ﻧﺸـﺮ ﻣﻮﻗـﻊ وﻳـﺐ ‪published web site‬‬ ‫‪-٦‬‬
‫‪.‬‬

‫اﻧﻘﺮ زر إﻧﮫﺎء ‪ Done‬ﻹﻏﻼق ﻣﺮﺑﻊ ﺣﻮار ﻧﺸﺮ وﻳﺐ ‪. publish web‬‬ ‫‪-٧‬‬

‫ﻣﮫﺎم إدارة ﻣﻮﻗﻊ اﻟﻮﻳﺐ ‪:‬‬

‫ﺑﺎﺳﺘﺨﺪام ﻓﺮوﻧﺖ ﺑﯿﺞ ﻟﺘﻌﺪﻳﻞ ﻣﻮﻗﻌﻚ ‪ ،‬ﻟﻦ ﺗﻀﻄﺮ إﻟﻰ ﺗﺬﻛﺮ اﻟﻤﺠﻠﺪ اﻟﺬي وﺿﻌﺖ ﻓﯿﻪ أﺣﺪ اﻟﻤﻠﻔﺎت ‪ .‬إذ ﻳﺘﻮﻟﻰ ﻓﺮوﻧـﺖ ﺑـﯿﺞ‬
‫اﻟﻘﯿﺎم ﺑﮫﺬه اﻟﻤﮫﻤﺔ ﻧﯿﺎﺑﺔ ﻋﻨﻚ ‪ .‬ﻛﻤﺎ ﻳﺘﻤﺘﻊ ﻓﺮوﻧـﺖ ﺑـﯿﺞ ﺑﻘـﺪر ﻣـﻦ اﻟـﺬﻛﺎء ﺑﻤـﺎ ﻳﻜﻔـﻲ ﻟﻠﺘﻤﯿﯿـﺰ ﺑـﯿﻦ اﻟﻤﻠﻔـﺎت اﻟﺘـﻲ ﻗﻤـﺖ‬
‫ﺑﺘﻌﺪﻳﻠﮫﺎ وﺗﻠﻚ اﻟﺘﻲ ﻗﻤﺖ ﺑﺈﺿﺎﻓﺘﮫﺎ ﻣﻨﺬ آﺧﺮ ﻋﻤﻠﯿﺔ ﻧﺸﺮ ﻗﻤﺖ ﺑﮫﺎ ‪.‬‬

‫ﺗﺄﻛﺪ ﻣﻦ أن اﻟﻤﻮﻗﻊ اﻟﺬي ﺗﺮﻳﺪ ﺗﺤﺪﻳﺜﻪ ﻗﺪ ﺗﻢ ﻓﺘﺤﻪ ‪.‬‬ ‫‪-١‬‬

‫ﻣﻦ ﻗﺎﺋﻤﺔ ﻣﻠﻒ ‪ ، File‬اﺧﺘﺮ أﻣﺮ ﻧﺸﺮ وﻳﺐ ‪ publish web‬ﻟﺘﻔﺘﺢ ﻣﺮﺑﻊ ﺣﻮار ﻧﺸﺮ وﻳﺐ ‪. publish web‬‬ ‫‪-٢‬‬

‫‪ -٣‬ﻓﻲ ﻣﺮﺑﻊ ﻧﺺ أدﺧﻞ وﺟﮫﺔ اﻟﻨﺸﺮ ‪ ، Enter publish destination‬اﻛﺘﺐ ﻋﻨﻮان ‪ URL‬اﻟﺨﺎص ﺑﺨﺎدم اﻟﻮﻳﺐ اﻟﺬي ﻧﺸـﺮت‬
‫ﻋﻠﯿﻪ ﻣﻮﻗﻌﻚ ‪ .‬ﺗﺄﻛﺪ ﺑﻌﺪ ذﻟﻚ ﻣﻦ ﺗﺤﺪﻳﺪ ﻣﺮﺑﻊ اﻟﻌﻼﻣﺔ ﻧﺸﺮ اﻟﺼﻔﺤﺎت اﻟﻤﺘﻐﯿﺮة ﻓﻘﻂ ‪. publish changed pages only‬‬

‫‪ -٥‬اﻧﻘﺮ زر ﻧﺸﺮ ‪ publish‬ﻟﺒﺪء إرﺳﺎل اﻟﺼﻔﺤﺎت اﻟﺠﺪﻳـﺪة و‪ /‬أو اﻟﻤﺤﺪﺛـﺔ إﻟـﻰ اﻟﺨـﺎدم ‪ .‬ﻳﺘﻤﺘـﻊ ﻓﺮوﻧـﺖ ﺑـﯿﺞ ﺑـﺬﻛﺎء ﻳﺠﻌﻠـﻪ‬
‫ﻳﻘﺎرن ﺑﯿﻦ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﻤﻨﺸﻮر وﺑﯿﻦ اﻟﻤﻮﻗﻊ اﻟﻤﻮﺟﻮد ﻋﻠﻰ ﺟﮫﺎزك ‪ ،‬ﺛـﻢ ﻳﻘـﻮم ﺑﺈرﺳـﺎل اﻟﺼـﻔﺤﺎت اﻟﺠﺪﻳـﺪة أو اﻟﺘـﻲ‬
‫ﻃﺮأ ﻋﻠﯿﮫﺎ أي ﺗﻐﯿﯿﺮات ﻓﻘﻂ ‪.‬‬

‫‪- ٣٤ -‬‬
‫اﻟﺤﺼﻮل ﻋﻠﻰ ﺗﻘﺎرﻳﺮ ﻋﻦ ﻣﻮﻗﻊ اﻟﻮﻳﺐ ‪:‬‬

‫ﻟﻠﺤﺼﻮل ﻋﻠﻰ ﺗﻘﺎرﻳﺮ ﻋﻦ ﻣﻮﻗﻊ اﻟﻮﻳﺐ ‪:‬‬

‫اﻓﺘﺢ ﻣﻮﻗﻊ اﻟﻮﻳﺐ اﻟﺬي ﺗﺮﻳﺪ أن ﺗﺤﺼﻞ ﻋﻠﻰ ﺗﻘﺮﻳﺮ ﻋﻨﻪ ‪.‬‬ ‫‪-١‬‬

‫‪ -٢‬ﻣﻦ ﺷﺮﻳﻂ ﻋﺮض ‪ ، view‬اﻧﻘﺮ رﻣﺰ ﺗﻘﺎرﻳﺮ ‪ reports‬ﺳﯿﻈﮫﺮ ﺑﻌﺪ ﺛﻮان ﻋﻠﻰ اﻟﺸﺎﺷﺔ ﺗﻘﺮﻳﺮ ﻳﻀـﻢ ﻣﻌﻠﻮﻣـﺎت ﻋـﻦ اﻟﻤﻮﻗـﻊ‬
‫اﻟﺬي ﻓﺘﺤﺘﻪ )اﻧﻈﺮ اﻟﺸﻜﻞ (‪.‬‬

‫وھﻜﺬا ﺗﻤﺖ دروس ﺗﻌﻠﻢ ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ﻋﺴﻰ أن أﻛﻮن ﻗﺪ ﻛﻮﻧﺖ ﺻﻮرة واﺿﺤﺔ ﺗﻤﺎﻣﺎً ﻋﻦ ﻛﯿﻔﯿـﺔ اﻟﺘﻌﺎﻣـﻞ ﻣـﻊ‬
‫ﺑﺮﻧﺎﻣﺞ اﻟﻔﺮوﻧﺖ ﺑﯿﺞ ﻓﻲ ﺗﺼﻤﯿﻢ ﺻﻔﺤﺎت اﻹﻧﺘﺮﻧﺖ ﻟﻌﻤﻞ ﻣﻮﻗﻊ وﻳﺐ ‪.‬‬

‫إﻧﺘﮫﺖ اﻟﻤﺬﻛﺮة ‪،،،‬‬

‫ﻷي أﺳﺘﻔﺴﺎر اﻟﺮﺟﺎء ﻣﺮاﺳﻠﺘﻨﺎ ﻋﻠﻰ ھﺬا اﻟﻌﻨﻮان ‪. webmaster@dged.net :‬‬

‫‪‬‬
‫‪ ‬‬
‫‪ ‬‬
‫‪ ‬‬

‫‪- ٣٥ -‬‬