كتاب الحاسب الالي للصف الثاني الاعدادي

Page 1

‫ﺍﻹﺩﺍﺭﺓ ﺍﻟﻌﺎﻣﺔ ﻟﺘﻨﻤﻴﺔ‬ ‫ﻣﺎﺩﺓ ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬

‫ﻣﺮﻛﺰ ﺗﻄﻮﻳﺮ ﺍﻟﻤﻨﺎﻫﺞ ﻭﺍﻟﻤﻮﺍﺩ ﺍﻟﺘﻌﻠﻴﻤﻴﺔ‬

‫‪٠‬‬


‫ﺍﻟﺼﻒ ﺍﻟﺜﺎﻧﻲ ﺍﻹﻋﺪﺍﺩﻱ‬ ‫ﺍﻟﻔﺼﻞ ﺍﻟﺪﺭﺍﺳﻲ ﺍﻷﻭﻝ‬ ‫ﺇﻋﺪﺍﺩ‬

‫ﺩ ‪ /‬ﺃﻣﺎﻧﻲ ﻗﺮﻧﻲ ﺇﺑﺮﺍﻫﻴﻢ‬ ‫ﻣﺪﻳﺮ ﻋﺎﻡ ﺗﻨﻤﻴﺔ ﻣﺎﺩﺓ‬

‫ﺩ‪ /‬ﻃﺎﻫﺮ ﻋﺒﺪ ﺍﻟﺤﻤﻴﺪ ﺍﻟﻌﺪﻟﻲ‬

‫ﺧﺒﻴﺮ ﻣﻨﺎﻫﺞ ﻭﺭﺋﻴﺲ ﻗﺴﻢ ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ‬

‫ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬

‫ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺑﻤﺮﻛﺰ ﺗﻄﻮﻳﺮ ﺍﻟﻤﻨﺎﻫﺞ‬

‫ﺃ‪ .‬ﻋﺒﻴﺮ ﺣﺎﻣﺪ ﺃﺣﻤﺪ‬

‫ﻡ‪ .‬ﻭﺳﻴﻢ ﺻﻼﺡ ﺍﻟﺪﻳﻦ ﺍﻟﻤﻨﺰﻻﻭﻱ‬

‫ﻣﺪﻳﺮ ﺇﺩﺍﺭﺓ ﺑﺎﻹﺩﺍﺭﺓ ﺍﻟﻌﺎﻣﺔ ﻟﺘﻨﻤﻴﺔ ﻣﺎﺩﺓ‬

‫ﻣﺪﻳﺮ ﺇﺩﺍﺭﺓ ﺑﺎﻹﺩﺍﺭﺓ ﺍﻟﻌﺎﻣﺔ ﻟﺘﻨﻤﻴﺔ ﻣﺎﺩﺓ‬

‫ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬

‫ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬

‫ﺃ‪ .‬ﺗﺎﻣﺮ ﻋﺒﺪ ﺍﻟﻤﺤﺴﻦ ﻣﻨﺼﻮﺭ‬ ‫ﻣﺪﻳﺮ ﺇﺩﺍﺭﺓ ﺑﺎﻹﺩﺍﺭﺓ ﺍﻟﻌﺎﻣﺔ ﻟﺘﻨﻤﻴﺔ ﻣﺎﺩﺓ‬ ‫ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻭﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬

‫ﻣﺮﺍﺟﻌﺔ ﺗﺮﺑﻮﻳﺔ‬ ‫ﺃ‪.‬ﺩ‪ /‬ﺍﻟﻐﺮﻳﺐ ﺯﺍﻫﺮ ﺇﺳﻤﺎﻋﻴﻞ‬ ‫ﺃﺳﺘﺎﺫ ﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﺘﻌﻠﻴﻢ‬ ‫ﻭﻭﻛﻴﻞ ﻛﻠﻴﺔ ﺍﻟﺘﺮﺑﻴﺔ ﺟﺎﻣﻌﺔ ﺍﻟﻤﻨﺼﻮﺭﺓ‬

‫ﻣﺮﺍﺟﻌﺔ ﻋﻠﻤﻴﺔ‬ ‫ﺃ‪.‬ﺩ‪ /‬ﻣﺤﻤﺪ ﻓﻬﻤﻲ ﻃﻠﺒﺔ‬ ‫ﺃﺳﺘﺎﺫ ﺑﻜﻠﻴﺔ ﺍﻟﺤﺎﺳﺒﺎﺕ ﺟﺎﻣﻌﺔ ﻋﻴﻦ ﺷﻤﺲ‬ ‫ﻭﺍﻟﻮﻛﻴﻞ ﺍﻟﺴﺎﺑﻖ ﻟﻜﻠﻴﺔ ﺍﻟﺤﺎﺳﺒﺎﺕ ﺟﺎﻣﻌﺔ ﻋﻴﻦ ﺷﻤﺲ‬


‫ً‬ ‫ً‬ ‫ً‬ ‫ﻌﺘ اﻟﺘﻌﻠﻴﻢ ﻇﻞ اﻟﻌﺼﺮ اﻟﺬي ﻌ ﺶ ﻓﻴﮫ ﻋﺎﻣﻼ ﺣﺎﺳﻤﺎ ﺗﺤﺪﻳﺪ ﻣﺼ ﻋﺎﳌﻨﺎ‪ :‬دوﻻ‬ ‫ً‬ ‫وأﻓﺮادا‪ ،‬ﻣﻤﺎ ﻓﺮض ﺿﺮورة ﻣﺠﺎراة اﳌﺆﺳﺴﺔ اﻟﺘﻌﻠﻴﻤﻴﺔ ﻟﻠﺘﻘﺪم اﻟﺘﻜﻨﻮﻟﻮ واﻟﻌﻠ ‪ ،‬وﻗﺪ ﻧﺘﺞ ﻋﻦ‬ ‫ﺬا ﻐ ﻣﻌﺎﻳ ﺗﻘﻴﻴﻢ ا ﺘﻤﻌﺎت وﻓﻘﺎ ﳌﺪى ﺗﻄﻮر ﺎ ﺗﻜﻨﻮﻟﻮﺟﻴﺎ وﻣﻌﻠﻮﻣﺎﺗﻴﺎ وﻗﺪر ﺎ ﻋ اﻟﺘﺤﻮل‬ ‫ﻣﻦ ﻣﺠﺘﻤﻌﺎت ﺎﻣﺸﻴﺔ ﻣﺴ ﻠﻜﺔ إ ﻣﺠﺘﻤﻌﺎت ﻣﻨﺘﺠﺔ ﻟﻠﻤﻌﺮﻓﺔ‪.‬‬ ‫وﻧﺤﻦ ﻋ ﺛﻘﺔ أﻧﻨﺎ ﻧﻤﻠﻚ ﻣﻦ اﻟﻌﻘﻮل واﻟﻘﺪرات واﻟﻄﺎﻗﺎت ﻣﺎ ﻳﺒﻠﻐﻨﺎ ذﻟﻚ ا ﻠﻢ ‪ ...‬ﻓﻘﻂ‬ ‫ﻧﺤﺘﺎج إ اﻟﻌﻤﻞ اﻟﺪؤوب ﻻﺳ ﺜﻤﺎر ﻃﺎﻗﺘﻨﺎ وإﻣ ﺎﻧﺎﺗﻨﺎ اﳌﺘﺎﺣﺔ واﻟﻌﻤﻞ ﻋ اﻛ ﺸﺎف اﳌﻮ ﻮ ن‬ ‫واﳌﺒﺪﻋ ن ﻣﻦ أﺑﻨﺎﺋﻨﺎ‪ ،‬و ﺴ ﻨﺪ ﻓﻠﺴﻔﺔ ﻣﺎدة اﻟﻜﻤﺒﻴﻮﺗﺮ وﺗﻜﻨﻮﻟﻮﺟﻴﺎ اﳌﻌﻠﻮﻣﺎت واﻻﺗﺼﺎﻻت إ إﺗﺎﺣﺔ‬ ‫ﺑﺪاﺋﻞ ﻣﺘﻨﻮﻋﺔ ﻣﻦ اﻟ ﻣﺠﻴﺎت وﻣﻦ ﺛﻢ ﻓﻘﺪ ﺗﻢ اﺧﺘﻴﺎر ﺑﺮﻣﺠﻴﺎت ﻣﻔﺘﻮﺣﺔ اﳌﺼﺪر ‪OPEN SOURCE‬‬ ‫ﻌﻤﻞ ﺗﺤﺖ ﻧﻈﺎم اﻟ ﺸﻐﻴﻞ ﻧﻮاﻓﺬ )‪ (MS WINDOWS‬وﻛﺬﻟﻚ أﻧﻈﻤﺔ اﻟ ﺸﻐﻴﻞ اﻷﺧﺮى‪ ،‬ﺑﻤﺎ ﻳﺤﻘﻖ‬ ‫اﻟ ﺴﻠﺴﻞ اﳌﻨﻄﻘﻲ ﺗﺮﺗ ﺐ ا ﺘﻮى اﻟﻌﻠ و ﺮا ا ﻮاﻧﺐ اﳌﺘ ﺎﻣﻠﺔ ﻟ ﺼﻴﺔ اﳌﺘﻌﻠﻢ ﺿﻮء‬ ‫اﳌﻌﺎﻳ واﳌﺆﺷﺮات اﳌﺘﻀﻤﻨﺔ ﺑﻤﺼﻔﻮﻓﺔ اﳌﺪى واﻟﺘﺘﺎ ﻊ ﻟﻠﻤﺎدة‪.‬‬ ‫ﻳﺘﻜﻮن اﻟﻔﺼﻞ اﻟﺪرا اﻷول ﻣﻦ وﺣﺪﺗ ن‪ ،‬وﺗﺘﻀﻤﻦ اﻟﻮﺣﺪة اﻷو )ﻣﻮاﻗﻊ اﻟﻮ ﺐ( ﻣﻔﺎ ﻴﻢ‬ ‫ً‬ ‫وأﺳﺎﺳﻴﺎت ﻣﻮاﻗﻊ اﻟﻮ ﺐ وﻛﺬﻟﻚ ﻣﺮاﺣﻞ ﺗﺼﻤﻴﻢ وا ﺸﺎء ﻣﻮاﻗﻊ اﻟﻮ ﺐ واﻳﻀﺎ ا ﺸﺎء وﻣﻌﺎ ﺔ ﻣﻠﻔﺎت‬ ‫اﻟﺼﻮت واﻟﻔﻴﺪﻳﻮ‪ ،‬ﺑ ﻨﻤﺎ ﺗﺘﻀﻤﻦ اﻟﻮﺣﺪة اﻟﺜﺎﻧﻴﺔ ﺗﺼﻤﻴﻢ وا ﺸﺎء ﻣﻮاﻗﻊ اﻟﻮ ﺐ ﺑﺎﺳﺘﺨﺪام ﻟﻐﺔ‬ ‫اﻟ ﻣ ‪ HTML‬وﺗ ﺘ ﺑﻤﺸﺮوع ﺗﻄﺒﻴﻘﻲ ﻟﺘﺼﻤﻴﻢ ﻣﻮﻗﻊ و ﺐ ﻣﻦ إﺑﺪاع اﻟﻄﺎﻟﺐ ﻣﻦ ﺧﻼل ﺗﺒ ﻣﺪﺧﻞ‬ ‫اﳌﺸﺮوﻋﺎت ﺪف ﺗﻨﻤﻴﺔ ﻗﺪرات اﳌﺘﻌﻠﻤ ن ﻋ اﻹﺑﺪاع واﻻﺑﺘ ﺎر و ﺘﻢ ﺗﻘﻮ ﻢ أداء اﳌﺘﻌﻠﻢ ﻋﻦ ﻃﺮﻖ‬ ‫ً‬ ‫ﻌﺾ اﻷ ﺸﻄﺔ واﳌﺸﺮوﻋﺎت‪ ،‬ﻟﺘﻌﺰ ﺰ اﺗﺠﺎ ﺎت وﻣ ﺎرات اﻟﺘﻌﻠﻢ اﻟﺬا ﻲ ‪ ،‬وﺻﻮﻻ إ ﻣﺠﺘﻤﻊ داﺋﻢ‬ ‫ّ‬ ‫اﻟﺘﻌﻠﻢ‪.‬‬ ‫وﷲ اﳌﻮﻓﻖ ‪،،،‬‬


‫‪ ‬ﺗﻌﺮﻑ ﺑﻌﺾ ﺍﻟﻌﻤﻠﻴﺎﺕ ﻭﺍﻟﻤﻔﺎﻫﻴﻢ ﺍﻟﺨﺎﺻﺔ ﺑﺈﻧﺸﺎﺀ ﺻﻔﺤﺎﺕ‬ ‫ﺍﻟﻮﻳﺐ‪.‬‬ ‫‪ ‬ﺗﻌﺮﻑ ﺑﻌﺾ ﺍﻟﻤﻔﺎﻫﻴﻢ ﻭﺍﻟﻌﻤﻠﻴﺎﺕ ﺍﻷﺳﺎﺳﻴﺔ ﻟﺨﺪﻣﺎﺕ‬ ‫ﻭﺗﻄﺒﻴﻘﺎﺕ ﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﻭﺍﻹﺗﺼﺎﻻﺕ‪.‬‬ ‫‪ ‬ﻓﻬﻢ ﺑﻌﺾ ﺟﻮﺍﻧﺐ ﺍﻷﻣﻦ ﺍﻟﻔﻜﺮﻱ ﺍﻟﻤﺘﻌﻠﻘﺔ ﺑﺎﺳﺘﺨﺪﺍﻡ‬ ‫ﺗﻜﻨﻮﻟﻮﺟﻴﺎ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﻭﺍﻹﺗﺼﺎﻻﺕ‪.‬‬ ‫‪ ‬ﺍﺳﺘﺨﺪﺍﻡ ﺃﺩﻭﺍﺕ ﺍﻹﻧﺘﺎﺝ ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻲ )ﻟﻐﺔ ‪ – html‬ﺍﻟﻮﺳﺎﺋﻂ‬ ‫ﺍﻟﻤﺘﻌﺪﺩﺓ "ﺻﻮﺕ ﺻﻮﺭﺓ ﻓﻴﺪﻳﻮ"( ﻓﻲ ﺩﻋﻢ ﺗﻌﻠﻤﻪ‪.‬‬ ‫‪ ‬ﺇﻧﺘﺎﺝ ﻣﺸﺮﻭﻉ )ﺗﺼﻤﻴﻢ ﻣﻮﻗﻊ ﻭﻳﺐ( ﺑﺎﺳﺘﺨﺪﺍﻡ ﺍﻟﻌﻤﻠﻴﺎﺕ‬ ‫ﻭﺍﻟﺒﺮﺍﻣﺞ ﻭﺍﻷﺩﻭﺍﺕ ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻴﺔ‪.‬‬ ‫‪ ‬ﺗﻮﻇﻴﻒ ﺃﺩﻭﺍﺕ ﺍﻹﺗﺼﺎﻝ ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻴﺔ ﻓﻲ ﺗﺒﺎﺩﻝ ﺍﻟﻤﺤﺘﻮﻱ‬ ‫ﻭﺍﻟﺮﺅﻯ ﻣﻊ ﺍﻵﺧﺮﻳﻦ‪.‬‬ ‫‪ ‬ﺍﺳﺘﺨﺪﺍﻡ ﺍﻟﻤﺼﺎﺩﺭ ﺍﻹﻟﻜﺘﺮﻭﻧﻴﺔ ﻓﻲ ﺍﻟﺘﻌﺎﻣﻞ ﻣﻊ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‪.‬‬ ‫‪ ‬ﺍﺳﺘﺨﺪﺍﻡ‬

‫ﺍﻷﺩﻭﺍﺕ‬

‫ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻴﺔ‬

‫ﻭﺗﻘﻴﻴﻤﻬﺎ ﻭﺇﻋﺪﺍﺩ ﺗﻘﺎﺭﻳﺮ ﺑﺎﻟﻨﺘﺎﺋﺞ‪.‬‬

‫ﻓﻲ‬

‫ﻣﻌﺎﻟﺠﺔ‬

‫ﺍﻟﺒﻴﺎﻧﺎﺕ‬


‫ﺟﺪﻭﻝ ﺍﻟﻤﻮﺿﻮﻋﺎﺕ‬

‫ﺍﻟﻤﻮﺿﻮﻋﺎﺕ‬ ‫ﺍﻟﻮﺣﺪﺓ ﺍﻷﻭﻟﻰ‪) :‬ﻣﻮﺍﻗﻊ ﺍﻟﻮﻳﺐ(‪.‬‬

‫ﺭﻗﻢ‬ ‫ﺍﻟﺼﻔﺤﺔ‬ ‫‪٥‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻷﻭﻝ‪ :‬ﻣﻔﺎﻫﻴﻢ ﻭﺃﺳﺎﺳﻴﺎﺕ ﻣﻮﺍﻗﻊ ﺍﻟﻮﻳﺐ‪.‬‬

‫‪٦‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻟﺜﺎﻧﻲ‪ :‬ﻣـﺮﺍﺣﻞ ﺗﺼﻤﻴﻢ ﻭﺇﻧﺸﺎﺀ ﻣﻮﻗﻊ ﺍﻟﻮﻳﺐ‪.‬‬

‫‪١٦‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻟﺜﺎﻟﺚ‪ :‬ﺇ ﻧﺸﺎﺀ ﻭﻣﻌﺎﻟﺠﺔ ﻣﻠﻔﺎﺕ ﺍﻟﺼﻮﺕ‪.‬‬

‫‪٢٧‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻟﺮﺍﺑﻊ‪ :‬ﺇﻧﺸﺎﺀ ﻭﻣﻌﺎﻟﺠﺔ ﻣﻠﻔﺎﺕ ﺍﻟﻔﻴﺪﻳﻮ‪.‬‬

‫‪٤١‬‬

‫ﺍﻟﻮﺣﺪﺓ ﺍﻟﺜﺎﻧﻴﺔ‪) :‬ﺗﺼﻤﻴﻢ ﻭﺇﻧﺸﺎﺀ ﻣﻮﺍﻗﻊ ﺍﻟﻮﻳﺐ(‪.‬‬

‫‪٧٦‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻷﻭﻝ‪ :‬ﻟﻐﺔ ﺍﻟﺘﺮﻣﻴﺰ ‪.HTML‬‬

‫‪٧٧‬‬

‫‪ -‬ﺍﻟﻤﻮﺿﻮﻉ ﺍﻟﺜﺎﻧﻲ‪ :‬ﻣﺸﺮﻭﻉ ﺗﻄﺒﻴﻘﻲ ﻟﺘﺼﻤﻴﻢ ﻣﻮﻗﻊ ﻭﻳﺐ‪.‬‬

‫‪١١٥‬‬


‫‪-١‬‬

‫ﻳﺘﻌﺮﻑ ﺑﻌﺾ ﺍﻟﻤﻔﺎﻫﻴﻢ ﻭﺍﻟﻤﺼﻄﻠﺤﺎﺕ ﺍﻟﻌﻠﻤﻴﺔ ﺍﻷﺳﺎﺳﻴﺔ ﻟﺘﻜﻨﻮﻟﻮﺟﻴﺎ‬ ‫ﺍﻟﻤﻌﻠﻮﻣﺎﺕ )ﻣﻮﺍﻗﻊ ﺍﻟﻮﻳﺐ – ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ‪.(...‬‬

‫‪ -٢‬ﻳﻤﺎﺭﺱ ﺍﻟﻌﻤﻠﻴﺎﺕ ﺍﻷﺳﺎﺳﻴﺔ ﻟﻠﺘﻌﺎﻣﻞ ﻣﻊ ﺗﻄﺒﻴﻘﺎﺕ ﺗﻘﻨﻴﺎﺕ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ‬ ‫ﻭﺍﻹﺗﺼﺎﻻﺕ‪.‬‬


‫اﻟﻤﻮﺿﻮع اﻷول‬ ‫ﻣﻔﺎھﯿﻢ وأﺳﺎﺳﯿﺎت ﻣﻮاﻗﻊ اﻟﻮﻳﺐ‬

‫‪ ‬ﯾﺗﻌرف ﻣﻔﻬوم )ﻣوﻗﻊ اﻟو ب‪ /‬ﺻﻔﺣﺔ اﻟو ب‪ /‬اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ(‪.‬‬ ‫‪‬‬

‫ﺳﺗﻧﺗﺞ ﻣ وﻧﺎت ﻣوﻗﻊ اﻟو ب‪.‬‬

‫‪ ‬ﯾوﺿﺢ ﻋﻧﺎﺻر ﺻﻔﺣﺔ اﻟو ب )ﻧص – ﺻورة – ﻓﯾدﯾو – ارﺗ ﺎ ﺗﺷﻌﺑﻲ‪.(...‬‬ ‫‪ ‬ﯾﺗﻌرف أﻧواع ﺻﻔﺣﺎت اﻟو ب اﻟﻣﺧﺗﻠﻔﺔ )ﺻﻔﺣﺔ اﻟو ب اﻟﺛﺎﺑﺗﺔ – ﺻﻔﺣﺔ اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ(‪.‬‬


‫ﻣﻮاﻗﻊ اﻟﻮﻳﺐ ‪Web Sites‬‬

‫ﻋز ز اﻟطﺎﻟب‪ /‬أﺛﻧﺎء ﺗﺻﻣ ﻣك )إﻧﺷﺎؤك( ﻟﻣوﻗﻊ و ب ﯾﻧ ﻐﻲ أن ﺗﺗﻌرف ﻋﻠﻰ ﻌض اﻟﻣﻔﺎﻫ م اﻷﺳﺎﺳ ﺔ ﻣﺛﻞ‪:‬‬ ‫ﻣوﻗﻊ اﻟو ب‪:‬‬ ‫ﻋ ﺎرة ﻋن ﺻﻔﺣﺔ و ب ‪ Web Page‬أو أﻛﺛر ﻣﺗرا طﺔ ﻣﻊ ﻌﺿﻬﺎ ﺗﺣت اﺳم ﻣﻌﯾن‪ ،‬ﻣوﻗﻊ اﻟو ب ﻟﻪ ﻋﻧوان‬ ‫ﻋﻠﻲ ﺷ ﺔ اﻹ ﻧﺗرﻧت ﺳﻣﻲ ﻌﻧوان اﻟﻣوﻗﻊ ‪ ، Web Address‬و ﻣ ن ز ﺎرة ﻣوﻗﻊ اﻟو ب ﻣن ﺧﻼل‬ ‫اﻟﻛﻣﺑﯾوﺗر أو اﻟﻬﺎﺗﻒ اﻟﻣﺣﻣول‪.‬‬

‫ﻧﺸﺎط )‪(١‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﺣﻣﯾﻞ ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‬ ‫‪ ،http://www.moe.gov.eg‬ﺛم ﻣﺳﺎﻋدة ﻣﻌﻠﻣك و ﻣﺷﺎر ﺔ زﻣﻼﺋك ﺗﻧﺎﻗش ﻓ ﻣﺎ ﯾﻠﻰ ‪:‬‬ ‫ﻣوﻗﻊ اﻟو ب‬

‫‪.............................................................................‬‬

‫ﺻﻔﺣﺔ اﻟو ب‬

‫‪......................................................................... ....‬‬

‫اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ‪.............................................................................‬‬


‫اﻟﺼﻔﺤﺔ اﻟﺮﺋﯿﺴﺔ ﻟﻠﻤﻮﻗﻊ‬

‫ﺻﻔﺤﺎت اﻟﻮﻳﺐ‬

‫ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‬

‫ﻣوﻗﻊ اﻟو ب‪:‬‬ ‫ﻋ ﺎرة ﻋن ﺻﻔﺣﺔ و ب ‪ Web Page‬أو أﻛﺛر ﻣﺗرا طﺔ ﻣﻊ ﻌﺿﻬﺎ ﺗﺣت اﺳم ﻣﻌﯾن‪ ،‬ﻣوﻗﻊ اﻟو ب ﻟﻪ ﻋﻧوان‬ ‫ﻋﻠﻲ ﺷ ﺔ اﻹﻧﺗرﻧت ﺳﻣﻲ ﻌﻧوان اﻟﻣوﻗﻊ ‪ ، Web Address‬و ﻣ ن ز ﺎرة ﻣوﻗﻊ اﻟو ب ﻣن ﺧﻼل‬ ‫اﻟﻛﻣﺑﯾوﺗر أو اﻟﻬﺎﺗﻒ اﻟﻣﺣﻣول‪.‬‬ ‫ﺻﻔﺣﺔ اﻟو ب ‪:Web Page‬‬ ‫ﻫﻲ ﻣﺳﺗﻧد ﻪ ﻣﺣﺗو‬

‫إﻟﻛﺗروﻧﻲ ﯾﻧﺷر ﻋﻠﻰ ﺷ ﺔ اﻹﻧﺗرﻧت و ﺗم ﻋرﺿﻪ ﻣن ﺧﻼل ﺑرﻧﺎﻣﺞ ﻣﺳﺗﻌرض‬

‫اﻹﻧﺗرﻧت‪.‬‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ‪:Home Page‬‬ ‫ﻫﻲ أول ﺻﻔﺣﺔ ﻣوﻗﻊ اﻟو ب واﻟﺗﻲ ﻣن ﺧﻼﻟﻬﺎ ﯾﺗم اﻻﻧﺗﻘﺎل ﻟ ﺎﻗﻲ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬


‫ﻋﻨﺎﺻﺮ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬

‫ﻧﺸﺎط )‪(٢‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك‬ ‫اﺳﺗﻧﺗﺞ ﻋﻧﺎﺻر ﺻﻔﺣﺔ اﻟو ب‪ ،‬وأﻧواع اﻟﺑ ﺎﻧﺎت اﻟﻣﻌروﺿﺔ ﺻﻔﺣﺎت اﻟو ب اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬

‫ﺻﻮر‬

‫ارﺗﺒﺎط ﺗﺸﻌﺒﻲ‬ ‫ﻧﺼﻮص‬

‫ﻓﯿﺪﻳﻮ‬

‫ﻣن اﻟﻧﺷﺎ اﻟﺳﺎﺑ ﺗﻼﺣ أن ﺻﻔﺣﺔ اﻟو ب ﺗﺗﻛون ﻣن ﻣﺟﻣوﻋﺔ ﻣن اﻟﺻور‪ ،‬اﻟ ﻧﺻوص‪ ،‬اﻟﺻوت‪ ،‬اﻟ ﻔﯾدﯾو‪،‬‬ ‫اﻻ رﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ‪....‬‬


‫ﺻﻔﺤ ﺎت اﻟﻮﻳﺐ " اﻟﺜﺎﺑﺘﺔ واﻟﺘﻔﺎﻋﻠﯿﺔ"‬

‫ﻧﺸﺎط )‪(٣‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﻌﻣﻞ اﻵﺗﻰ‪:‬‬ ‫ ﺗﺣﻣﯾﻞ أﺣد ﻣواﻗﻊ اﻟو ب‪ ،‬ﺛم اﻟﺗﺟول ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬‫ اﻟﺗﻌرف ﻋﻠﻰ ﻣ وﻧﺎت ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ ‪ Static Web Pages‬وﻋﻧﺎﺻرﻫﺎ ) ﻧﺻوص – ﺻور –‬‫ﻟﻘطﺎت ﻓﯾدﯾو ‪.(....‬‬ ‫‪ -‬اﺳﺗﻧﺗﺎج أﻧواع ﺻﻔﺣﺎت اﻟو ب‪.‬‬

‫ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ‬ ‫”‪“Static Web Pages‬‬

‫ﻫﻧﺎك أﻧواع ﻣن ﺻﻔﺣﺎت اﻟو ب ﻣﻧﻬﺎ ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ ‪ Static Web Pages‬و ﺻﻔﺣﺎت اﻟو ب‬ ‫اﻟﺗﻔﺎﻋﻠ ﺔ ‪.Interactive Web Pages‬‬ ‫ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ ‪:Static Web Pages‬‬ ‫ﻣﺣﺗواﻫﺎ ُﻣﻌد ُﻣﺳ ﻘﺎ ﺑواﺳطﺔ ﻣﺻﻣم اﻟﺻﻔﺣﺔ و ظﻞ ﻫذا اﻟﻣﺣﺗو ﺛﺎﺑﺗﺎ‪ ،‬وُﺗﺳﺗﺧدم ﺻﻔﺣﺎت‬ ‫اﻟو ب اﻟﺛﺎﺑﺗﺔ ﻟﻌرض ﻣﻌﻠوﻣﺎت ﯾﺗم اﻻطﻼع ﻋﻠﯾﻬﺎ ﻓﻘ ﺑدون إﻣ ﺎﻧ ﺔ إﺟراء أ ﻣﻌﺎﻟﺟﺔ ﻣن اﻟزاﺋر ن‬ ‫ﻟﻣﺣﺗواﻫﺎ‪ُ ،‬ﺗﺳﺗﺧدم أواﻣر ‪ HTML‬ﻓﻲ ﺗﺻﻣ م ﻫذا اﻟﻧوع ﻣن اﻟﺻﻔﺣﺎت‪ ،‬وﺳوف ﻧﺗﻌرض ﻓﻲ اﻟﻔﺻول‬ ‫اﻟﻘﺎدﻣﺔ ﻟﻛ ﻔ ﺔ ﺗﺻﻣ م ٕواﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺎﺳﺗﺧدام أواﻣر ‪.HTML‬‬


‫ﺻﻔﺣﺎت اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ ‪Interactive Web Pages‬‬

‫ ﻋز ز اﻟطﺎﻟب ﻣ ﻧك اﻟﺗﻌرف ﻋﻠﻰ ﻣ وﻧﺎت ﺻﻔﺣﺔ اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ ﻣن ﺧﻼل ز ﺎرﺗك ﻟﺻﻔﺣﺔ اﻟﺗﻌﻠ م‬‫اﻻﻟﻛﺗروﻧﻰ ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‪ ،‬ﺣﯾث ﻣ ﻧك ﺗﺣدﯾد اﻟﻣرﺣﻠﺔ اﻟدراﺳ ﺔ واﻟﺻﻒ اﻟدراﺳﻲ ﻟﻺطﻼع ﻋﻠﻰ‬ ‫ﻣﻧﺎﻫﺞ أﺣد اﻟﺻﻔوف اﻟدراﺳ ﺔ ﻣﺎ ﯾﻠﻰ ‪:‬‬ ‫ ادﺧﻞ اﻟﺑ ﺎﻧﺎت اﻟﻣطﻠو ﺔ ﺻﻔﺣﺔ اﻟو ب واﻟﺿﻐ ﻋﻠﻰ زر ﺣث‪.‬‬‫ ﺎﺳﺗﺧدام ﺑرﻧﺎﻣﺞ ‪ MS Word‬دون ﻣﻼﺣظﺎﺗك‬‫واﻟﻧﺗﺎﺋﺞ اﻟﺗﻲ ﺗظﻬر ﻟك أﺛﻧﺎء ز ﺎرﺗك واﺳﺗﺧداﻣك ﻟﺻﻔﺣﺎت‬ ‫اﻟو ب‪.‬‬

‫ ﻗم ﺑﺗﺣﻣﯾﻞ ﺻﻔﺣﺔ "ﺗواﺻﻞ ﻣﻌﻧﺎ" " ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م" واﻟﺗﻲ ﺗطﻠب ﻣﻧك إدﺧﺎل ﻌض اﻟﺑ ﺎﻧﺎت‪.‬‬‫ ادﺧﻞ اﻟﺑ ﺎﻧﺎت اﻟﻣطﻠو ﺔ ﺻﻔﺣﺔ اﻟو ب ﺛم اﺿﻐ‬‫ﻋﻠﻰ زر ﺗﺳﺟﯾﻞ دﺧول‪.‬‬ ‫‪ -‬دون ﻣﻼﺣظﺎﺗك واﻟﻧﺗﺎﺋﺞ اﻟﺗﻲ ﺗظﻬر ﻟك‪.‬‬

‫ﺻﻔﺣﺎت اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ‬


‫ﺻﻔﺣﺔ اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ ‪:Interactive Web Page‬‬ ‫ﻫﻲ ﺻﻔﺣﺔ ﻣﻌﻠوﻣﺎت ﺗﻌرض ﻣﺣﺗو ﯾﺗ ﺢ ﻟﻠزاﺋر ن اﻟﺗﻔﺎﻋﻞ ﻣﻌﻪ وﻣﻌﺎﻟﺟﺗﻪ‪ ،‬ﻟﺗﺻﻣ م ﻫذا‬ ‫اﻟﻧوع ﻣن ﺻﻔﺣﺎت اﻟو ب ُﺗﺳﺗﺧدم أواﻣر ‪ HTML‬ﺎﻹﺿﺎﻓﺔ ﻟﻠﻐﺎت أﺧر ﻣﺛﻞ ﻟﻐﺔ ‪،JavaScript‬‬ ‫ﻟﻐﺔ ‪ PHP‬وﻏﯾرﻫﺎ‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﺣﻣﯾﻞ أﺣد اﻟﻣواﻗﻊ اﻟﺗﺎﻟ ﺔ‪:‬‬

‫ ﻣوﻗﻊ اﻟﻬﯾﺋﺔ اﻟﻌﺎﻣﺔ ﻟﻼﺳﺗﻌﻼﻣﺎت‬‫‪ -‬ﻣوﻗﻊ ﺟر دة اﻷﻫرام‬

‫‪http://www.sis.gov.eg‬‬ ‫‪http://www.ahram.org.eg‬‬

‫‪ ‬ﻣن ﺧﻼل ﺗﺟوﻟك ﻋﻠﻰ أﺣد اﻟﻣواﻗﻊ اﻟﺳﺎ ﻘﺔ دون ﻣﻼﺣظﺎﺗك ﻋن‪:‬‬ ‫ اﻟﺗﻌرف ﻋﻠﻰ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ﻟﻠﻣوﻗﻊ‪.‬‬‫ ﺗﺣدﯾد ﻋﻧﺎﺻر ﺻﻔﺣﺎت اﻟو ب ) ﻧﺻوص – ﺻور‪ -‬ﻓﯾدﯾو‪ -‬ارﺗ ﺎطﺎت ﺗﺷﻌﺑ ﺔ‪.(....‬‬‫ ﺗﺣدﯾد ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ‪.‬‬‫ ﺗﺣدﯾد ﺻﻔﺣﺎت اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ‪.‬‬‫‪...............................................................................................‬‬ ‫‪...............................................................................................‬‬ ‫‪............................. ..................................................................‬‬ ‫‪...............................................................................................‬‬ ‫‪...............................................................................................‬‬


‫ﺗﺬﻛـــــﺮ أن‪:‬‬ ‫ﻣوﻗﻊ اﻟو ب‪:‬‬ ‫ﻋ ﺎرة ﻋن ﺻﻔﺣﺔ و ب ‪ Web Page‬أو أﻛﺛر ﻣﺗرا طﺔ ﻣﻊ ﻌﺿﻬﺎ ﺗﺣت اﺳم ﻣﻌﯾن‪ ،‬ﻣوﻗﻊ اﻟو ب ﻟﻪ‬ ‫ﻋﻧوان ﻋﻠﻲ ﺷ ﺔ اﻹﻧﺗرﻧت ﺳﻣﻲ ﻌﻧوان اﻟﻣوﻗﻊ ‪ ، Web Address‬و ﻣ ن ز ﺎرة ﻣوﻗﻊ اﻟو ب ﻣن ﺧﻼل‬ ‫اﻟﻛﻣﺑﯾوﺗر أو اﻟﻬﺎﺗﻒ اﻟﻣﺣﻣول‪.‬‬ ‫ﺻﻔﺣﺔ اﻟو ب‪:‬‬ ‫ﻫﻲ ﻣﺳﺗﻧد ﻪ ﻣﺣﺗو إﻟﻛﺗروﻧﻲ ﯾﻧﺷر ﻋﻠﻰ ﺷ ﺔ اﻹﻧﺗرﻧت و ﺗم ﻋرﺿﻪ ﻣن ﺧﻼل ﺑرﻧﺎﻣﺞ ﻣﺳﺗﻌرض‬ ‫اﻹﻧﺗرﻧت‪.‬‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ‪:‬‬ ‫ﻫﻲ أول ﺻﻔﺣﺔ ﻣوﻗﻊ اﻟو ب واﻟﺗﻲ ﻣن ﺧﻼﻟﻬﺎ ﺳﻬﻞ اﻻﻧﺗﻘﺎل ﻟ ﺎﻗﻲ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬ ‫ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ‪:‬‬ ‫ﻣﺣﺗواﻫﺎ ُﻣﻌد ُﻣﺳ ﻘﺎ ﺑواﺳطﺔ ﻣﺻﻣم اﻟﺻﻔﺣﺔ و ظﻞ ﻫذا اﻟﻣﺣﺗو ﺛﺎﺑﺗﺎ ﻓﻲ ﻞ ﻣرﻩ ﯾﺗم ﻓﯾﻬﺎ ز ﺎرة‬ ‫اﻟﺻﻔﺣﺔ‪ ،‬ﺗﺳﺗﺧدم ﻟﻌرض ﻣﻌﻠوﻣﺎت ﯾﺗم اﻻطﻼع ﻋﻠﯾﻬﺎ ﻓﻘ ﺑدون إ ﻣ ﺎﻧ ﺔ إﺟراء أ ﻣﻌﺎﻟﺟﺔ ﻣن اﻟزاﺋر ن‬ ‫ﻟﻣﺣﺗواﻫﺎ‪ُ ،‬ﺗﺳﺗﺧدم أواﻣر ‪ HTML‬ﻓﻲ ﺗﺻﻣ م ﻫذا اﻟﻧوع ﻣن اﻟﺻﻔﺣﺎت‪.‬‬ ‫ﺻﻔﺣﺎت اﻟو ب اﻟﺗﻔﺎﻋﻠ ﺔ‪:‬‬ ‫ﻫﻲ ﺻﻔﺣﺔ ﻣﻌﻠوﻣﺎت ﺗﻌرض ﻣﺣﺗو ﯾﺗ ﺢ ﻟﻠزاﺋر ن اﻟﺗﻔﺎﻋﻞ ﻣﻌﻪ وﻣﻌﺎﻟﺟﺗﻪ‪ ُ ،‬ﺳﺗﺧدم ﻟﺗﺻﻣ م ﻫذا اﻟﻧوع‬ ‫ﻣن اﻟﺻﻔﺣﺎت أواﻣر ‪ HTML‬ﺎﻹﺿﺎﻓﺔ ﻟﻠﻐﺎت أﺧر ﻣﺛﻞ ﻟﻐﺔ ‪ ،JavaScript‬ﻟﻐﺔ ‪ PHP‬وﻏﯾرﻫﺎ‪.‬‬


‫اﻟﺳؤال اﻷول‪ :‬أﻛﻣﻞ اﻟﻌ ﺎرات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪ -‬ﻣوﻗﻊ اﻟو ب ﻫو‪........................................................:‬‬

‫‪ -‬ﺻﻔﺣﺔ اﻟو ب‪.............................................................:‬‬

‫ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ‪..........................................................:‬‬‫ ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ‪.....................................................:‬‬‫ اﻟﺻﻔﺣﺔ اﻟﺗﻔﺎﻋﻠ ﺔ‪........................................................:‬‬‫اﻟﺳؤال اﻟﺛﺎﻧﻲ‪:‬‬ ‫ﺣﻣﻞ ﻣوﻗﻊ وزارة اﻹﺗﺻﺎﻻت وﺗﻛﻧوﻟوﺟ ﺎ اﻟﻣﻌﻠوﻣﺎت ‪www.mcit.gov.eg/ar‬‬ ‫ ﺗﻌرف ﻋﻠﻰ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ﻟﻠﻣوﻗﻊ‪.‬‬‫ ﺣدد ﻣﺣﺗو ﺎت اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ﻟﻠﻣوﻗﻊ )ﻧﺻوص – ﺻور‪ -‬ﻓﯾدﯾو‪ -‬ارﺗ ﺎطﺎت ﺗﺷﻌﺑ ﺔ‪.(....‬‬‫ ﺣدد ﻫﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ﻟﻠﻣوﻗﻊ ﺻﻔﺣﺔ و ب ﺛﺎﺑﺗﺔ أم ﺻﻔﺣﺔ و ب ﺗﻔﺎﻋﻠ ﺔ‪.‬‬‫ ﺗﺟول داﺧﻞ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ ﻟﻠﺗﻌرف ﻋﻠﻰ ﻣﺣﺗو ﺎت ﻞ ﺻﻔﺣﺔ‪ ،‬وﺣدد ﻫﻞ ﻫﻰ ﺻﻔﺣﺔ و ب ﺛﺎﺑﺗﺔ أم‬‫ﺻﻔﺣﺔ و ب ﺗﻔﺎﻋﻠ ﺔ‪.‬‬

‫ﯾﺗم اﻹﺟﺎ ﺔ ﻋﻠﻰ اﻷﺳﺋﻠﺔ ﺎﺳﺗﺧدام‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ‪ MS Word‬ﻣن ﻣﻠﻒ "إﺟﺎ ﺔ اﻟدرس اﻷول" ﻣﺟﻠد ) ﻗﺎﻟب اﻹﺟﺎ ﺔ واﻟﻣﺷروﻋﺎت(‪.‬‬


‫ﺳﺆال ﺗﺤﻀﯿﺮي ﻟﻠﺪرس اﻟﻘﺎدم‪:‬‬ ‫ﻣﺎھﻲ ﻣﺮاﺣﻞ ﺗﺼﻤﯿﻢ وإﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ؟‬


‫‪ -‬ﯾوﺿﺢ ﻣراﺣﻞ ﺗﺻﻣ م ٕواﻧﺷﺎء ﻣوﻗﻊ اﻟو ب‬


‫ﻣﺮاﺣﻞ ﺗﺼﻤﯿﻢ وإ ﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ‬

‫ﺗﺻﻣ م ٕواﻧﺷﺎء ﻣوﻗﻊ اﻟو ب ﻣر ﻌدة ﻣراﺣﻞ ﻣ ن ﺗﻠﺧ ﺻﻬﺎ ﻓﻲ اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪-‬‬

‫اﻟﻣرﺣﻠﺔ اﻷوﻟﻰ‪ :‬اﻟﺗﺧط‬

‫ﻟﺑﻧﺎء ﻣوﻗﻊ اﻟو ب‪.‬‬

‫ اﻟﻣرﺣﻠﺔ اﻟﺛﺎﻧ ﺔ‪ :‬ﺗﺻﻣ م ﺻﻔﺣﺎت اﻟو ب ﻟﻠﻣوﻗﻊ‪.‬‬‫ اﻟﻣرﺣﻠﺔ اﻟﺛﺎﻟﺛﺔ‪ :‬اﻹﻋداد واﻟﺗﺟﻬﯾز ﻟﺻﻔﺣﺎت اﻟو ب‪.‬‬‫‪-‬‬

‫اﻟﻣرﺣﻠﺔ اﻟ ار ﻌﺔ‪ :‬ﻣرﺣﻠﺔ ﺗﻧﻔﯾذ ﺻﻔﺣﺎت اﻟو ب‪.‬‬

‫‪ -‬اﻟﻣرﺣﻠﺔ اﻟﺧﺎﻣﺳﺔ‪ :‬ﻧﺷر اﻟﻣوﻗﻊ ﻋﺑر اﻻﻧﺗرﻧت‪.‬‬

‫اﻟﺘﺨﻄﯿﻂ‬

‫اﻟﺘﺼﻤﯿﻢ‬

‫اﻹﻋﺪاد‬ ‫واﻟﺘﺠﮫﯿﺰ‬

‫اﻟﻨﺸﺮ‬

‫اﻟﺘﻨﻔﯿﺬ‬

‫ﻣﺮاﺣﻞ ﺗﺼﻤﯿﻢ وإﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ‬


‫اﻟﻤﺮﺣﻠﺔ اﻷوﻟﻰ‪ :‬اﻟﺘﺨﻄﯿﻂ ﻟﺒﻨﺎء ﻣﻮﻗﻊ اﻟﻮﻳﺐ‬

‫‪ -‬ﯾﺗم ﻓﻲ ﻫذﻩ اﻟﻣرﺣﻠﺔ ﻋﻣﻞ رﺳم ﺗﺧط طﻲ ﺳ‬

‫ﻋﻠﻰ اﻟورق ﯾﺗﺿﻣن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ )اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ‬

‫ﻟﻠﻣوﻗﻊ وﺻﻔﺣﺎت اﻟو ب اﻟﻣرﺗ طﺔ ﺑﻬﺎ(‪.‬‬ ‫ ﺗﺣدﯾد اﻟﺑ ﺎﻧﺎت واﻟﻣﻌﻠوﻣﺎت اﻟﺗﻲ ﺗﺗﺿﻣﻧﻬﺎ ﺻﻔﺣﺎت اﻟو ب ﻣﻌﻠوﻣﺎت وﺧدﻣﺎت ﺗﻘدم ﻣن ﺧﻼل اﻟﻣوﻗﻊ ﺣﺳب‬‫اﻟﺣﺎﺟﺔ‪.‬‬ ‫ﻧﺸﺎط )‪(١‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑوﺿﻊ ﺗﺧط‬

‫ﻋن اﻟﻣوﻗﻊ اﻟﻣطﻠوب ﺗﺻﻣ ﻣﻪ‬

‫ٕواﻧﺷﺎءﻩ ﻣن ﺣﯾث‪:‬‬ ‫ اﻻﺳم واﻟﻣوﺿوع اﻟذ ﺳوف ُ ﻌرض ﻣن ﺧﻼل اﻟﻣوﻗﻊ‪.‬‬‫ ﺗﺣدﯾد ﺻﻔﺣﺎت اﻟﻣوﻗﻊ )اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ و ﺎﻗﻲ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ(‪.‬‬‫‪ -‬وﺿﻊ ﺗﺧط‬

‫ﻟﻠﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ و ﺎﻗﻲ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪ ،‬ﺗﺣدﯾد اﻟﺑ ﺎﻧﺎت واﻟﻣﻌﻠوﻣﺎت اﻟﺗﻲ ﺳوف ﺗظﻬر ﺑﻬﺎ‪.‬‬

‫اﻟﺻﻔﺣﺔ اﻟرﺋﯾﺳﺔ‬

‫ﻋن اﻟﻣدرﺳﺔ‬

‫أﻟﺑوم اﻟﺻور‬

‫اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬

‫رﺳﻢ ﺗﺨﻄﯿﻄﻲ ﻟﺼﻔﺤﺎت ﻣﻮﻗﻊ وﻳﺐ "ﻣﻮﻗﻊ ﻣﺪرﺳﺘﻲ"‬


‫اﻟﻤﺮﺣﻠﺔ اﻟﺜﺎﻧﯿﺔ‪ :‬ﺗﺼﻤﯿﻢ ﺻﻔﺤﺎت اﻟﻤﻮﻗﻊ‬

‫ﻫذﻩ اﻟﻣرﺣﻠﺔ ﻣن أﻫم اﻟﻣراﺣﻞ وﻓﯾﻬﺎ ﯾﺗم‪:‬‬ ‫‪-‬‬

‫ﺗﺻﻣ م ﺷ ﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬

‫ ﺗﺣدﯾد اﻟﺗﻧﺳ ﻘﺎت اﻟﻣﺧﺗﻠﻔﺔ ﻟﺻﻔﺣﺎت اﻟو ب ﻣﺛﻞ ﻟون اﻟﺧﻠﻔ ﺔ‪ ،‬ﺣﺟم اﻟﺧ ‪ ،‬ﻟوﻧﻪ‪ ،‬ﻧوﻋﻪ‪ ،‬أﻣﺎﻛن وﺿﻊ‬‫اﻟﻧﺻوص ‪ ،‬اﻟﺻور‪ ،‬وﻟﻘطﺎت اﻟﻔﯾدﯾو ﺻﻔﺣﺎت اﻟو ب‪.‬‬ ‫‪-‬‬

‫ﺗﺣدﯾد اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ داﺧﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬

‫ﻧﺸﺎط )‪(٢‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﻌﻣﻞ اﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺗﺻﻣ م ﺷ ﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟو ب ﻟﻠﻣوﻗﻊ‪.‬‬‫ ﺗﺣدﯾد اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ ﺑﯾن ﺻﻔﺣﺎت اﻟو ب ﻟﻠﻣوﻗﻊ‪.‬‬‫ ﺗﺣدﯾد أﻣﺎﻛن وﺿﻊ اﻟﻧﺻوص واﻟﺻور وﻟﻘطﺎت اﻟﻔﯾدﯾو ﺻﻔﺣﺎت‬‫اﻟو ب اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬


‫اﻟﻤﺮﺣﻠﺔ اﻟﺜﺎﻟﺜﺔ‪ :‬اﻹﻋﺪاد واﻟﺘﺠﮫﯿﺰ‬

‫ﺗﺗﺿﻣن ﻣرﺣﻠﺔ اﻹﻋداد واﻟﺗﺟﻬﯾز ﻋدة ﺧطوات ﻫﺎﻣﺔ وﻫﻰ‪:‬‬ ‫ ﻣن ﺧﻼل أﺣد ﻣﻧﺳﻘﺎت اﻟﻧﺻوص ﯾﺗم إﻋداد وﺗﺟﻬﯾز اﻟﺑ ﺎﻧﺎت اﻟﻧﺻ ﺔ اﻟﺗﻲ ﺳوف ﺗوﺿﻊ ﻓﻲ ﺻﻔﺣﺎت‬‫اﻟو ب‪ ،‬ﺣﻔ اﻟﻧص داﺧﻞ ﻣﻠﻒ ﻧﺻﻲ ووﺿﻌﻪ داﺧﻞ ﻣﺟﻠد‪.‬‬ ‫ إﻋداد وﺗﺟﻬﯾز ﻣﻠﻔﺎت اﻟﺻور وﺣﻔظﻬﺎ داﺧﻞ ﻣﺟﻠد‪.‬‬‫ إﻋداد وﺗﺟﻬﯾز ﻣﻠﻔﺎت اﻟﺻوت واﻟﻔﯾدﯾو وﺣﻔظﻬﺎ داﺧﻞ أﺣد اﻟﻣﺟﻠدات‪ ،‬وﺳوف ﯾﺗم ﺗﻧﺎول إﻧﺷﺎﺋﻬﺎ وﺣﻔظﻬﺎ‬‫ﻻﺣﻘﺎ‪.‬‬

‫‪-١‬إﻋداد وﺗﺟﻬﯾز اﻟﻧﺻوص‬ ‫ﻧﺸﺎط )‪(٢‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺗﺣدﯾد اﻟﻧﺻوص اﻟﻣطﻠو ﺔ ﻟﻛﻞ ﺻﻔﺣﺔ و ب ﺎﻟﻣوﻗﻊ ﻣن ﺧﻼل ﻣرﺣﻠﺔ‬‫اﻟﺗﺻﻣ م ﻟﺻﻔﺣﺎت اﻟﻣوﻗﻊ اﻟﻣطﻠو ﺔ ﻣن ﺧﻼل اﻹﻧﺗرﻧت أو ﻣن ﺧﻼل‬ ‫اﻹدارة اﻟﻣدرﺳ ﺔ ﻣﺛﻞ‪:‬‬ ‫ ﺗﺎر ﺦ ﻧﺷﺄة اﻟﻣدرﺳﺔ‪...:‬‬‫‪ -‬رﻗم اﻟﺗﻠ ﻔون‪... :‬‬

‫ ﻋﻧواﻧ ﻬﺎ‪... :‬‬‫‪ -‬اﻟرؤ ﺔ واﻟرﺳﺎﻟﺔ اﻟﺧﺎﺻﺔ ﺎﻟﻣدرﺳﺔ‪... :‬‬

‫‪ -‬اﻟ ﺣث ﻋن اﻟﺑ ﺎﻧﺎت اﻟﻧﺻ ﺔ اﻟﻼزﻣﺔ ﻟﺻﻔﺣﺎت اﻟو ب اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬

‫‪ -‬ﺗﺎ ﺔ اﻟﻧﺻوص وﺣﻔظﻬﺎ داﺧﻞ ﻣﻠﻒ ﻧﺻﻲ داﺧﻞ أﺣد اﻟﻣﺟﻠدات‪.‬‬


‫‪-٢‬إﻋداد وﺗﺟﻬﯾز ﻣﻠﻔﺎت اﻟﺻور‪:‬‬ ‫ﻧﺸﺎط )‪(٣‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﻌﻣﻞ اﻟﺗﺎﻟﻲ‪:‬‬ ‫ اﻟﺗﻘﺎ ﻣﺟﻣوﻋﺔ ﻣن اﻟﺻور ﻟﻣدرﺳﺗك ﻣن ﻓﺻول وﻣﻌﺎﻣﻞ وﻣﻼﻋب‪. ...‬‬‫ ﺗﺟﻣ ﻊ ﺻور ﻋن اﻷﻧﺷطﺔ اﻟﺗﻲ ﺗﻘدﻣﻬﺎ اﻟﻣدرﺳﺔ واﻟﻣﺳﺎ ﻘﺎت اﻟﺗﻲ اﺷﺗر ت ﺑﻬﺎ‪ ،‬ﺻور اﻟﺷﻬﺎدات واﻟﺟواﺋز‬‫اﻟﺗﻲ ﻓﺎزت ﺑﻬﺎ اﻟﻣدرﺳﺔ‪.‬‬ ‫‪ -‬ﺣﻔ اﻟﺻور ﻣﻠﻔﺎت داﺧﻞ أﺣد وﺣدات اﻟﺗﺧز ن‪.‬‬

‫ﺻور ﻟﻸﻧﺷطﺔ اﻟﻣﺧﺗﻠﻔﺔ ﻟﻠﻣدرﺳﺔ‬


‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻵﺗﻲ‪:‬‬ ‫ اﻟﺗﻘﺎ ﺻور ﻟﻣﻌﺎﻣﻞ وﻣﻼﻋب اﻟﻣدرﺳﺔ ﺎﺳﺗﺧدام اﻟﻛﺎﻣﯾرا اﻟرﻗﻣ ﺔ‬‫أو ﺎﺳﺗﺧدام اﻟﻣو ﺎﯾﻞ‪.‬‬ ‫ ﺗﺟﻣ ﻊ ﺻور ﻋن اﻷﻧﺷطﺔ اﻟﺗﻲ ﻣﺎرﺳﻬﺎ اﻟطﻼب داﺧﻞ اﻟﻣدرﺳﺔ‪.‬‬‫ ﺗﺟﻣ ﻊ ﺻور ﻋن اﻟﻣﺳﺎ ﻘﺎت اﻟﺗﻲ ﺗم اﻻﺷﺗراك ﺑﻬﺎ ﺳواء داﺧﻞ اﻟﻣدرﺳﺔ أو ﻋﻠﻰ ﻣﺳﺗو اﻹدارة اﻟﺗﻌﻠ ﻣ ﺔ أو‬‫اﻹدارات اﻟﺗﻌﻠ ﻣ ﺔ‪.‬‬ ‫ ﺗﺟﻣ ﻊ ﺻور ﻋن اﻟﺷﻬﺎدات واﻟﺟواﺋز اﻟﺗﻲ ﻓﺎزت ﺑﻬﺎ اﻟﻣدرﺳﺔ‪.‬‬‫ ادﺧﺎل اﻟﺻور ﻟﻠﻛﻣﺑﯾوﺗر ) ﺎﺳﺗﺧدام اﻟﻣﺎﺳﺢ اﻟﺿوﺋﻲ – ﺎﺑﻞ اﻻﺗﺻﺎل ﺑﯾن اﻟﻣو ﺎﯾﻞ واﻟﻛﻣﺑﯾوﺗر‪،(....-‬‬‫إﻧﺷﺎء ﻣﺟﻠد "‪ "Pro1‬داﺧﻞ أﺣد وﺣدات اﻟﺗﺧز ن‪ ،‬ﺣﻔ ﻣﻠﻔﺎت اﻟﺻور ﻪ‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫– ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎو ن ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﺗﻌرف ﻋﻠﻰ ﻌض أﻧواع ﻣﻠﻔﺎت‬

‫اﻟﺻور‪.‬‬ ‫– اﻟ ﺣث ﻋﺑر اﻹﻧﺗرﻧت ﻋن أﻧواع ﻣﻠﻔﺎت اﻟﺻور ذات اﻻﻣﺗداد‪JPG- GIF-BMP-‬‬

‫‪ PNG‬وﻣﻧﺎﻗﺷﺔ اﻟﻔرق ﺑﯾن أﻧواع ﻣﻠﻔﺎت اﻟﺻور اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬

‫‪-٣‬إﻋداد وﺗﺟﻬﯾز ﻣﻠﻔﺎت اﻟﺻوت وﻣﻠﻔﺎت اﻟﻔﯾدﯾو‪:‬‬ ‫ﻹﻋداد وﺗﺟﻬﯾز ﻣﻠﻔﺎت اﻟﺻوت واﻟﻔﯾدﯾو وﺣﻔظﻬﺎ ﺳوف ﯾﺗم ﺗﻧﺎول ذﻟك ﻻﺣﻘﺎ ﻓﻲ اﻟﻔﺻول اﻟﺗﺎﻟ ﺔ‪.‬‬


‫اﻟﻤﺮﺣﻠﺔ اﻟﺮاﺑﻌﺔ‪ :‬ﻣﺮﺣﻠﺔ اﻟﺘﻨﻔﯿﺬ‬ ‫ ﻫﻲ ﻣرﺣﻠﺔ ﺗﺣو ﻞ اﻟﺗﺻﻣ م اﻟورﻗﻲ ﺎﻟﻣراﺣﻞ اﻟﺳﺎ ﻘﺔ إ ﻟﻰ ﺻﻔﺣﺎت و ب ﻣ ن ﻋرﺿﻬﺎ ﻣن ﺧﻼل أﺣد ﺑراﻣﺞ‬‫ﻣﺗﺻﻔﺣﺎت اﻹﻧﺗرﻧت‪.‬‬ ‫ إﺿﺎﻓﺔ اﻟﺑ ﺎﻧﺎت )ﻧﺻوص – ﺻور – ﺻوت – ﻓﯾدﯾو‪ (....‬ﻓﻲ ﺻﻔﺣﺎت اﻟو ب‪.‬‬‫ إﻧﺷﺎء اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ ﺑﯾن ﺻﻔﺣﺎت اﻟو ب ﺣﺗﻰ ﺳﻬﻞ اﻟﺗﻧﻘﻞ ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪ ،‬و ﺗم ﻞ ذﻟك‬‫ﺎﺳﺗﺧدام ﻟﻐﺎت ﺑرﻣﺟﺔ وأواﻣر ‪ HTML‬وﻫو ﻣﺎ ﺳوف ﻧﺗﻧﺎوﻟﻪ ﺎﻟﺷرح ﺗﻔﺻﯾﻠ ﺎً ﻻﺣﻘﺎ‪.‬‬ ‫اﻟﻤﺮﺣﻠﺔ اﻟﺨﺎﻣﺴﺔ‪ :‬ﻧﺸﺮ اﻟﻤﻮﻗﻊ ﻋﺒﺮ اﻻﻧﺘﺮﻧﺖ‬

‫وﻫذﻩ اﻟﻣرﺣﻠﺔ ﺗﺗﺿﻣن ﺣﺟز ﻋﻧوان ﻟﻠﻣوﻗﻊ‪ ،‬ﺗﺧﺻ ص ﻣﺳﺎﺣﺔ ﺗﺧز ﻧ ﺔ ﻟﻠﻣوﻗﻊ ﻋﻠﻰ أﺣد أﺟﻬزة اﻟﺧﺎدم‪،‬‬ ‫ﻧﺷر اﻟﻣوﻗﻊ ﻋﺑر اﻹ ﻧﺗرﻧت ٕواﻋدادﻩ ﻟﻠﻌﻣﻞ ﺷ ﻞ ﺻﺣ ﺢ‪.‬‬

‫ﺷ ﻞ ﻣﻘﺗرح ﻟـ "ﻣوﻗﻊ ﻣدرﺳﺗﻲ"‬ ‫ﻣدرﺳﺗﻲ‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋﯾﺳﺔ ﻋن اﻟﻣدرﺳﺔ أﻟﺑوم اﻟﺻور اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬ ‫اﺗﺻل ﺑﻧﺎ‬

‫ﻋن اﻟﻣدرﺳﺔ‬

‫أﻟﺑوم اﻟﺻور‬

‫اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬

‫ﺗﺎرﯾﺦ ﻧﺷ ﺄة اﻟﻣدرﺳﺔ‪... :‬‬ ‫ﻋﻧوان اﻟﻣدرﺳﺔ‪.... :‬‬

‫ﺗﻠﯾﻔون اﻟﻣدرﺳﺔ‪. .. :‬‬

‫رؤﯾﺔ اﻟﻣدرﺳﺔ‪:‬‬ ‫إ ﻋداد طﺎﻟب ﻣﺗﻣﯾز ﻗﺎدر ﻋﻠﻰ ‪....‬‬ ‫اﻟرﺳﺎﻟﺔ‪:‬‬


‫ﺗﺬﻛـــﺮ أن‬ ‫ﺗﺻﻣ م ٕواﻧﺷﺎء ﻣوﻗﻊ اﻟو ب ﻣر ﻌدة ﻣراﺣﻞ ﻫﻲ‪:‬‬

‫اﻟﻣرﺣﻠﺔ اﻷوﻟﻰ‪ :‬اﻟﺗﺧط‬ ‫‪ -‬وﺿﻊ ﻣﺧط‬

‫ﺳ‬

‫ﻟﺑﻧﺎء ﻣوﻗﻊ اﻟو ب‪:‬‬

‫ﻋﻠﻰ اﻟورق ﻟﻠﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟو ب ﻟﻠﻣوﻗﻊ‪.‬‬

‫ ﺗﺣدﯾد اﻟﺑ ﺎﻧﺎت واﻟﻣﻌﻠوﻣﺎت اﻟﺗﻲ ﺗﺗﺿﻣﻧﻬﺎ ﺻﻔﺣﺎت اﻟو ب‪.‬‬‫اﻟﻣرﺣﻠﺔ اﻟﺛﺎﻧ ﺔ‪ :‬ﺗﺻﻣ م ﺷ ﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟو ب وﺗﻧﺳ ﻘﻬﺎ‪:‬‬ ‫ ﺗﺻﻣ م ﺷ ﻞ اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ وﺻﻔﺣﺎت اﻟو ب‪.‬‬‫‪ -‬ﺗﺣدﯾد ﻟون اﻟﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺎت اﻟو ب‪.‬‬

‫ ﺗﺣدﯾد أﻣﺎﻛن وﺿﻊ اﻟﻧﺻوص واﻟﺻور وﻟﻘطﺎت اﻟﻔﯾدﯾو ﺻﻔﺣﺎت اﻟو ب‪.‬‬‫ ﺗﺣدﯾد اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ داﺧﻞ ﺻﻔﺣﺔ اﻟو ب وﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬‫اﻟﻣرﺣﻠﺔ اﻟﺛﺎﻟﺛﺔ‪ :‬اﻹﻋداد واﻟﺗﺟﻬﯾز‪:‬‬ ‫ اﻹﻋداد واﻟﺗﺟﻬﯾز ﻟﻣﻠﻔﺎت اﻟﻧﺻوص‪ ،‬اﻟﺻور‪ ،‬اﻟﺻوت‪ ،‬اﻟﻔﯾدﯾو وﺣﻔظﻬﺎ داﺧﻞ أﺣد اﻟﻣﺟﻠدات‪.‬‬‫اﻟﻣرﺣﻠﺔ اﻟ ار ﻌﺔ‪ :‬ﻣرﺣﻠﺔ اﻟﺗﻧﻔﯾذ‪:‬‬ ‫ﺎﺳﺗﺧدام أﺣد ﻟﻐﺎت اﻟﺑرﻣﺟﺔ وأواﻣر ‪ HTML‬ﯾﺗم‪:‬‬ ‫ ﺗﺣو ﻞ اﻟﺗﺻﻣ م إﻟﻰ ﺻﻔﺣﺎت و ب‪.‬‬‫ وﺿﻊ اﻟﺑ ﺎﻧﺎت )ﻧﺻوص – ﺻور – ﺻوت ‪-‬ﻓﯾدﯾو( ﻓﻲ ﺻﻔﺣﺎت اﻟو ب‪.‬‬‫ إﻧﺷﺎء اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ ﻟﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬‫اﻟﻣرﺣﻠﺔ اﻟﺧﺎﻣﺳﺔ‪ :‬ﻧﺷر اﻟﻣوﻗﻊ ﻋﺑر اﻻﻧﺗرﻧت‪:‬‬ ‫‪ -‬ﺣﺟز ﻋﻧوان ﻟﻠﻣوﻗﻊ‪ ،‬ﺗﺧﺻ ص ﻣﺳﺎﺣﺔ ﺗﺧز ﻧ ﺔ ﻟﻪ ﻋﻠﻰ أﺣد أﺟﻬزة اﻟﺧﺎدم ﻟﻧﺷر اﻟﻣوﻗﻊ‪.‬‬


‫اﻟﺳؤال اﻷول‪ :‬أﻛﻣﻞ‬ ‫أوﻻ‪ :‬ﺗﺻﻣ م ٕواﻧﺷﺎء ﻣوﻗﻊ اﻟو ب ﻣر ﻌدة ﻣراﺣﻞ ﻫﻲ‪:‬‬

‫‪........................................................-١‬‬

‫‪........................................................-٢‬‬ ‫‪........................................................-٣‬‬ ‫‪........................................................-٤‬‬ ‫‪........................................................-٥‬‬ ‫ﺛﺎﻧ ﺎً‪ :‬ﻓﻲ ﻣرﺣﻠﺔ اﻟﺗﻧﻔﯾذ ﻟﺗﺻﻣ م ٕوا ﻧﺷﺎء ﻣوﻗﻊ اﻟو ب ﯾﺗم ﻋﻣﻞ اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪.............................................................-١‬‬ ‫‪.............................................................-٢‬‬ ‫‪............................................................-٣‬‬

‫ﯾﺗم اﻹﺟﺎ ﺔ ﻋﻠﻰ اﻷﺳﺋﻠﺔ ﻣن ﺧﻼل‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ‪ MS Word‬ﻣن ﻣﻠﻒ "إﺟﺎ ﺔ اﻟدرس اﻷول" ﻣﺟﻠد ) ﻗﺎﻟب اﻹﺟﺎ ﺔ واﻟﻣﺷروﻋﺎت(‪.‬‬


‫ﺳﺆال ﺗﺤﻀﯿﺮي ﻟﻠﺪرس اﻟﻘﺎدم‪:‬‬ ‫ﻓﻲ اﻟ ﻤﺮﺣﻠﺔ اﻟﺜﺎﻟﺜﺔ ﻟﺘﺼﻤﯿﻢ وإﻧﺸﺎء ﻣﻮﻗﻊ اﻟﻮﻳﺐ ھﻨﺎك‬ ‫إﻋﺪاد وﺗﺠﮫﯿﺰ ﻟﻤﻠﻔﺎت اﻟﺼﻮت‪.‬‬ ‫ﻓﻜﯿﻒ ﻳﻤﻜﻦ إﻧﺸﺎء ﻣﻠﻒ ﺻﻮت؟‬


‫اﻷھـﺪاف‬

‫‪ ‬ﯾﺗﻌرف ﺑرﻧﺎﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت‪.‬‬ ‫‪ ُ ‬ﻌد ‪ُ /‬ﯾﺟﻬز )اﻟﺑ ﺎﻧﺎت ‪ /‬اﻟﻣ وﻧﺎت اﻟﺑرﻣﺟ ﺔ واﻟﻣﺎد ﺔ( ﻹﻧﺷﺎء اﻟﺻوت‪.‬‬ ‫‪‬‬

‫ﺳﺗﺧدم ﺑرﻧﺎﻣﺞ ‪ Audacity‬ﻹﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﺻوت‪.‬‬

‫‪ ‬ﯾﺟر ﻋﻣﻠ ﺎت اﻟﻣﻌﺎﻟﺟﺔ ﻟﻣﻘﺎطﻊ اﻟﺻوت ) إﺿﺎﻓﺔ ﺗﺄﺛﯾر – ﺣذف ‪. ( ... -‬‬ ‫‪ ‬ﯾﺗﻌرف أﻧواع اﻣﺗداد ﻣﻠﻔﺎت اﻟﺻوت‪.‬‬


‫ﺑﺮاﻣﺞ إﻧﺸﺎء وﻣﻌﺎﻟﺠﺔ ﻣﻠﻔﺎت اﻟﺼﻮت‬ ‫ﻫﻧﺎك اﻟﻌدﯾد ﻣن اﻟﺑراﻣﺞ اﻟﺗﻲ ﺗﺳﺗﺧدم ﻓﻲ اﻟﺗﻌﺎﻣﻞ ﻣﻊ ﻣﻠﻔﺎت اﻟﺻوت وُﺗﻣ ن اﻟﻣﺳﺗﺧدم ﻣن إﻧﺷﺎء‬

‫وﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﺻوت طرق ﺳﻬﻠﺔ وﺟﯾدة ﻣن ﺧﻼل ﻣﺟﻣوﻋﺔ ﻣن اﻷدوات اﻟﺗﻲ ﺗﺳﺎﻋدﻩ ﻓﻲ ذﻟك‪.‬‬

‫إﻧﺷﺎء ﻣﻠﻒ ﺻوت‪:‬‬ ‫ﻣ ن إﻧﺷﺎء ﻣﻠﻒ ﺻوت ﺣﺗو ﻋﻠﻰ ا ﻟﻣﻘﺎطﻊ اﻟﺻوﺗ ﺔ اﻟﻣطﻠو ﺔ ٕواﺿﺎﻓﺔ اﻟﺗﺄﺛﯾرات اﻟﻣﺧﺗﻠﻔﺔ ﻋﻠﻰ‬

‫اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ ‪ ،‬ﺛم ﺣﻔ اﻟﺻوت داﺧﻞ ﻣﻠﻒ‪ ،‬وﻹﻧﺷﺎء اﻟﻣﻠﻒ اﻟﺻوﺗﻲ ﻧﺣﺗﺎج إﻟﻰ أﺣد ﺑراﻣﺞ ﻣﻌﺎﻟﺟﺔ اﻟﺻوت‪،‬‬ ‫وﺳوف ﻧﻘوم ﺑﺈﻧﺷﺎء ﻣﻠﻒ ﺻوﺗﻲ ﺎﺳم "ﻣدرﺳﺗﻲ" ﻪ ﺗﻌﻠﯾ‬

‫ﺻوﺗﻲ ﻋن أﺣد أﻧﺷطﺔ اﻟﻣدرﺳﺔ‪ ،‬ﻹدراﺟﻪ ﻓﻲ‬

‫ﻟﻘطﺔ ﻓﯾدﯾو ﻋن اﻟﻣدرﺳﺔ‪.‬‬ ‫أوﻻً‪ :‬ﻣﺮﺣﻠﺔ اﻹﻋﺪاد واﻟﺘﺠﮫﯿﺰ ﻹﻧﺸﺎء ﻣﻠﻒ ﺻﻮت‬

‫ﻧﺸﺎط )‪(١‬‬

‫ﻋز ــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌــﺎون ﻣــﻊ زﻣﻼﺋــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣــك ﻗــم ﺑﺈﻧﺷــﺎء ﻣﻠــﻒ ﺻــوﺗﻰ ﻋــن اﻟﻣدرﺳــﺔ ﺑﺗﻧﻔﯾــذ‬ ‫اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪-١‬اﻹﻋداد واﻟﺗﺟﻬﯾز ﺑﺟﻣﻊ ﺑ ﺎﻧﺎت ﻋن ﻣدرﺳﺗك ﻣﻧﻬﺎ‪:‬‬ ‫‪ ‬اﺳم اﻟﻣدرﺳﺔ‪ ... :‬اﻹدارة اﻟﺗﻌﻠ ﻣ ﺔ اﻟﺗﺎ ﻌﺔ ﻟﻬﺎ اﻟﻣدرﺳﺔ‪... :‬‬

‫ﻣﺣﺎﻓظﺔ‪... :‬‬

‫‪ ‬اﻟﻣﺳﺎ ﻘﺎت اﻟﺗﻲ اﺷﺗر ت ﺑﻬﺎ‪......................... :‬‬ ‫‪ ‬اﻟﻣراﻛز اﻟﺗﻲ ﺣﺻﻠت ﻋﻠﯾﻬﺎ ﺑﺗﻠك اﻟﻣﺳﺎ ﻘﺎت‪........... :‬‬ ‫‪ ‬ﺷﻬﺎدات اﻟﺗﻘدﯾر اﻟﺗﻲ ﺣﺻﻠت ﻋﻠﯾﻬﺎ اﻟﻣدرﺳﺔ‪............‬‬ ‫‪ ‬اﻷﻧﺷطﺔ اﻟﺻ ﻔ ﺔ اﻟﺗﻲ ﺗﻘدﻣﻬﺎ‪......................... :‬‬ ‫‪ ‬اﻟرﺣﻼت اﻟﻣدرﺳ ﺔ واﻷﻧﺷطﺔ اﻟﻣﺧﺗﻠﻔﺔ اﻟﺗﻲ ﺗﻘدﻣﻬﺎ‪................... :‬‬ ‫ ﺗﺎ ﺔ اﻟﺑ ﺎﻧﺎت اﻟﺗﻲ ﺗم ﺗﺟﻣ ﻌﻬﺎ ﻋن اﻟﻣدرﺳﺔ ﻓﻲ أﺣد ﺑ راﻣﺞ ﻣﻧﺳﻘﺎت اﻟﻧﺻوص وﺗﻧﺳ ﻘﻬﺎ‪.‬‬‫‪ -‬ﺣﻔ اﻟﺑ ﺎﻧﺎت اﻟﻧﺻ ﺔ داﺧﻞ ﻣﻠﻒ ﻧﺻﻲ‪.‬‬

‫‪٢٨‬‬


‫‪ -٢‬اﻹﻋداد واﻟﺗﺟﻬﯾز ﻟﻠﺑرﻣﺟ ﺎت‪:‬‬ ‫ﻋز ز اﻟطﺎﻟب ‪ :‬ﻣﺳﺎﻋدة ﻣﻌﻠﻣك و ﻣﺷﺎر ﺔ زﻣﻼﺋك ﻗم ﺎﻟﺗﺎﻟﻰ‪:‬‬ ‫ اﻟﺗﺄﻛد ﻣن ﺗﺛﺑﯾت أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت ﻋﻠﻰ‬‫أﺟﻬزة اﻟﻛﻣﺑﯾوﺗر ﺎﻟﻣﻌﻣﻞ‪.‬‬ ‫ اﻟﺗﺄﻛد ﻣن ﺗوﺻﯾﻞ اﻟﻣ روﻓون”‪ ” Mic‬ﺑﺟﻬﺎز‬‫اﻟﻛﻣﺑﯾوﺗر‪.‬‬ ‫ اﻟﺗﺄﻛد ﻣن ﺗوﺻﯾﻞ اﻟﺳﻣﺎﻋﺎت ”‪” Speakers‬‬‫ﺑﺟﻬﺎز اﻟﻛﻣﺑﯾوﺗر‪.‬‬

‫ﻣرﺣﻠﺔ اﻹﻋداد واﻟﺗﺟﻬﯾز ﻹﻧﺷﺎء ﻣﻠﻒ ﺻوت ﺗﺗﺿﻣن‪:‬‬ ‫ ﺟﻣﻊ اﻟﺑ ﺎﻧﺎت اﻟﺗﻲ ﺳوف ﯾﺗم ﺗﺳﺟﯾﻠﻬﺎ ﺻوﺗ ﺎ‪.‬‬‫ اﻟﺗﺄﻛـــد ﻣـــن اﻟﻣ وﻧـــﺎت اﻟﺑرﻣﺟ ـــﺔ )ﺑﺗﺛﺑﯾـــت أﺣـــد ﺑـــراﻣﺞ إﻧﺷـــﺎء وﻣﻌﺎﻟﺟـــﺔ اﻟﺻ ــوت ﻋﻠـــﻰ أﺟﻬـــزة‬‫اﻟﻛﻣﺑﯾوﺗر ﺎﻟﻣﻌﻣﻞ(‪.‬‬ ‫ اﻟﺗﺄﻛد ﻣن ﺗوﺻﯾﻞ اﻟﻣ وﻧﺎت اﻟﻣﺎد ﺔ )ﺗوﺻﯾﻞ اﻟﻣ روﻓون”‪ - ” Mic‬اﻟﺳﻣﺎﻋﺎت ”‪(”Speakers‬‬‫ﺑﺟﻬﺎز اﻟﻛﻣﺑﯾوﺗر‪.‬‬


‫ﺛﺎﻧﯿﺎً‪ :‬ﻣﺮﺣﻠﺔ اﻟﺘﻨﻔﯿﺬ ﻹﻧﺸﺎء ﻣﻠﻒ اﻟﺼﻮت‬

‫ﻧﺸﺎط )‪(٢‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣـﻊ زﻣﻼﺋـك و ﻣﺳـﺎﻋدة ﻣﻌﻠﻣـك ﻗـم ﺑﺈﻧﺷـﺎء ﻣﻠـﻒ ﺻـوﺗﻲ ﻋـن ﻣدرﺳـﺗك ﻣـن ﺧـﻼل‬ ‫أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت ﺎﻟﺗﺎﻟﻰ‪:‬‬ ‫ ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت‪.‬‬‫ ﺗﺳﺟﯾﻞ اﻟﺻوت ﻣن ﺧﻼل اﻟﺑرﻧﺎﻣﺞ‪.‬‬‫ ﻗراءة اﻟﺑ ﺎﻧﺎت اﻟﻧﺻ ﺔ اﻟﺗﻲ ﺳﺑ إﻋدادﻫﺎ وادﺧﺎﻟﻬﺎ ﻟﻠﻛﻣﺑﯾوﺗر ﺎﺳﺗﺧدام اﻟﻣ روﻓون وﺣدة إدﺧﺎل‪.‬‬‫ ﺗﺷﻐﯾﻞ اﻟﺻوت ﻌد اﻻﻧﺗﻬﺎء ﻣن ﺗﺳﺟﯾﻠﻪ واﻻﺳﺗﻣﺎع إﻟ ﻪ ﻣن ﺧﻼل اﻟﺳﻣﺎﻋﺎت‪.‬‬‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬ ‫ اﺳﺗﺧدام ﺑرﻧﺎﻣﺞ "‪ " Audacity‬ﻹﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت وﻫو أﺣد اﻟﺑراﻣﺞ ﻣﻔﺗوﺣﺔ اﻟﻣﺻدر‪ ،‬وﻫو ﺑرﻧﺎﻣﺞ‬‫ﻣ ﻧﻪ أن ﻌﻣﻞ ﻋﻠﻰ أﻧظﻣﺔ ﺗﺷﻐﯾﻞ ﻣﺧﺗﻠﻔﺔ ﻣﺛﻞ )‪.(Windows – Linux ….‬‬ ‫‪ -‬ﻣ ن إﻧزال اﻟﺑرﻧﺎﻣﺞ ﻣن ﺧﻼل اﻟﻣوﻗﻊ‬

‫‪http://audacity.sourceforge.net/‬‬

‫ﻗﺎﺋﻤﺔ‬ ‫"‪"Transport‬‬ ‫ﻟﺘﺴﺠﯿﻞ اﻟﺼﻮت‬

‫واﺟﻬﺔ ﺑرﻧﺎﻣﺞ ‪) Audacity‬ﻹﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت(‬ ‫‪٣٠‬‬


‫‪ -‬ﻟﺑدء اﻟﺗﺳﺟﯾﻞ اﻟﺻوﺗﻲ ﯾﺗم اﻟﺿﻐ ﻋﻠﻰ زر ﺗﺳﺟﯾﻞ‬

‫‪ Record button‬ﺣﯾث ﺻ ﺢ اﻟﺑرﻧﺎﻣﺞ ﻓﻲ‬

‫وﺿﻊ ﺗﺳﺟﯾﻞ اﻟﺻوت‪.‬‬ ‫ ﻗراءة اﻟﺑ ﺎﻧﺎت اﻟﺗﻲ ﺗم ﺗﺟﻣ ﻌﻬﺎ ﻋن اﻟﻣدرﺳﺔ ﻓﻲ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺑﺈﺳﺗﺧدام اﻟﻣ روﻓون "‪ "Mic‬وﺣدة‬‫إدﺧﺎل‪.‬‬

‫اﻟﺷر‬

‫اﻟزﻣﻧﻲ ﻟﻠﺑرﻧﺎﻣﺞ ﺣﯾث ظﻬر ﻪ اﻟﺻوت‬

‫‪ -‬ﻟﻼ ﻧﺗﻬﺎء ﻣن ادﺧﺎل اﻟﺑ ﺎﻧﺎت اﻟﺻوﺗ ﺔ ﯾﺗم اﻟﺿﻐ ﻋﻠﻰ زر اﻹ ﻘﺎف "‪Stop‬‬

‫‪.‬‬

‫‪ -‬ﻟﻼﺳﺗﻣﺎع إﻟﻰ اﻟﺻوت اﻟذ ﺗم إدﺧﺎﻟﻪ ﺎﻟﺿﻐ ﻋﻠﻰ زر اﻟﺗﺷﻐﯾﻞ "‪"Play‬‬

‫‪.‬‬

‫ﻣرﺣﻠﺔ اﻟﺗﻧﻔﯾذ ﻹﻧﺷﺎء ﻣﻠﻒ اﻟﺻوت ﺗﺗﺿﻣن‪:‬‬ ‫ ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت‪.‬‬‫‪ -‬ﺗﺳﺟﯾﻞ اﻟﺻوت ﺎﻟﺿﻐ ﻋﻠﻰ زر ﺗﺳﺟﯾﻞ‬

‫‪.Record button‬‬

‫ إدﺧﺎل اﻟﺑ ﺎﻧﺎت اﻟﻧﺻ ﺔ ﻟﻠﻛﻣﺑﯾوﺗر ﺎﺳﺗﺧدام اﻟﻣ روﻓون‪.‬‬‫ ﻟﻼﻧﺗﻬﺎء ﻣن اﻟﺗﺳﺟﯾﻞ ﺎﻟﺿﻐ ﻋﻠﻰ زر اﻹ ﻘﺎف "‪"Stop‬‬‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ زر اﻟﺗﺷﻐﯾﻞ "‪"Play‬‬

‫‪.‬‬

‫ﻟﻼﺳﺗﻣﺎع إﻟﻰ اﻟﺻوت ﻣن ﺧﻼل اﻟﺳﻣﺎﻋﺎت‪.‬‬


‫ﺛﺎﻟﺜﺎً‪ :‬اﻟﺘﻌﺪﻳﻞ ﻓﻲ اﻟﺼﻮت )أو ﺑﻤﻘﻄﻊ اﻟﺼﻮت(‬ ‫ﻌد اﻻﺳﺗﻣﺎع إﻟﻰ اﻟﺻوت اﻟذ ﺗم ﺗﺳﺟﯾﻠﻪ ﻗد ون ﻫﻧﺎك اﻟﺣﺎﺟﺔ إﻟﻰ إﺿﺎﻓﺔ ﺗﺄﺛﯾرات ﻋﻠﻰ اﻟﺻوت )أو‬ ‫ﻣﻘطﻊ ﺻوﺗﻲ(‪ ،‬ﺣذف أو ﻗص ﺟزء ﻣن اﻟﺻوت )ﻣﻘطﻊ ﺻوﺗﻲ(‪ ،‬وﻟﺻﻘﻪ ﻓﻲ ﻣ ﺎن آﺧر ﻓﻲ ﻣﻘﺎطﻊ اﻟﺻوت‪.‬‬

‫‪-١‬إﺿﺎﻓﺔ ﺗﺄﺛﯾر ﻋﻠﻰ ﻣﻘطﻊ اﻟﺻوت‪:‬‬

‫ﻧﺸﺎط )‪(٣‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﺗﺄﺛﯾر ﻟﻠﺻوت أو ﻟﻣﻘطﻊ ﺎﻟﺻوت ﺎﻟﺗﺎﻟﻲ‪:‬‬ ‫‪ -‬ﺗﺷﻐﯾﻞ اﻟﺻوت ﺎﻟﺿﻐ ﻋﻠﻰ زر اﻟﺗﺷﻐﯾﻞ‬

‫‪ Play‬واﻻﺳﺗﻣﺎع إﻟ ﻪ‪.‬‬

‫ ﺗﺣدﯾد ﻣﻘطﻊ اﻟﺻوت اﻟﻣطﻠوب إﺿﺎﻓﺔ اﻟﺗﺄﺛﯾر ﻟﻪ وذﻟك ﺎﻟﺿﻐ واﻟﺳﺣب ﻋﻠﻰ اﻟﺟزء اﻟﻣطﻠوب ﺎﻟﺻوت‬‫ﺑﺈﺳﺗﺧدام ﻣؤﺷر اﻟﻘراءة ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫اﻟﺷر‬

‫اﻟزﻣﻧﻲ ﻟﻠﺑرﻧﺎﻣﺞ و ظﻬر ﻪ اﻟﺻوت‬

‫ ﻣن ﻗﺎﺋﻣﺔ ‪ Effect‬ﯾﺗم اﺧﺗ ﺎر أﺣد اﻟﺗﺄﺛﯾرات اﻟﻣطﻠو ﺔ‪.‬‬‫‪ -‬إﻋﺎدة ﺗﺷﻐﯾﻞ اﻟﺻوت ﻣن زر اﻟﺗﺷﻐﯾﻞ واﻻﺳﺗﻣﺎع إﻟﻰ اﻟﺻوت )ﻣﻘطﻊ اﻟﺻوت( ﻌد إﺿﺎﻓﺔ اﻟﺗﺄﺛﯾر‪.‬‬

‫‪٣٢‬‬


‫ﺗﺪرﻳﺐ‬

‫ﻹﺿﺎﻓﺔ ﺗﺄﺛﯾرات أﺧر ﻋﻠﻰ اﻟﺻوت )أو أﺣد ﻣﻘﺎطﻊ اﻟﺻوت(‪.‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻵﺗﻲ‪:‬‬ ‫ ﺗﺣدﯾد ﻣﻘطﻊ اﻟﺻوت ٕواﺿﺎﻓﺔ أﺣد اﻟﺗﺄﺛﯾرات ﻋﻠ ﻪ ﻣﺛﻞ ﺗﺄﺛﯾر اﻟﺗﻛرار "‪."Repeat‬‬‫ ﺗﺷﻐﯾﻞ اﻟﺻوت واﻻﺳﺗﻣﺎع إﻟ ﻪ‪ ،‬اﺳﺗﻧﺗﺎج اﻟﻐرض ﻣن ﻫذا اﻟﺗﺄﺛﯾر‪.‬‬‫ﻧﻼﺣ ‪ :‬ﻋﻧد اﺧﺗ ﺎر ﺗﺄﺛﯾر اﻟﺗﻛرار"‪ "Repeat‬ﯾﺗم ﺗﻛرار اﻟﻣﻘطﻊ اﻟﻣﺣدد‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻹﺿﺎﻓﺔ ﺗﺄﺛﯾرات أﺧر ﻋﻠﻰ اﻟﺻوت )أو أﺣد ﻣﻘﺎطﻊ اﻟﺻوت(‪.‬‬

‫ ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻵﺗﻲ‪:‬‬‫ ﺗﺣدﯾد ﻣﻘطﻊ اﻟﺻوت ٕواﺿﺎﻓﺔ أﺣد اﻟﺗﺄﺛﯾرات ﻋﻠ ﻪ ﻣﺛﻞ ﺗﺄﺛﯾر اﻻﻧﻌ ﺎس "‪."Reverse‬‬‫ ﺗﺷﻐﯾﻞ اﻟﺻوت واﻻﺳﺗﻣﺎع إﻟ ﻪ وﻣﺣﺎوﻟﺔ اﻻﺳﺗﻧﺗﺎج اﻟﻐرض ﻣن ﻫذا اﻟﺗﺄﺛﯾر‪.‬‬‫ﻧﻼﺣ ‪ :‬ﻋﻧد اﺧﺗ ﺎر ﺗﺄﺛﯾر ﻋ س "‪ "Reverse‬ﯾﺗم ﻋ س ﺑدا ﺔ اﻟﻣﻘطﻊ ﻣﻊ ﻧﻬﺎﯾﺗﻪ‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﺧﺗ ﺎر ﺎﻗﻲ اﻟﺗﺄﺛﯾرات‬ ‫واﺿﺎﻓﺗﻬﺎ إﻟﻰ أﺣد ﻣﻘﺎطﻊ اﻟﺻوت‪.‬‬ ‫‪ -‬ﺗﺷﻐﯾﻞ اﻟﺻوت واﻻﺳﺗﻣﺎع إﻟ ﻪ وﻣﺣﺎوﻟﺔ اﺳﺗﻧﺗﺎج اﻟﻐرض ﻣن ﻞ ﺗﺄﺛﯾر‪.‬‬

‫إﺿﺎﻓﺔ ﺗﺄﺛﯾر ﻋﻠﻰ ﻣﻘطﻊ اﻟﺻوت‪:‬‬ ‫ ﺗﺣدﯾد ﻣﻘطﻊ اﻟﺻوت اﻟﻣطﻠوب إﺿﺎﻓﺔ اﻟﺗﺄﺛﯾر ﻟﻪ وذﻟك ﺎﻟﺿﻐ‬‫اﻟﻣطﻠوب ﺎﻟﺻوت ﺎﺳﺗﺧدام ﻣؤﺷر اﻟﻘراءة ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫‪ -‬ﻣن ﻗﺎﺋﻣﺔ ‪ Effect‬ﯾﺗم اﺧﺗ ﺎر أﺣد اﻟﺗﺄﺛﯾرات اﻟﻣطﻠو ﺔ‪.‬‬

‫واﻟﺳﺣب ﻋﻠﻰ اﻟﺟزء‬


‫‪-٢‬ﻗص وﻟﺻ ﻣﻘطﻊ ﺻوﺗﻲ‪:‬‬ ‫ﻧﺸﺎط )‪(٤‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﻘص ﺟزء ﻣن اﻟﺻوت )ﻣﻘطﻊ ﺻوﺗﻲ( وﻟﺻﻘﻪ ﻓﻲ‬ ‫ﻣ ﺎن آﺧر ﺑﯾن ﻣﻘﺎطﻊ اﻟﺻوت ﺎﻟﺗﺎﻟﻲ‪:‬‬ ‫‪ -‬ﺗﺣدﯾد اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ اﻟﻣطﻠوب ﻧﻘﻠﻪ ‪ ،‬ﻣن ﻗﺎﺋﻣﺔ ‪ Edit‬اﺧﺗ ﺎر ‪.Cut‬‬

‫‪ -‬ﺗﺣر ك ﻣؤﺷر اﻟﻘراءة ﺎﻟﺷر‬

‫اﻟزﻣﻧﻲ إﻟﻰ اﻟﻣ ﺎن اﻟﻣطﻠوب ﻋﻣﻞ ﻟﺻ ﻟﻠﻣﻘطﻊ اﻟﺻوﺗﻲ ﻋﻧدﻩ‪ ،‬ﻣن ﻗﺎﺋﻣﺔ‬

‫‪ Edit‬ﯾﺗم اﺧﺗ ﺎر ‪.Paste‬‬ ‫‪ -‬إﻋﺎدة ﺗﺷﻐﯾﻞ اﻟﺻوت ﻣن زر اﻟﺗﺷﻐﯾﻞ واﻻﺳﺗﻣﺎع إﻟ ﻪ‪.‬‬

‫ﻗص وﻟﺻ ﻣﻘطﻊ ﺻوﺗﻲ‪:‬‬ ‫ ﺗﺣدﯾد اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ اﻟﻣطﻠوب ﻗﺻﻪ‪.‬‬‫ ﻣن ﻗﺎﺋﻣﺔ ‪ Edit‬اﺧﺗ ﺎر ‪.Cut‬‬‫‪ -‬ﺗﺣر ك ﻣؤﺷر اﻟﻘراءة ﺎﻟﺷر‬

‫اﻟزﻣﻧﻲ إﻟﻰ اﻟﻣ ﺎن اﻟﻣطﻠوب ﻋﻣﻞ ﻟﺻ ﻟﻠﻣﻘطﻊ اﻟﺻوﺗﻲ ‪.‬‬

‫‪ -‬ﻣن ﻗﺎﺋﻣﺔ ‪ Edit‬اﺧﺗ ﺎر ‪.Past‬‬

‫‪٣٤‬‬


‫‪-٣‬ﺣذف ﻣﻘطﻊ ﻣن اﻟﺻوت‪:‬‬ ‫ﻧﺸﺎط )‪(٥‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺣذف ﺟزء ﻣن اﻟﺻوت )ﻣﻘطﻊ ﺻوﺗﻲ( ﺎﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺗﺣدﯾد اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ اﻟﻣطﻠوب ﺣذﻓﻪ‪.‬‬‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ ﻣﻔﺗﺎح " ‪ "Delete‬ﻣن ﻟوﺣﺔ اﻟﻣﻔﺎﺗ ﺢ ﻓﯾﺗم ﺣذف اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ اﻟذ ﺗم ﺗﺣدﯾدﻩ‪.‬‬

‫ﻟﺣذف ﻣﻘطﻊ ﻣن اﻟﺻوت‪:‬‬ ‫ ﺗﺣدﯾد اﻟﻣﻘطﻊ اﻟﺻوﺗﻲ اﻟﻣطﻠوب ﺣذﻓﻪ‪.‬‬‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ ﻣﻔﺗﺎح " ‪ "Delete‬ﻣن ﻟوﺣﺔ اﻟﻣﻔﺎﺗ ﺢ‪.‬‬

‫راﺑﻌﺎً‪ :‬ﺗﺼﺪﻳﺮ ﻣﻠﻒ ﺻﻮت‬

‫ﻧﺸﺎط )‪(٦‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﺻدﯾر ﻣﻠﻒ ﺻوت ﺎﻣﺗداد ﻣﻧﺎﺳب ﺎﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺗﺻدﯾر ﻣﻠﻒ اﻟﺻوت ﻣن ﺧﻼل ﻗﺎﺋﻣﺔ ‪ File‬اﺧﺗ ﺎر ‪.Export Audio‬‬‫ ﺗﺣدﯾد اﻻﻣﺗداد اﻟﻣﻧﺎﺳب ﻟﻣﻠﻒ اﻟﺻوت‪.‬‬‫‪ -‬ﺣﻔ ﻣﻠﻒ اﻟﺻوت داﺧﻞ ﻣﺟﻠد "‪."Pro1‬‬


‫ﻟﺗﺻدﯾر ﻣﻠﻒ ﺻوت ﺎﻣﺗداد ﻣﻧﺎﺳب‪:‬‬ ‫ ﻣن ﻗﺎﺋﻣﺔ ‪ File‬اﺧﺗ ﺎر ‪.Export Audio‬‬‫‪ -‬ﺗﺣدﯾد اﻻﻣﺗداد اﻟﻣﻧﺎﺳب ﻟﻣﻠﻒ اﻟﺻوت‪.‬‬

‫أﻧﻮاع اﻣﺘﺪاد ﻣﻠﻔﺎت اﻟﺼﻮت‬ ‫ﻫﻧﺎك أﻧواع ﻣﺧﺗﻠﻔﺔ ﻻﻣﺗداد ﻣﻠﻔﺎت اﻟﺻوت ﻣﺛﻞ ‪ ... ، MP3 ،WAV‬وﻫﻲ ﺗﺧﺗﻠﻒ ﻓﻲ ﺟودة وﻧﻘﺎء اﻟﺻوت‬ ‫واﻟﻣﺳﺎﺣﺔ اﻟﺗﺧز ﻧ ﺔ وﻋﻠﻰ ﺣﺳب اﻟﺣﺎﺟﺔ ﯾﺗم اﺳﺗﺧدام اﻣﺗداد اﻟﻣﻠﻒ اﻟﻣﻧﺎﺳب‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫ اﻟﺗﻌرف ﻋﻠﻰ اﻷﻧواع اﻟﻣﺧﺗﻠﻔﺔ ﻻﻣﺗداد ﻣﻠﻔﺎت اﻟﺻوت أ ﺛﻧﺎء ﺗﺻدﯾرﻫﺎ ﻣﻠﻒ ﺻوت‪.‬‬‫‪ -‬ﺗﺻدﯾر ﻣﻠﻒ اﻟﺻوت ﺎﻣﺗداد ‪ WAV‬ﺛم ﺗﺻدﯾر اﻟﻣﻠﻒ ﻣرة أﺧر‬

‫ﺎﻣﺗداد ‪.MP3‬‬

‫ اﻟﻣﻘﺎرﻧﺔ ﺑﯾن ﻣﻠﻔﻲ اﻟﺻوت ذات اﻻﻣﺗداد ‪ ،WAV‬واﻻﻣﺗداد ‪ MP3‬ﻣن ﺣﯾث‪:‬‬‫‪ ‬ﺣﺟم اﻟﻣﻠﻒ ‪.................................................‬‬ ‫‪ ‬ﺟودة اﻟﺻوت ووﺿوﺣﻪ وﻧﻘﺎﺋﻪ ‪...............................‬‬ ‫ ﻣن ﺧﻼل اﻹﻧﺗرﻧت ﯾﺗم اﻟﻘ ﺎم ﺑـﺎﻟ ﺣث ﻋن أﻧواع ﻣﻠﻔﺎت اﻟﺻوت ذات اﻻﻣﺗدادات اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬‫ ﺗﺟﻣ ﻊ اﻟﺑ ﺎﻧﺎت واﻟﻣﻌﻠوﻣﺎت ﻋن أﻧواع ﻣﻠﻔﺎت اﻟﺻوت ذات اﻻﻣﺗدادات اﻟﻣﺧﺗﻠﻔﺔ ﻓﻲ أﺣد ﺑراﻣﺞ ﻣﻧﺳﻘﺎت‬‫اﻟﻧﺻوص‪.‬‬ ‫‪ -‬ﯾﻧﺎﻗش اﻟﻣﻌﻠم اﻟطﻼب ﻓﻲ ﻧﺗﺎﺋﺞ ﺣﺛﻬم‪.‬‬

‫‪٣٦‬‬


‫ﻣﻼﺣظﺎت‪:‬‬ ‫ ﻣﻠﻒ اﻟﺻوت ذو اﻻﻣﺗداد ‪ WAV‬ﯾﺗﻣﯾز ﻓ ﻪ اﻟﺻوت ﺎﻟﺟودة واﻟ وﺿوح‪ ،‬ﻟﻪ ﺳﻌﺔ ﺗﺧز ﻧ ﺔ ﺑﯾرة‪ ،‬ﻟذا ﻓﻬو‬‫ﻏﯾر ﻣﻼﺋم ﻟﻠﻧﺷر ﻋﺑر ﻣواﻗﻊ اﻟو ب‪.‬‬ ‫‪ -‬ﻣﻠﻒ اﻟﺻوت ذو اﻻﻣﺗداد ‪MP3‬‬

‫ون ﻓ ﻪ اﻟﺻوت أﻗﻞ ﻧﻘﺎء ﺎﻟﻣﻘﺎرﻧﺔ ﻣﻊ اﻟﻣﻠﻒ ذو اﻻﻣﺗداد ‪ ،WAV‬ﻟﻪ‬

‫ﺳﻌﺔ ﺗﺧز ﻧ ﺔ أﻗﻞ‪ ،‬ﻟذا ﻓﻬو ﻣﻼﺋم ﻟﻠﻧﺷر ﻋﺑر ﻣواﻗﻊ اﻟو ب‪.‬‬


‫ﺗﺬﻛـــﺮ أن‬ ‫ﻹ ﻧﺷﺎء ﻣﻠﻒ ﺻوت ﯾﺗم اﺗ ﺎع اﻟﺗﺎﻟﻲ‪:‬‬ ‫أوﻻً‪ :‬اﻹﻋداد واﻟﺗﺟﻬﯾز‪:‬‬ ‫‪ ‬ﺟﻣﻊ اﻟﺑ ﺎﻧﺎت اﻟﺗﻲ ﺳوف ﯾﺗم ﺗﺳﺟﻠﯾﻬﺎ ﺻوﺗ ﺎ‪.‬‬ ‫‪ ‬اﻟﺗﺄﻛد ﻣن ﺗﺛﺑﯾت أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت ﻋﻠﻰ أﺟﻬزة اﻟﻛﻣﺑﯾوﺗر ﺎﻟﻣﻌﻣﻞ‪.‬‬ ‫‪ ‬اﻟﺗﺄﻛد ﻣن ﺗوﺻﯾﻞ اﻟﻣ روﻓون”‪ ” Mic‬و اﻟﺳﻣﺎﻋﺎت "‪ "Speakers‬ﺑﺟﻬﺎز اﻟﻛﻣﺑﯾوﺗر‪.‬‬ ‫ﺛﺎﻧ ﺎً‪ :‬اﻟﺗﻧﻔﯾذ ﻹﻧﺷﺎء ﻣﻠﻒ اﻟﺻوت‪:‬‬ ‫‪ ‬ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﺻوت‪.‬‬ ‫‪ ‬اﻟﺑدء ﻓﻲ ﺗﺳﺟﯾﻞ اﻟﺻوت و ﺗم ﺎﻟﺿﻐ ﻋﻠﻲ زر اﻟﺗﺳﺟﯾﻞ "‪."Record‬‬ ‫‪ ‬اﺳﺗﺧدام اﻟﻣ روﻓون ﻹدﺧﺎل اﻟﺑ ﺎﻧﺎت اﻟﺻوﺗ ﺔ‪.‬‬ ‫‪ ‬ﻟﻼﻧﺗﻬﺎء ﻣن ادﺧﺎل اﻟﺑ ﺎﻧﺎت اﻟﺻوﺗ ﺔ ﯾﺗم اﻟﺿﻐ ﻋﻠﻰ زر اﻹ ﻘﺎف "‪." Stop‬‬ ‫‪ ‬ﻟﺗﺷﻐﯾﻞ اﻟﺻوت ﺎﻟﺿﻐ ﻋﻠﻰ زر ﺗﺷﻐﯾﻞ " ‪ ،"Play‬اﻻﺳﺗﻣﺎع إﻟﻰ اﻟﺻوت ﻣن ﺧﻼل اﻟﺳﻣﺎﻋﺎت‪.‬‬ ‫ﺛﺎﻟﺛﺎً‪ :‬اﻟﺗﻌدﯾﻞ ﻓﻲ اﻟﺻوت‪:‬‬ ‫‪ ‬إﺿﺎﻓﺔ ﺗﺄﺛﯾرات ﻋﻠﻰ ﻣﻘطﻊ ﺻوﺗﻲ‪.‬‬ ‫‪ ‬ﻗص وﻟﺻ ﻣﻘطﻊ ﺻوﺗﻲ‪.‬‬ ‫‪ ‬ﺣذف ﻣﻘطﻊ ﺻوﺗﻲ‪.‬‬ ‫را ﻌ ًﺎ‪ :‬ﺗﺻدﯾر اﻟﺻوت إﻟﻰ ﻣﻠﻒ‪:‬‬ ‫‪ ‬ﺗﺻدﯾر اﻟﺻوت إﻟﻰ ﻣﻠﻒ ﺻوت ﺎﻣﺗداد ﻣﻧﺎﺳب‪.‬‬

‫‪٣٨‬‬


‫اﻟﺳؤال اﻷول‪:‬أﻛﻣﻞ اﻟﺗﺎﻟﻲ‪:‬‬ ‫ﻹ ﻧﺷﺎء ﻣﻠﻒ ﺻوت ﯾﺗم اﺗ ﺎع اﻟﺗﺎﻟﻲ‪:‬‬ ‫أوﻻً‪..........................................:‬‬ ‫ﺛﺎﻧ ﺎً‪.........................................:‬‬ ‫ﺛﺎﻟﺛﺎً‪.........................................:‬‬ ‫را ﻌﺎً‪.........................................:‬‬ ‫اﻟﺳؤال اﻟﺛﺎﻧﻲ‪ :‬ﻗم ﺑﺗﻧﻔﯾذ اﻟﺧطوات اﻟﺗﺎﻟ ﺔ ﻹ ﻧﺷﺎء وﺗﺻدﯾر ﻣﻠﻒ ﺻوت‪:‬‬ ‫ اﺧﺗر أﺣد اﻟﻣوﺿوﻋﺎت اﻟدراﺳ ﺔ ﻷﺣد اﻟﻣواد اﻟدراﺳ ﺔ‪.‬‬‫ ﺟﻣﻊ ﺑ ﺎﻧﺎت ﺣول اﻟﻣوﺿوع اﻟدراﺳﻲ‪.‬‬‫ ﺣﻣﻞ أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﺗﻌدﯾﻞ ﻣﻠﻔﺎت اﻟﺻوت‪.‬‬‫ اﻧﺷﺊ ﻣﻠﻒ ﺻوﺗﻲ ﺣول اﻟﻣوﺿوع اﻟدراﺳﻲ‪.‬‬‫‪ -‬ﺻدر ﻣﻠﻒ اﻟﺻوت ﺎﻣﺗداد ﻣﻧﺎﺳب‪.‬‬

‫ﯾﺗم اﻹﺟﺎ ﺔ ﻋﻠﻰ اﻷﺳﺋﻠﺔ ﻣن ﺧﻼل‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ‪ MS Word‬ﻣن ﻣﻠﻒ "إﺟﺎ ﺔ اﻟدرس اﻟﺛﺎﻧﻲ" ﻣﺟﻠد ) ﻗﺎﻟب اﻹﺟﺎ ﺔ واﻟﻣﺷروﻋﺎت(‪.‬‬


‫ﺳﺆال ﺗﺤﻀﯿﺮي ﻟﻠﺪرس اﻟﻘﺎدم‪:‬‬ ‫ﻓﻲ اﻟ ﻤﺮﺣﻠﺔ اﻟﺜﺎﻟﺜﺔ ﻟﺘﺼﻤﯿﻢ وإﻧﺸﺎء ﻣﻮﻗﻊ اﻟﻮﻳﺐ‬ ‫ھﻨﺎك إﻋﺪاد وﺗﺠﮫﯿﺰ ﻟﻤﻠﻔﺎت اﻟﻔﯿﺪﻳﻮ‪.‬‬ ‫ﻓﻜﯿﻒ ﻳﻤﻜﻦ إﻧﺸﺎء ﻣﻠﻒ ﻓﯿﺪﻳﻮ؟‬

‫‪٤٠‬‬



‫اﻷھـﺪاف‬

‫‪ ‬ﯾﺗﻌرف ﻌض ﺑرﻣﺟ ﺎت ﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﻔﯾدﯾو‪.‬‬ ‫‪‬‬

‫ﺳﺗورد ﻣﻠﻔﺎت )ﺻور‪ /‬ﺻوت( ﻟﺑرﻧﺎﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﻔﯾدﯾو ‪.Openshot‬‬

‫‪ ‬ﯾﻧﺷﺊ ﻣﺷﺎﻫد ﻓﯾدﯾو داﺧﻞ ﺑرﻧﺎﻣﺞ ﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﻔﯾدﯾو‪.‬‬ ‫‪‬‬

‫ﻌدل ﻓﻲ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬

‫‪‬‬

‫ﺣﻔ ﻣﻠﻒ ﻣﺷروع اﻟﻔﯾدﯾو‪.‬‬

‫‪‬‬

‫ﺿﯾﻒ )ﺗﺄﺛﯾرات ‪ /‬ﻣراﺣﻞ اﻧﺗﻘﺎﻟ ﺔ‪ /‬ﻧص( ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬

‫‪‬‬

‫ﺻدر اﻟﻔﯾدﯾو إﻟﻰ ﻣﻠﻒ ﺎﻣﺗداد ﻣﻧﺎﺳب‪.‬‬


‫ﺑﺮاﻣﺞ إﻧﺸﺎء وﻣﻌﺎﻟﺠﺔ ﻣﻠﻔﺎت اﻟﻔﯿﺪﻳﻮ‬

‫ﺑـراﻣﺞ إﻧﺷـﺎء وﻣﻌﺎﻟﺟـﺔ اﻟﻔﯾـدﯾو ﻫـﻲ ﺗﻠـك اﻟﺑـراﻣﺞ اﻟﺗــﻲ ُﺗﻣ ـن اﻟﻣﺳـﺗﺧدم ﻣـن إﻧﺷـﺎء وﺗﻌـدﯾﻞ ﻣﻠﻔـﺎت اﻟﻔﯾــدﯾو‬ ‫ﻣــن ﺧــﻼل اﺣﺗواﺋﻬــﺎ ﻋﻠــﻰ اﻟﻌدﯾــد ﻣــن اﻷدوات واﻟوﺳــﺎﺋﻞ واﻟﺗــﺄﺛﯾرات اﻟﺗــﻲ ﺗﺳــﺎﻋد اﻟﻣﺳــﺗﺧدم ﻓــﻲ إﻧﺷــﺎء وﻣﻌﺎﻟﺟــﺔ‬ ‫ﻟﻘطﺎت اﻟﻔﯾدﯾو طر ﻘﺔ ﺳﻬﻠﺔ وﺳر ﻌﺔ‪.‬‬ ‫وﻹﻧﺷﺎء أﺣد ﻣﻠﻔﺎت اﻟﻔﯾدﯾو ﻟﻣﺟﻣوﻋﺔ ﻣن اﻟﺻور اﻟﺗـﻲ ﺗـم اﻟﺗﻘﺎطﻬـﺎ أو ﻣﻌﺎﻟﺟـﺔ ﻣﺷـﺎﻫد ﻓﯾـدﯾو ﺗـم ﺗﺳـﺟﯾﻠﻬﺎ‬ ‫ﻣن ﺧﻼل ﺎﻣﯾ ار اﻟﻔﯾدﯾو أو ﺎﻣﯾرا اﻟو ب ﯾﺟـب اﺳـﺗﺧدام ﺑرﻧـﺎﻣﺞ ﯾـﺗم ﻣـن ﺧﻼﻟـﻪ ﺗﺟزﺋـﺔ ﻫـذا اﻟﻔﯾـدﯾو إﻟـﻰ ﻣﺟﻣوﻋـﺔ‬ ‫ﻣن اﻟﻠﻘطـﺎت اﻟﺛﺎﺑﺗـﺔ واﻟﺗـﻲ ﺑﺗﺳﻠﺳـﻠﻬﺎ وﺗﻣر رﻫـﺎ ﺳـرﻋﺔ ﻣﺣـددة ﯾﻬﯾـﺊ اﻹﺣﺳـﺎس اﻟ ﺻـر ﺎﻟﺣر ـﺔ‪ ،‬وﻫـذﻩ اﻟﻠﻘطـﺎت‬ ‫ﺗﺻـــ ﺢ ﻣﺗﺎﺣـــﺔ ﻹﻧﺷـــﺎء وﺗﻌــدﯾﻞ ﻣﺣﺗواﻫـــﺎ و ـــذﻟك ﻣ ــن ﺗﻌـــدﯾﻞ اﻟﻔﯾـــدﯾو‪ ،‬وﻫﻧـــﺎك اﻟﻌدﯾـــد ﻣـــن اﻟﺑــراﻣﺞ اﻟﺗــﻲ ﻣ ـــن‬ ‫اﻻﺳﺗﻌﺎﻧﺔ ﺑﻬﺎ ﻓﻲ إﻧﺷﺎء وﺗﻌدﯾﻞ ﻣﻠﻔﺎت اﻟﻔﯾدﯾو ﻣﺛﻞ‪:‬‬ ‫ﺑرﻧﺎﻣﺞ "‪ ،"Kdenlive‬و رﻧﺎﻣﺞ "‪ "Openshot‬وﻫﻰ ﺑ راﻣﺞ ﻣﻔﺗوﺣﺔ اﻟﻣﺻدر "‪"Open Source‬‬ ‫ﺗﺳﺗﺧدم ﻹﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ ﻣﻠﻔﺎت اﻟﻔﯾدﯾو و ﻣ ﻧﻬﺎ أن ﺗﻌﻣﻞ ﻣن ﺧﻼل ﻧظﺎم اﻟﺗﺷﻐﯾﻞ ‪ Linux‬و ﻧظﺎم اﻟﺗﺷﻐﯾﻞ‬ ‫"‪ ،"Windows‬وﻫﻧﺎك ﺑرﻧﺎﻣﺞ "‪ "Movie Maker‬واﻟذ‬

‫ﻌﻣﻞ ﻣن ﺧﻼل ﻧظﺎم اﻟﺗﺷﻐﯾﻞ "‪ ،"Windows‬وﻣن‬

‫ﺧﻼل اﻻﻧﺗرﻧت ﻣ ن ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو‪.‬‬


‫ﺗﺤﻤﯿﻞ ﺑﺮﻧﺎﻣﺞ إﻧﺸﺎء وﻣﻌﺎﻟﺠﺔ اﻟﻔﯿﺪﻳﻮ واﻟﺘﻌﺮف ﻋﻠﻰ واﺟﮫﺘﻪ‬

‫ﻧﺸﺎط )‪(١‬‬

‫ﻋز ــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌـــﺎون ﻣـــﻊ زﻣﻼﺋـــك و ﻣﺳـــﺎﻋدة ﻣﻌﻠﻣــك ﻗـــم ﺑﺗﺣﻣﯾـــﻞ ﺑرﻧــﺎﻣﺞ "‪ "Openshot‬ﻹ ﻧﺷـــﺎء‬ ‫وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو‪ ،‬واﻟﺗﻌرف ﻋﻠﻰ واﺟﻬﺔ اﻟﺑرﻧﺎﻣﺞ‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬ ‫ ﺗﺣﻣﯾﻞ ﺑرﻧﺎﻣﺞ "‪ "Openshot‬ﻹ ﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو‪.‬‬‫‪ -‬و ﻣ ن اﻟﺣﺻول ﻋﻠ ﻪ ﻣن اﻟ ار‬

‫‪http://www.openshot.org‬‬

‫ﺑرﻧـﺎﻣﺞ ﻣﻌﺎﻟﺟـﺔ اﻟﻔﯾـدﯾو "‪ "Openshot Video Editor‬ﺳـﺗﺧدم ﻹ ﻧﺷـﺎء وﻣﻌﺎﻟﺟـﺔ اﻟﻔﯾـدﯾو ﺣﯾـث ﻣ ـن‬ ‫إﻧﺗﺎج ﻣﻠﻔﺎت ﻓﯾدﯾو ذات ﺟودة ﻋﺎﻟ ﺔ ﻣن اﻟﺻـور واﻟﺧﻠﻔ ـﺎت ٕواﺿـﺎﻓﺔ اﻟﻣﻘـﺎطﻊ اﻟﺻـوﺗ ﺔ ﻟﻬـﺎ‪ ،‬و ﺗﻣﯾـز ﻫـذا اﻟﺑرﻧـﺎﻣﺞ‬ ‫ﺑواﺟﻬـﺔ ﺗﺷـﻐﯾﻞ ﺳـﻬﻠﺔ اﻻﺳــﺗﺧدام‪ ،‬ﻣ ـن ﻣـن ﺧﻼﻟﻬـﺎ إﺿــﺎﻓﺔ اﻟﺻـور وﻣﻠﻔـﺎت ﺻـوت ﺳــﻬوﻟﺔ و ﺳـر‪ ،‬ﻣـﻊ اﺿــﺎﻓﺔ‬ ‫اﻟﺗﺄﺛﯾرات ﻟﻣﺷـﺎﻫد اﻟﻔﯾـدﯾو واﻟﻣراﺣـﻞ اﻻﻧﺗﻘﺎﻟ ـﺔ ﻔواﺻـﻞ ﺑـﯾن اﻟﺻـور‪ ،‬وأ ﺿـﺎً اﺿـﺎﻓﺔ اﻟﻧﺻـوص إﻟـﻰ ﺗﻠـك اﻟﻣﺷـﺎﻫد‪،‬‬ ‫وﺳوف ﺳﺗﺧدم اﻟﺑرﻧﺎﻣﺞ ﻓﻲ إﻧﺷﺎء ﻣﻠﻒ ﻓﯾدﯾو ﻋن اﻷﻧﺷطﺔ اﻟﻣﺧﺗﻠﻔﺔ ﻷﺣد اﻟﻣدارس‪.‬‬


‫‪١‬‬

‫‪4‬‬

‫‪2‬‬

‫‪3‬‬ ‫‪6‬‬ ‫‪5‬‬ ‫‪7‬‬ ‫‪8‬‬

‫واﺟﻬﺔ ﺑرﻧﺎﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو "‪"Openshot‬‬ ‫ﺗﺗﻛون واﺟﻬﺔ اﻟﺑرﻧﺎﻣﺞ ﻣن اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪-١‬اﻟﺷر‬

‫اﻟرﺋ س ‪.Main Toolbar‬‬

‫‪-٢‬ﻣﻠﻔﺎت اﻟﻣﺷروع ‪.Project Files‬‬ ‫‪-٣‬ﺗﺑو ب اﻟوظﺎﺋﻒ ‪) Function Tab‬ﻟﻠﺗﻧﻘﻞ ﺑﯾن ﻣﻠﻔﺎت اﻟﻣﺷروع – ﻣﻠﻔﺎت اﻟﺻور‪-‬ﻣﻠﻔﺎت اﻟﺻوت(‪.‬‬ ‫‪-٤‬ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو ‪.Preview Window‬‬ ‫‪-٥‬ﺷر‬

‫اﻟﺗﺣر ر ‪.Edit Toolbar‬‬


‫‪-٦‬اﻟﺗﺻﻐﯾر واﻟﺗﻛﺑﯾر ‪.Zoom Slider‬‬ ‫‪-٧‬رأس اﻟﻘراءة ‪.Play head/Ruler‬‬ ‫‪-٨‬اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪.Timeline‬‬

‫ﺗﺪرﻳﺐ‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك‪:‬‬ ‫ اوﺟد أوﺟﻪ اﻟﺗﺷﺎ ﻪ واﻻﺧﺗﻼف ﺑﯾن واﺟﻬﺔ ﺑرﻧﺎﻣﺞ ‪ Openshot‬واﻟﺑراﻣﺞ اﻷﺧر اﻟﺗﻲ ﺳﺑ ﻟﻬم اﺳﺗﺧدﻣﻬﺎ‪.‬‬‫‪ -‬اﺳﺗﺧدم اﻟﻣﺳﺎﻋد ‪ Help‬ﻟﻠﺣﺻول ﻋﻠﻰ اﻟﻣز د ﻣن اﻟﻣﻌﻠوﻣﺎت ﺣول اﻟﺑرﻧﺎﻣﺞ‪.‬‬

‫اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﻟﻠﺑرﻧﺎﻣﺞ‪:‬‬

‫‪1‬‬

‫‪2‬‬

‫‪4‬‬

‫‪3‬‬

‫‪-١‬اﻟﻣﺳطرة ‪) Ruler‬ﺗظﻬر اﻟﻣد اﻟزﻣﻧﻲ اﻟﺣﺎﻟﻲ ﺎﻟﺷر‬

‫اﻟزﻣﻧﻲ(‪.‬‬

‫‪-٢‬رأس اﻟﻘ ـراءة ‪ ) Play Head‬ﻘ ـ أر اﻟﻛﻠﯾــب اﻟﺣــﺎﻟﻲ اﻟــذ‬ ‫ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو(‪.‬‬ ‫‪-٣‬اﻟﻛﻠﯾب اﻟﺣﺎﻟﻲ )ﻗد ون ﺻورة أو ﺻوت أو ﻟﻘطﺔ ﻓﯾدﯾو(‪.‬‬

‫ﻘــﻒ ﻋﻠ ــﻪ ﻓــﻲ اﻟﺷــر اﻟزﻣﻧــﻲ ﻟ ظﻬــر ﻓــﻲ ﻧﺎﻓــذة‬


‫‪ -٤‬اﻟﻣﺳﺎرات ‪) Tracks‬اﻟﻣﺳﺎرات ﺗﺷ ﻪ اﻟط ﻘﺎت ‪ ،Layers‬ﺣﯾـث ﯾـﺗم وﺿـﻊ ﺻـورة أو ﺻـوت أو ﻟﻘطـﺔ اﻟﻔﯾـدﯾو‬ ‫ﻋﻠﻰ اﻟﻣﺳﺎر و ﻣ ن اﺳﺗﺧدام ﻋدد ﻏﯾـر ﻣﺣـدود ﻣـن اﻟﻣﺳـﺎرات ﺎﻟﻣﺷـروع‪ ،‬و ﺟـب ﻣﻼﺣظـﺔ أن اﻟﻣﺳـﺎر اﻷﻋﻠـﻰ ﻟـﻪ‬ ‫اﻷوﻟو ﺔ ﻓﻲ اﻟﻘراءة ﻣؤﺷر اﻟﻘراءة ﻟ ظﻬر ﻣﺎ ﻪ ﻓﻲ اﻟﻔﯾدﯾو ﺛم ﯾﻠ ﻪ اﻟﻣﺳﺎر اﻟذ أﺳﻔﻠﻪ وﻫ ذا‪.(...‬‬

‫إﻧﺸﺎء ﻣﺸﺎھﺪ ﻓﯿﺪﻳﻮ )‪(Video Clips‬‬

‫ﻧﺸﺎط )‪(٢‬‬ ‫ﻋز ــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌــﺎون ﻣــﻊ زﻣﻼﺋــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣــك ﻗــم ﺑﺈﻧﺷــﺎء ﻣﺷــﺎﻫد ﻓﯾــدﯾو ﻋــن ﻣدرﺳــﺗﻛم ﻟﺗﺿــم‬ ‫ﺻور ﻋن اﻟﻣدرﺳﺔ واﻟﻣﻌﺎﻣﻞ واﻟﻣﻼﻋب اﻟﺗﻲ ﺑﻬﺎ‪ ،‬اﻷﻧﺷـطﺔ واﻟﻣﺳـﺎ ﻘﺎت اﻟﺗـﻲ اﺷـﺗر ت ﺑﻬـﺎ اﻟﻣدرﺳـﺔ‪ ،‬ﺻـور ﻷﻫـم‬ ‫اﻟﺷﻬﺎدات واﻟﺟواﺋز اﻟﺗﻲ ﻓﺎزت ﺑﻬﺎ اﻟﻣدرﺳﺔ‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬

‫وﻟﻛﻲ ﯾﺗم إﻧﺷﺎء ﻣﺷﺎﻫد ﻓﯾدﯾو ﻋن اﻟﻣدرﺳﺔ ﺳﻬوﻟﺔ و ﺳر ﯾﺗم إﺗ ﺎع اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪ -١‬اﺳﺗﯾراد ﻣﻠﻔﺎت اﻟﺻور داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪.‬‬ ‫‪ -٢‬ﺗرﺗﯾب اﻟﺻور ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﻟﻠﺑرﻧﺎﻣﺞ‪.‬‬

‫‪ -٣‬اﺳﺗﯾراد ﻣﻠﻒ اﻟﺻوت داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪.‬‬ ‫‪ -٤‬ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو‪.‬‬

‫‪-١‬اﺳﺗﯾراد ﻣﻠﻔﺎت اﻟﺻور داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪:‬‬ ‫ اﻟﺿـﻐ ﻋﻠـﻰ زر اﺳـﺗﯾراد ﻣﻠﻔـﺎت ‪ +‬ﻓـﻲ اﻟﺷـر اﻟـرﺋ س ‪ Main Toolbar‬واﺿـﺎﻓﺔ اﻟﺻـور اﻟﻣطﻠو ـﺔ ) ـذﻟك‬‫ﻣ ن اﺳﺗﯾراد اﻟﻣﻠﻔﺎت ﻣن ﻗﺎﺋﻣﺔ ‪ File‬ﺛم اﺧﺗ ﺎر ‪.(Import Files‬‬ ‫‪ -‬اﺳﺗﯾراد ﻣﻠﻔﺎت اﻟﺻور ﻣن داﺧﻞ ﻣﺟﻠد "ﻣدرﺳﺗﻲ"‪ ،‬ﻟﺗظﻬر ﻓﻲ ﺗﺑو ب ‪ Project Files‬ﺎﻟﺑرﻧﺎﻣﺞ‪.‬‬


‫زر‬ ‫اﺳﺘﯿﺮاد‬ ‫اﻟﻤﻠﻔﺎت‬

‫‪-٢‬ﺗرﺗﯾب اﻟﺻور ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪:Timeline‬‬

‫ﻟﺗﻛـو ن ﻣﺷـﺎﻫد ﻓﯾـدﯾو "‪ "Video Clips‬ﯾـﺗم وﺿـﻊ وﺗرﺗﯾـب اﻟﺻـور ﻋﻠـﻰ اﻟﺷـر اﻟزﻣﻧـﻲ ‪ Timeline‬ﻟﻠﻔﯾـدﯾو ﻣـﺎ‬ ‫ﯾﻠﻲ‪:‬‬

‫"اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪"Timeline‬‬

‫ ﺎﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻟﻠﺻور اﻟﺗﻲ ﻓﻲ ﻧﺎﻓذة ﻣﻠﻔﺎت اﻟﻣﺷروع ”‪.“Project Files‬‬‫‪ -‬ﯾﺗم وﺿﻊ ﻞ ﺻورة ﻓﻲ اﻟﻣﺳﺎر ‪ Track‬اﻟﺧﺎص ﺑﻬﺎ ﻣﻊ ﺗرﺗﯾﺑﻬﺎ ﻋﻠﻰ ﺣﺳب اﻟرﻏ ﺔ ﻓﻲ أوﻟو ﺔ اﻟظﻬور‪.‬‬


‫ ﻋﻧد وﺿﻊ اﻟﺻورة ﻓﻲ اﻟﻣﺳﺎر ‪ Track‬ﯾﺗﻛون ﻣﺷـﻬد ﻓﯾـدﯾو )‪ (Video Clip‬وﺗظﻬـر ﻓـﻲ ﻧﺎﻓـذة ﻣﻌﺎﯾﻧـﺔ اﻟﻔﯾـدﯾو‬‫"‪."Video Preview‬‬ ‫‪ -‬ﺗرﺗﯾب ﺎﻗﻲ اﻟﺻور ﻓﻲ اﻟﻣﺳﺎرات " ‪ "Tracks‬ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫‪-٣‬اﺳﺗﯾراد ﻣﻠﻒ اﻟﺻوت داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪:‬‬ ‫ وﻟﺟﻌﻞ ﻣﺷﻬد اﻟﻔﯾدﯾو أﻛﺛر ﺟﺎذﺑ ﺔ وﺗﺄﺛﯾر ﯾﺗم إﺿﺎﻓﺔ اﻟﻣوﺳ ﻘﻲ أو اﻟﺗﻌﻠﯾ‬‫‪ -‬وﻹﺿـــﺎﻓﺔ ﻣﻠـــﻒ اﻟﺻـــوت ﯾـــﺗم اﻟﺿـــﻐ‬

‫ﻋﻠـــﻰ إﺿـــﺎﻓﺔ ﻣﻠـــﻒ ‪+‬‬

‫اﻟﺻوﺗﻲ إﻟ ﻪ‪.‬‬

‫‪ Add File‬ﺎﻟﺷـــر اﻟـــرﺋ س‬

‫‪ٕ Toolbar‬واﺿﺎﻓﺔ ﻣﻠﻒ اﻟﺻوت اﻟﻣطﻠوب ﻟ ظﻬر ﻓﻲ ﺗﺑو ب ”‪.“Project Files‬‬

‫ﻣﻠﻒ‬ ‫اﻟﺼﻮت‬

‫‪Main‬‬


‫ﺎﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ رﻣز ﻣﻠﻒ اﻟﺻوت ٕوادراﺟﻪ ﻓﻲ أﺣد اﻟﻣﺳﺎرات )‪.(Track‬‬

‫‪-٤‬ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو‪:‬‬ ‫ﻟﻌﻣـــﻞ ﻣﻌﺎﯾﻧـــﺔ ﻟﻠﻔﯾـــدﯾو ﯾـــﺗم اﻟﺿـــﻐ ﻋﻠ ــﻰ زر ﺗﺷـــﻐﯾﻞ "‪"Play‬‬ ‫وﻣﺷﺎﻫدة اﻟﻔﯾدﯾو‪.‬‬

‫زر‬ ‫اﻟﺘﺸﻐﯿﻞ‬

‫ﻓـــﻲ ﻧﺎﻓـــذة ﻣﻌﺎﯾﻧـــﺔ اﻟﻔﯾـــدﯾو‪،‬‬


‫ﯾﺗم إﻧﺷﺎء ﻣﺷﺎﻫد ﻓﯾدﯾو ﺑﺈﺗ ﺎع اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪ -١‬اﺳﺗﯾراد ﻣﻠﻔﺎت )اﻟﺻور‪ /‬اﻟﺻوت( داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪.‬‬ ‫‪ -٢‬ﺗرﺗﯾب ﻣﺷﺎﻫد )اﻟﺻور‪/‬اﻟﺻوت( ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﻟﻠﺑرﻧﺎﻣﺞ‪.‬‬

‫‪ -٣‬ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﺳﺗﯾراد ﻣﻠﻔﺎت )اﻟﺻور‪/‬‬

‫اﻟﺻوت( داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪.‬‬

‫دون ﻣﻼﺣظﺎﺗك )ﻓﻲ دﻓﺗرك أو ﻣن ﺧﻼل أﺣد ﻣﻧﺳﻘﺎت اﻟﻧﺻوص( ﻋن ﺧطوات اﺳﺗﯾراد اﻟ ﻣﻠﻔﺎت اﻟﻣﺧﺗﻠﻔﺔ‬ ‫ّ‬ ‫ﺎﻟﺑرﻧﺎﻣﺞ‪.‬‬

‫ﻣﻼﺣظﺎت‪:‬‬ ‫‪ -‬ﻣ ــن إﺿــﺎﻓﺔ ﻣﺳــﺎر ﺟدﯾــد ‪ Track‬ﺎﻟﺿــﻐ‬

‫ﻋﻠــﻰ زر إﺿــﺎﻓﺔ ﻣﺳــﺎر ‪+‬‬

‫‪.Edit Toolbar‬‬

‫‪-‬‬

‫‪ Add Track‬ﺷــر اﻟﺗﺣر ــر‬

‫زر إﺿﺎﻓﺔ‬ ‫ﻣﺴﺎر‬

‫ﻣ ــن إﻋــﺎدة ﺗرﺗﯾـــب وﺿــﻊ ﻣﺷـــﺎﻫد اﻟﻔﯾــدﯾو )اﻟﺻــور‪ /‬اﻟﺻــوت ﺎﻟﻣﺳـــﺎرات( ﻣــن ﺧـــﻼل اﻟﺿــﻐ واﻟﺳـــﺣب‬ ‫ﻋﻠﯾﻬﺎ وﺗرﺗﯾﺑﻬﺎ ﻋﻠﻰ اﻟﻣﺳﺎرات وذﻟك ﺣﺳب أوﻟو ﺔ اﻟظﻬور‪.‬‬

‫ ﺗﺣدﯾــد ﺑــدء اﻻﺳــﺗﻣﺎع ﻟﻣﻠــﻒ اﻟﺻــوت ﺎﻟﺿــﻐ ﻣــﻊ اﻟﺳــﺣب ﻟﻠﺻــوت ﻓــﻲ ﻣﺳــﺎرﻩ ﺎﻟﺷــر اﻟزﻣﻧــﻲ وﺗﺣدﯾــد‬‫ﻣوﺿﻌﻪ‪.‬‬


‫ﺣﻔﻆ ﻣﺸﺮوع اﻟﻔﯿﺪﻳﻮ ‪Save Project‬‬ ‫ﻋﻧد إﻧﺷﺎء ﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﯾﺗم اﺳﺗﺧدام ﻣﻠﻔﺎت ﺻور‪ ،‬ﻣﻠﻔﺎت ﺻوت‪ ،‬ﺗﺄﺛﯾرات ﻧﺻ ﺔ‪ ،‬و ﺟب ﺣﻔ‬

‫ﻞ‬

‫ﺗﻠك اﻟﻣﻠﻔﺎت داﺧﻞ ﻣﺟﻠد ﻣﺣدد‪ ،‬وﻓﻲ اﻟدروس اﻟﺳﺎ ﻘﺔ ﺗم ﺣﻔ ﺟﻣ ﻊ ﺗﻠك اﻟﻣﻠﻔﺎت داﺧﻞ ﻣﺟﻠد ﺎﺳم "‪"Pro1‬‬ ‫وذﻟك ﺣﺗﻰ ﻣ ن اﻟرﺟوع ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو واﻟﺗﻌدﯾﻞ ﺑﻬﺎ ﺎﻟﺣذف أو ﺎﻹﺿﺎﻓﺔ أو ﻻﺳﺗﻛﻣﺎل اﻟﻌﻣﻞ ﻓﻲ اﻟﻔﯾدﯾو ﻓﻲ‬ ‫وﻗت آﺧر ‪ ،‬واﻵن ﯾﻒ ﻣ ن ﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو؟‬ ‫ﻧﺸﺎط )‪(٣‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺣﻔ ﻣﺷروع "‪ "Project‬اﻟﻔﯾدﯾو‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬ ‫ﯾﺗم ﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو ﻣن ﺧﻼل اﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺣﻔ ﺟﻣ ﻊ اﻟﻣﻠﻔﺎت )ﺻور‪ ،‬ﺻوت‪ (...،‬واﻟﻣﺳﺗﺧدﻣﺔ ﻓﻲ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪ ،‬داﺧﻞ ﻣﺟﻠد ﻣﺣدد‪.‬‬‫‪ -‬ﻣن ﺷر‬

‫اﻟﻘواﺋم اﻟرﺋ س ‪ ،Main Toolbar‬ﯾﺗم اﺧﺗ ﺎر ‪ File‬ﺛم اﺧﺗ ﺎر ‪.Save Project As‬‬

‫ ﺗﺳﻣ ﺔ اﻟﻣﺷروع ﺄ ﺳم "‪ ) "sch‬ﯾﺟب أن ون اﻷﺳﻣﺎء اﻟﻣﺳﺗﺧدﻣﺔ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ(‪.‬‬‫ ﺗﺣدﯾد ﻣ ﺎن اﻟﺣﻔ داﺧﻞ ﻣﺟﻠد "‪."Pro1‬‬‫ إﻏﻼق ﺑرﻧﺎﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو‪.‬‬‫ وﻻﺳﺗﻛﻣﺎل اﻟﻌﻣﻞ ﻓﻲ ﻣﺷروع اﻟﻔﯾدﯾو ﻣرة أﺧر ‪ ،‬ﯾﺗم ﺗﺣﻣﯾﻞ ﺑرﻧﺎﻣﺞ إﻧﺷﺎء وﻣﻌﺎﻟﺟﺔ اﻟﻔﯾدﯾو‪ ،‬ﺛم ﻓﺗﺢ‬‫اﻟﻣﺷروع "‪ "sch‬ﻣن داﺧﻞ اﻟﻣﺟﻠد "‪."Pro1‬‬ ‫‪ -‬اﻟﺗﻌدﯾﻞ ﻓﻲ ﻣﺷﺎﻫد ﻣﺷروع اﻟﻔﯾدﯾو‪.‬‬


‫ﻣﻼﺣظﺎت ﻫﺎﻣﺔ ﻟﺣﻔ اﻟﻣﺷروع‬ ‫أﺛﻧﺎء اﻟﻌﻣﻞ ﻋﻠﻰ ﺑرﻧﺎﻣﺞ ‪ Openshot‬ﻣن ﺧﻼل ﻧظﺎم اﻟﺗﺷﻐﯾﻞ ‪ Windows‬وﺣﻔ اﻟﻣﺷروع اﻟﺳﺎﺑ ﻗد‬ ‫ﻧﻼﺣ أن رﻣز اﻟﻣﻠﻒ اﻟﻣﺣﻔو "‪ "sch‬ﻗد ون ﻏﯾر ُﻣﻌرف و ظﻬر رﻣزﻩ ﺎﻟﺷ ﻞ اﻟﺗﺎﻟﻲ‬ ‫وﻟر اﻟﻣﻠﻒ ﺑﺑرﻧﺎﻣﺞ "‪ "Openshot‬ﯾﺗم ﻋﻣﻞ اﻗﺗران "‪ "Association‬وذﻟك ﺑﺈﺗ ﺎع‬ ‫اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪ -‬اﻟﺿﻐ‬

‫ﺎﻟزر اﻷ ﻣن ﻋﻠﻰ رﻣز اﻟﻣﻠﻒ "‪ "sch‬ﺗظﻬر ﻗﺎﺋﻣﺔ ﻓرﻋ ﺔ‪.‬‬

‫ ﻣن ﻫذﻩ اﻟﻘﺎﺋﻣﺔ ﯾﺗم اﺧﺗ ﺎر ‪ Properties‬ﺛم ‪ Change‬ﺛم ‪.More Options‬‬‫ اﺧﺗ ﺎر ‪.Look for another app on this PC‬‬‫ اﻟ ﺣث ﻋﺑر ﺟﻬﺎز اﻟﻛﻣﺑﯾوﺗر ﻋﻠﻰ اﻟﻣﺟﻠد اﻟذ ﺗم ﺗﺛﺑﯾت ﺑرﻧﺎﻣﺞ ‪ Openshot‬ﻪ‪.‬‬‫‪-‬اﺧﺗ ﺎر اﻗﺗران اﻟﻣﻠﻒ " ‪ "Association‬ﺑـﺎﻟﻣﻠﻒ اﻟﺗﻧﻔﯾذ ﻟﻠﺑرﻧﺎﻣﺞ‪.‬‬

‫ﻻﺣ أن رﻣز اﻟﻣﻠﻒ "‪ "sch‬ﺻ ﺢ ﺎﻟﺷ ﻞ اﻟﺗﺎﻟﻲ‪:‬‬

‫اﻟﻤﻠﻒ‬ ‫اﻟﺘﻨﻔﯿﺬي‬ ‫ﻟﻠﺒﺮﻧﺎﻣﺞ‬


‫ﻟﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو ﯾﺗم اﺗ ﺎع اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫ ﺣﻔ ﺟﻣ ﻊ اﻟﻣﻠﻔﺎت )ﺻور‪ ،‬ﺻوت‪ (...،‬واﻟﻣﺳﺗﺧدﻣﺔ ﻓﻲ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو داﺧﻞ ﻣﺟﻠد ﻣﺣدد‪.‬‬‫‪ -‬ﻣن ﺷر‬

‫اﻟﻘواﺋم اﻟرﺋ س ‪ Main Toolbar‬اﺧﺗ ﺎر ‪.Save Project As - File‬‬

‫‪ -‬ﯾﺟب إﻋطﺎء اﺳم ﻟﻠﻣﺷروع ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ‪.‬‬

‫ﺗﻌﺪﻳﻞ ﻣﺸﺎھﺪ اﻟﻔﯿﺪﻳﻮ‬

‫ﻌد ﻣﻌﺎﯾﻧﺔ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﻗد ﺗﺣﺗﺎج ﺗﻠك اﻟﻣﺷﺎﻫد إﻟﻰ اﻟﺗﻌدﯾﻞ ﻣﺛﻞ إﻋﺎدة ﺗرﺗﯾب اﻟﻣﺷﺎﻫد‪ ،‬ﺣذف أﺣد‬ ‫اﻟﻣﺷﺎﻫد‪ ،‬ز ﺎدة اﻟﻔﺗرة اﻟزﻣﻧ ﺔ أو ﺗﻘﻠﯾﻞ اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻹﺣداﻫﺎ أو أن اﻟﻔﺗرة اﻟزﻣﻧ ﺔ اﻟﺗﻲ ﻌرض ﺑﻬﺎ اﻟﺻوت‬ ‫أﻛﺑر ﻣن اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻣﺷﺎﻫد اﻟﺻور‪.‬‬

‫‪-١‬اﻟﺗﺣ م ﻓﻲ اﻟﻔﺗرة اﻟزﻣﻧ ﺔ اﻟﻣﺧﺻﺻﺔ ﻟﻌرض ﻣﺷﻬد ﻓﯾدﯾو )‪:(Video Clip‬‬ ‫ﻌد ﻋﻣﻞ ﻣﻌﺎﯾﻧﺔ ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو )اﻟﺻور ﻣﻊ اﻟﺻوت( ﻓﻘد ون اﻟﺻوت ﺎﻟﻔﯾدﯾو ﻓﺗرﺗﻪ اﻟزﻣﻧ ﺔ ﻟﻠﻌرض‬ ‫أﻛﺑر ﻣن اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻛﻠﯾب اﻟﺻور و ظﻬر ذﻟك ﻓﻲ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﺣﯾث ﯾﻧﺗﻬﻲ ﻋرض اﻟﺻور‬

‫و ﺳﺗﻣر اﻟﺻوت ﻣﺳﻣوع وذﻟك ﻓﻲ ﻣﻌﺎﯾﻧﺔ اﻟﻔﯾدﯾو ﻣﺎ ﻣ ن ﻣﻼﺣظﺔ ذﻟك ﻓﻲ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو )‪(Clips‬‬ ‫ﺎﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬


‫اﻟﻔﺗرة اﻟزﻣﻧﯾﺔ ﻟﻌرض‬ ‫ﻛﻠﯾﺑﺎت اﻟﺻور ﻓﻲ‬ ‫اﻟﺷرﯾط اﻟزﻣﻧﻲ‬

‫ و ﻣ ن ا ﻟﺗﺣ م ﻓﻲ ﻣﺷﻬد اﻟﺻوت ﺣﯾث ﯾﻧﺗﻬﻲ ﻣﻊ ﻧﻬﺎ ﺔ ﻋرض آﺧر ﻣﺷﻬد ﻵﺧر ﺻورة ﻋﻠﻰ اﻟﺷر‬‫اﻟزﻣﻧﻰ‪.‬‬ ‫ﻣﺆﺷﺮ‬ ‫اﻟﻘﺮاءة‬

‫" اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪" Timeline‬‬


‫اﻟﺘﺤﻜﻢ ﻓﻲ اﻟﻔﺘﺮة اﻟﺰﻣﻨﯿﺔ اﻟﻤﺨﺼﺼﺔ ﻟﻠﺼﻮت ﻣﻊ ﻣﺸﺎھﺪ اﻟﺼﻮر‬

‫ﻧﺸﺎط )‪(٤‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﺣ م ﻓﻲ ﻣﺷﻬد اﻟﺻوت ﻣن ﺧﻼل ﺗﺣدﯾد‬ ‫اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻪ ﻋﻠﻰ اﻟﺷر‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫ﺎﻵﺗﻲ‪:‬‬

‫ ﺗﺣر ك ﻣؤﺷر اﻟﻘراءة وذﻟك ﺎﻟﺿﻐ واﻟﺳﺣب ﻋﻠﻰ رأﺳﻪ )أو ﺎﺳﺗﺧدام اﻷﺳﻬم ﺑﻠوﺣﺔ اﻟﻣﻔﺎﺗ ﺢ( ﺣﺗﻰ ﺻﻞ‬‫ﻵﺧر ﻣ ﺎن ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ﯾﻧﺗﻬﻲ ﻋﻧدﻩ ظﻬور آﺧر ﺻورة ﻓﻲ ﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬ ‫ﻣﺆﺷﺮ‬ ‫اﻟﻘﺮاءة‬

‫‪ -‬اﻟوﻗوف ﻣؤﺷر اﻟﻔﺄرة ﻋﻠﻰ ﻣﺳﺎر اﻟﺻوت )‪ (Track‬واﻟﺿﻐ‬

‫ﺎﻟزر اﻷ ﻣن ﻟﻠﻔﺄرة‪.‬‬

‫– وﻣن اﻟﻘﺎﺋﻣﺔ اﻟﻣﺧﺗﺻرة اﻟﺗﻲ ﺗظﻬر ﯾﺗم اﺧﺗ ﺎر ﺷر ﺣﺔ اﻟﻛﻠﯾب ‪- Slice Clip‬ﺛم ‪.Keep left slide‬‬ ‫‪ -‬ﻘوم اﻟطﻼب ﺑﺗدو ن ﻣﻼﺣظﺎﺗﻬم ﻟﻧﺗﺎﺋﺞ ﻫذا اﻻﺧﺗ ﺎر‪.‬‬


‫‪ -‬ﻋﻧد ﺗﺣر ك ﻣؤﺷر اﻟﻘراءة ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ﺛم اﺧﺗ ﺎر أﺣد اﻟﻣﺳﺎرات ﺎﻟوﻗوف واﻟﺗﺄﺷﯾر ﻋﻠ ﻪ ﺎﻟﻔﺄرة‬

‫واﺧﺗ ﺎر أﻣر "‪) "Slice Clip‬ﺷر ﺣﺔ اﻟﻔﯾدﯾو( ﻓﺈﻧﻪ ﯾﺗم ﻋﻣﻞ اﻧﻘﺳﺎم ﻓﻲ ﻣﺷﻬد اﻟﻔﯾدﯾو ﺎﻟﻣﺳﺎر اﻟﻣﺣدد وذﻟك‬ ‫ﻓﻲ ﻣوﺿﻊ ﻣؤﺷر اﻟﻘراءة ﻟ ﺻ ﺢ ﺷر ﺣﺗﯾن )ﺷر ﺣﺔ ﺟﻬﺔ اﻟ ﻣﯾن و ﺷر ﺣﺔ ﺟﻬﺔ اﻟ ﺳﺎر(‪.‬‬ ‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب ‪ :‬ﻋﻧد اﺧﺗ ﺎر أﻣر ﺷر ﺣﺔ اﻟﻛﻠﯾب ‪ Slice Clip‬ﺗظﻬر اﻻﺧﺗ ﺎرات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫ ‪Keep Both slides‬‬‫ ‪Keep left slide‬‬‫ ‪Keep Right slide‬‬‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك اﺳﺗﻧﺗﺞ اﻟﻔرق ﺑﯾن ﻫذﻩ اﻹﺧﺗ ﺎرات‪.‬‬

‫ﻣﻼﺣظﺎت‪:‬‬ ‫ ﻋﻧد اﺧﺗ ﺎر ‪ Keep Both slides‬ﯾﺗم ﻋﻣﻞ اﻧﻘﺳﺎم ﻓﻲ اﻟﻛﻠﯾب اﻟذ‬‫اﻻﺣﺗﻔﺎ ﺑﻬﻣﺎ‪.‬‬ ‫اﻻﺣﺘﻔﺎظ‬ ‫اﻻﺣﺘﻔﺎظ‬ ‫ﺑﺎﻟﺸﺮﻳﺤﺘﯿﻦ‬ ‫ﺑﺎﻟﺸﺮﻳﺤﺘﯿﻦ‬

‫ﻋﻠﻰ اﻟﻣﺳﺎر إﻟﻰ ﺷر ﺣﺗﯾن ﻣﻊ‬


‫‪ -‬ﻋﻧد اﺧﺗ ﺎر ‪ Keep left slide‬ﯾﺗم ﻋﻣﻞ اﻧﻘﺳﺎم ﻓﻲ اﻟﻛﻠﯾب اﻟذ‬

‫ﺎﻟﻣﺳﺎر إﻟﻰ ﺷر ﺣﺗﯾن ﻣﻊ إ ﻘﺎء‬

‫اﻟﺷر ﺣﺔ ﺎﻟ ﺳﺎر ﻓﻘ وﻣﺳﺢ اﻟﺷر ﺣﺔ ﺎﻟ ﻣﯾن‪.‬‬ ‫اﻻﺣﺘﻔﺎظ‬ ‫ﺑﺎﻟﺸﺮﻳﺤﺔ‬ ‫اﻟﯿﺴﺮى‬

‫ ﻋﻧد اﺧﺗ ﺎر‪ Keep Right slide‬ﯾﺗم ﻋﻣﻞ اﻧﻘﺳﺎم ﻓﻲ اﻟﻛﻠﯾب اﻟذ ﻋﻠﻰ اﻟﻣﺳﺎر إﻟﻰ ﺷر ﺣﺗﯾن ﻣﻊ إ ﻘﺎء‬‫اﻟﺷر ﺣﺔ اﻟﺗﻲ ﺎﻟ ﻣﯾن ﻓﻘ وﻣﺳﺢ اﻟﺷر ﺣﺔ ﺎﻟ ﺳﺎر‪.‬‬ ‫اﻻﺣﺘﻔﺎظ‬ ‫ﺑﺎﻟﺸﺮﻳﺤﺔ‬ ‫اﻟﯿﻤﻨﻰ‬

‫ﻟﻠﺗﺣ م ﻓﻲ اﻟﻔﺗرة اﻟزﻣﻧ ﺔ اﻟﻣﺧﺻﺻﺔ ﻟﻌرض ﻣﺷﻬد ﻓﯾدﯾو )‪:(Video Clip‬‬ ‫‪ -‬ﻣن ﺧﻼل ﺗﺣدﯾد اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻠﻣﺷﻬد ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫ ﺎﻟﺿــﻐ واﻟﺳــﺣب ﻋﻠــﻰ رأس ﻣؤﺷــر اﻟﻘ ـراءة وﺗﺣر ــﻪ ﺣﺗــﻰ ﺻــﻞ ﻟﻠﻣ ــﺎن اﻟﻣطﻠــوب ﻋﻠــﻰ‬‫اﻟﺷر‬

‫اﻟزﻣﻧﻲ‪.‬‬

‫ اﻟﺿﻐ ﻋﻠﻰ ﻣﺳﺎر اﻟﻣﺷﻬد ‪ Track‬ﺎﻟزر اﻷ ﻣن ﻟﻠﻔﺄرة‪ ،‬ﺗظﻬر ﻗﺎﺋﻣﺔ ﻣﺧﺗﺻرة‪.‬‬‫– اﺧﺗ ﺎر أﻣر ﺷر ﺣﺔ اﻟﻛﻠﯾب ‪ - Slice Clip‬ﻟﯾﻧﻘﺳم اﻟﻣﺷﻬد ﻟﺷر ﺣﺗﯾن وﻋﻧد اﺧﺗ ﺎر‪:‬‬ ‫ ‪ Keep Both slides‬ﯾﺗم اﻹ ﻘﺎء ﻋﻠﻰ اﻟﺷر ﺣﺗﯾن )اﻟ ﺳر واﻟ ﻣﻧﻰ(‪.‬‬‫ ‪ Keep left slide‬ﯾﺗم اﻹ ﻘﺎء ﻓﻘ ﻋﻠﻰ اﻟﺷر ﺣﺔ اﻟ ﺳر ‪.‬‬‫‪ Keep Right slide -‬ﯾﺗم اﻹ ﻘﺎء ﻓﻘ ﻋﻠﻰ اﻟﺷر ﺣﺔ اﻟ ﻣﻧﻰ‪.‬‬


‫إﺿﺎﻓﺔ ﺗﺄﺛﯿﺮات "‪ "Effects‬ﻟﻤﺸﮫﺪ اﻟﻔﯿﺪﻳﻮ‬ ‫ﯾﺗم إﺿﺎﻓﺔ ﺗﺄﺛﯾرات "‪ "Effects‬ﻋﻠﻰ ﻣﺷﻬد )أو ﻣﺷﺎﻫد( اﻟﻔﯾدﯾو واﻟﺗﺣ م ﻓﻲ اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻬذا اﻟﺗﺄﺛﯾر‬ ‫وذﻟك ﻋﻠﻰ ﺣﺳب اﻟرﻏ ﺔ ﻓﻲ إظﻬﺎر ﻫذا اﻟﻣﺷﻬد )أو اﻟﻣﺷﺎﻫد(‪.‬‬

‫ﻧﺸﺎط )‪(٥‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﺗﺄﺛﯾر ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ ﺗﺑو ب " ‪ " Effects‬ﻟﻼﻧﺗﻘﺎل إﻟﻰ اﻟﺗﺄﺛﯾرات‪.‬‬

‫ﺗﺒﻮﻳﺐ‬ ‫اﻟﺘﺄﺛﯿﺮات‬

‫‪ -‬ﺗظﻬر ﻣﺟﻣوﻋﺔ ﻣن اﻟﺗﺄﺛﯾرات ﺗﺣت اﺳم‬

‫"‪."Effects‬‬


‫اﻟﺘﺄﺛﯿﺮات‬ ‫اﻟﻤﺨﺘﻠﻔﺔ‬

‫ ﻹﺿﺎﻓﺔ ﺗﺄﺛﯾر "‪ ”Effect‬ﻟﻣﺷﻬد اﻟﻔﯾدﯾو ﯾﺗم اﺧﺗ ﺎر أﺣد اﻟﺗﺄﺛﯾرات‪.‬‬‫‪ -‬اﻟﺿﻐ واﻟﺳﺣب ﻋﻠﻰ اﻟﺗﺄﺛﯾر ٕواﺿﺎﻓﺗﻪ ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫ ﻋﻣﻞ ﻣﻌﺎﯾﻧﺔ ﻟﻣﺷﺎﻫدة اﻟﻔﯾدﯾو‪.‬‬‫‪ -‬ﯾدون اﻟطﻼب ﻣﻼﺣظﺎﺗﻬم ﻌد وﺿﻊ اﻟﺗﺄﺛﯾر ﻋﻠﻰ ﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬


‫ﻣﻼﺣظﺎت‪:‬‬ ‫‪ -‬ظﻬر رﻣز اﻟﺗﺄﺛﯾر ﻋﻠﻰ ﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫رﻣﺰ‬ ‫اﻟﺘﺄﺛﯿﺮ‬

‫ وﻟﻘراءة اﺳم اﻟﺗﺄﺛﯾر ﯾﺗم اﻟﺗﺄﺷﯾر ﺎﻟﻔﺄرة ﻋﻠﻰ رﻣز اﻟﺗﺄﺛﯾر‪ ،‬ﻓ ظﻬر اﺳم اﻟﺗﺄﺛﯾر‪.‬‬‫اﺳﻢ‬ ‫اﻟﺘﺄﺛﯿﺮ‬

‫ وﻟﺣذف اﻟﺗﺄﺛﯾر اﻟﻣﺿﺎف ﻟﻠﻣﺷﻬد اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻋﻠﻰ زر اﻟﻔﺄرة اﻷ ﻣن ﻋﻠﻰ رﻣز اﻟﺗﺄﺛﯾر‪ ،‬ﻟﺗظﻬر اﻟﻘﺎﺋﻣﺔ‬‫اﻟﻣﺧﺗﺻرة ﻟﺣذف اﻟﺗﺄﺛﯾر "‪ "Remove Effect‬واﺧﺗ ﺎر ﺣذف اﻟﺗﺄﺛﯾر‪.‬‬ ‫أﻣﺮ ﺣﺬف‬ ‫اﻟﺘﺄﺛﯿﺮ‬

‫إﺿﺎﻓﺔ ﺗﺄﺛﯾر ﻟﻣﺷﻬد‬

‫اﻟﻔﯾدﯾو ‪:‬‬

‫ اﻟﺿﻐ ﻋﻠﻰ ﺗﺑو ب "‪." Effects‬‬‫‪ -‬اﺧﺗ ﺎر أﺣد اﻟﺗﺄﺛﯾرات ﺎﻟﺿﻐ واﻟﺳﺣب ﻋﻠ ﻪ ٕواﺿﺎﻓﺗﻪ ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫‪ -‬ظﻬر رﻣز اﻟﺗﺄﺛﯾر ﻋﻠﻰ ﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫ وﻟﻘ راءة اﺳم اﻟﺗﺄﺛﯾر ﯾﺗم اﻟﺗﺄﺷﯾر ﺎﻟﻔﺄرة ﻋﻠﻰ رﻣز اﻟﺗﺄﺛﯾر‪.‬‬‫ وﻟﺣذف اﻟﺗﺄﺛﯾر اﻟﻣﺿﺎف ﻟﻣﺷﻬد اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻋﻠﻰ زر اﻟﻔﺄرة اﻷ ﻣن ﻋﻠﻰ رﻣز اﻟﺗﺄﺛﯾر‬‫واﺧﺗ ﺎر ﺣذف اﻟﺗﺄﺛﯾر "‪."Remove Effect‬‬


‫ﺛﺎﻧﯿﺎً‪ :‬إﺿﺎﻓﺔ ﻣﺮاﺣﻞ اﻧﺘﻘﺎﻟﯿﺔ ‪ Transitions‬ﻟﻤﺸﺎھﺪ اﻟﻔﯿﺪﻳﻮ‬

‫ﻧﺸﺎط )‪(٦‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﻣرﺣﻠﺔ اﻧﺗﻘﺎﻟ ﺔ ‪Transitions‬‬

‫ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ ﺗﺑو ب اﻻﻧﺗﻘﺎﻻت "‪"Transitions‬‬

‫ﺗﺒﻮﻳﺐ‬ ‫اﻻﻧﺘﻘﺎﻻت‬

‫‪ -‬ﻓﺗظﻬر ﻣﺟﻣوﻋﺔ ﻣن اﻟﻣراﺣﻞ اﻻﻧﺗﻘﺎﻟ ﺔ‪.‬‬


‫اﻻﻧﺘﻘﺎﻻت‬ ‫اﻟﻤﺨﺘﻠﻔﺔ‬

‫‪ -‬اﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ أﺣد اﻟﻣراﺣﻞ اﻻﻧﺗﻘﺎﻟ ﺔ ٕواﺿﺎﻓﺗﻪ ﻟﻠﻣﺷﻬد اﻟﻣطﻠوب‪.‬‬

‫اﻟﻀﻐﻂ واﻟﺴﺤﺐ‬ ‫ﻟﻠﺘﺤﻜﻢ ﻓﻲ زﻣﻦ ﻋﺮض‬ ‫اﻟﻤﺮﺣﻠﺔ اﻻﻧﺘﻘﺎﻟﯿﺔ‬

‫ ﯾﺗم وﺿﻊ اﻟﻣرﺣﻠﺔ اﻻﻧﺗﻘﺎﻟ ﺔ ﻓﻲ ﺑدا ﺔ أو ﻧﻬﺎ ﺔ اﻟﻣﺷﻬد‪.‬‬‫ اﻟﺗﺣ م ﻓﻲ ﻓﺗرة اﻟزﻣﻧ ﺔ ﻟﻌرض اﻟﻣرﺣﻠﺔ اﻻﻧﺗﻘﺎﻟ ﺔ ﺎﻟﺿﻐ واﻟﺳﺣب ﻋﻠﯾﻬﺎ ﻟﺗﻘﻠﯾﻞ أو ز ﺎدة اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻬﺎ‬‫ﺎﻟﻌرض‪.‬‬ ‫‪ -‬ﻋﻣﻞ ﻣﻌﺎﯾﻧﺔ ﻟﻣﺷﺎﻫدة اﻟﻔﯾدﯾو‪.‬‬


‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﻧﻘﻞ ﺑﯾن اﻟﺗﺑو ﺎت اﻟﺛﻼﺛﺔ‬

‫اﻵﺗ ﺔ‪ "Effects" :‬و "‪ "Transition‬و "‪ ،"Project Files‬ﻣﻊ اﻟﺗﺄﻛﯾد ﻋﻠﻰ اﻟﻔرق ﻓﻲ اﺳﺗﺧداﻣﻬﺎ‪.‬‬

‫اﻟﺘﺒﻮﻳﺒﺎت‬ ‫اﻟﺜﻼﺛﺔ‬

‫ﻹﺿﺎﻓﺔ ﻣراﺣﻞ اﻧﺗﻘﺎﻟ ﺔ ‪ Transitions‬ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪:‬‬ ‫ اﻟﺿﻐ ﻋﻠﻰ ﺗﺑو ب اﻻﻧﺗﻘﺎﻻت "‪."Transitions‬‬‫ اﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ أﺣد اﻟﻣراﺣﻞ اﻻﻧﺗﻘﺎﻟ ﺔ ٕواﺿﺎﻓﺗﻪ ﻟﻠﻣﺷﻬد اﻟﻣطﻠوب‪.‬‬‫ وﺿﻊ اﻟﻣرﺣﻠﺔ اﻻﻧﺗﻘﺎﻟ ﺔ ﻓﻲ ﺑدا ﺔ أو ﻧﻬﺎ ﺔ اﻟﻣﺷﻬد‪.‬‬‫ اﻟﺗﺣ م ﻓﻲ ﻓﺗرة اﻟزﻣﻧ ﺔ ﻟﻌرض اﻟﻣرﺣﻠﺔ اﻻﻧﺗﻘﺎﻟ ﺔ ﺎﻟﺿﻐ واﻟﺳﺣب ﻋﻠﯾﻬﺎ ﻟﺗﻘﻠﯾﻞ أو ز ﺎدة‬‫اﻟﻔﺗرة اﻟزﻣﻧ ﺔ ﻟﻬﺎ ﺎﻟﻌرض‪.‬‬


‫ﺛﺎﻟﺜﺎ ً‪ :‬إﺿﺎﻓﺔ ﻧﺺ إﻟﻰ اﻟﻔﯿﺪﻳﻮ‬

‫ﻧﺸﺎط )‪(٧‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﻧص ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫ﺎﻵﺗﻲ‪:‬‬

‫ ﺗﺣدﯾد اﻟﻧﺻوص اﻟﻣطﻠوب إﺿﺎﻓﺗﻬﺎ ﻟﻠﻔﯾدﯾو‪.‬‬‫ ﺗﺣدﯾد اﻷﻣﺎﻛن اﻟﺗﻲ ﺳوف ﺿﺎف إﻟﯾﻬﺎ اﻟﻧص )ﻓﻲ ﺑدا ﺔ اﻟﻔﯾدﯾو – ﺑﯾن ﻣﺷﺎﻫد اﻟﻔﯾدﯾو – ﻓﻲ ﻧﻬﺎ ﺔ‬‫اﻟﻔﯾدﯾو(‪.‬‬ ‫ ﻣن ﻗﺎﺋﻣﺔ ‪ Title‬ﯾﺗم اﺧﺗ ﺎر ‪ ،Title‬ﻓ ظﻬر اﻟﻣر ﻊ اﻟﺣوار اﻟﺗﺎﻟﻲ‪:‬‬‫‪-١‬اﺧﺗ ﺎر ﻗﺎﻟب اﻟﺧ ”‪“Select a template‬‬ ‫‪-٢‬ﺗﻐﯾﯾر ﻧوع اﻟﺧ ”‪“Change Font‬‬ ‫‪-٣‬ﺗﻐﯾﯾر ﻟون اﻟﺧ "‪"Text Color‬‬ ‫‪-٤‬ﺗﻐﯾﯾر ﻟون اﻟﺧﻠﻔ ﺔ "‪"Background Color‬‬ ‫‪-٥‬ﺣﻔ اﻟﻧص ﻓﻲ ﻣﻠﻒ "‪"Save‬‬


‫ ﻣﺳﺎﻋدة ﻣﻌﻠﻣك و ﻣﺷﺎر ﺔ زﻣﻼﺋك ﺗﻌرف ﻋﻠﻰ اﻟﺧطوات اﻟﻣﺧﺗﻠﻔﺔ ﻟﻛ ﻔ ﺔ ﻣﻞء اﻟﻣر ﻊ اﻟﺣوار اﻟﺳﺎﺑ‬‫ﻹﺿﺎﻓﺔ ﻧص‪.‬‬ ‫ ﺎﻟﺿﻐ ﻋﻠﻰ زر ﺣﻔ "‪ "Save‬ﻟﺣﻔ اﻟﻧص داﺧﻞ ﻣﻠﻒ ﻓﻲ ﻣﺟﻠد ﻣﺷروع "‪."Pro1‬‬‫ ﯾﺟب ﺗﺳﻣ ﺔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ‪.‬‬‫‪ -‬ظﻬر اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﻓﻲ ﻣﻠﻔﺎت اﻟﻣﺷروع "‪."Project Files‬‬

‫اﻟﻤﻠﻒ‬ ‫اﻟﻨﺼﻲ‬

‫ وﻹﺿﺎﻓﺔ اﻟﻧص إﻟﻰ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ اﻟ ﻣﻠﻒ اﻟﻧﺻﻲ ﻣﻠﻔﺎت ﻣﺷروع ٕواﺿﺎﻓﺗﻪ إﻟﻰ‬‫أﺣد اﻟﻣﺳﺎرات‪.‬‬ ‫ﻹﺿﺎﻓﺔ ﻧص ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪:‬‬ ‫ ﻣن ﻗﺎﺋﻣﺔ ‪ Title‬ﯾﺗم اﺧﺗ ﺎر ‪.Title‬‬‫ ﻣﻞء ﺑ ﺎﻧﺎت اﻟﻣر ﻊ اﻟﺣوار ‪.‬‬‫ ﺣﻔ اﻟﻧص ﻓﻲ ﻣﻠﻒ "‪."Save‬‬‫ ﺗﺳﻣ ﺔ ﻣﻠﻒ اﻟﻧص ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ‪.‬‬‫ ظﻬر اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﻓﻲ ﻣﻠﻔﺎت اﻟﻣﺷروع "‪."Project Files‬‬‫ إﺿﺎﻓﺔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ إﻟﻰ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ ﻣﻠﻒ اﻟﻧص ٕواﺿﺎﻓﺗﻪ‬‫إﻟﻰ أﺣد اﻟﻣﺳﺎرات‪.‬‬


‫ﻣﻼﺣظﺎت‪:‬‬ ‫ ﻣ ن وﺿﻊ اﻟﻧص ﻓﻲ ﺑدا ﺔ اﻟﻔﯾدﯾو أو ﺑﯾن ﻣﺷﺎﻫد اﻟﻔﯾدﯾو اﻟﻣﺧﺗﻠﻔﺔ أو ﻓﻲ ﻧﻬﺎ ﺔ اﻟﻔﯾدﯾو‪.‬‬‫ إﺿﺎﻓﺔ ﻣﺳﺎر "‪ "Track‬أو أﻛﺛر ﻟوﺿﻊ اﻟﻧص ﻋﻠ ﻪ واﻟﻣﺷﺎﻫد اﻷﺧر )ﺻور‪-‬أﺻوات(‪.‬‬‫‪ -‬إﻋﺎدة ﺗرﺗﯾب ﻣﺷﺎﻫد اﻟﻔﯾدﯾو )اﻟﺻور–اﻟﺻوت‪-‬اﻟﻧص( ﻋﻠﻰ اﻟﻣﺳﺎرات وذﻟك ﻋﻠﻰ ﺣﺳب أوﻟو ﺔ اﻟظﻬور‪.‬‬

‫"إﻋﺎدة ﺗرﺗﯾب ﻣﺷﺎﻫد اﻟﻔﯾدﯾو"‬ ‫ﺗﺪرﻳﺐ‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﻧص آﺧر ﻟﻠﻔﯾدﯾو‬ ‫ﻣن ﺧﻼل اﺗ ﺎع اﻵﺗﻰ‪:‬‬ ‫‪ -‬اﺗ ﺎع ﻧﻔس اﻟﺧطوات اﻟﺳﺎ ﻘﺔ ﻹﻧﺷﺎء ﻣﻠﻒ ﻧﺻﻲ آﺧر ﺣﺗو‬

‫ﻋﻠﻰ ﺑ ﺎﻧﺎت ﻋن ﻣدرﺳﺗﻬم ﻣﺛﻞ اﺳم‬

‫اﻟﻣﺣﺎﻓظﺔ واﻹدارة اﻟﺗﻌﻠ ﻣ ﺔ‪.‬‬ ‫ ﺣﻔ ﻣﻠﻒ اﻟﻧص داﺧﻞ ﻣﺟﻠد ﻣﺷروع "‪."Pro1‬‬‫ إﺿﺎﻓﺔ اﻟﻧص ﻟﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﻣﺎ ﺎﻟﺧطوات اﻟﺳﺎ ﻘﺔ‪.‬‬‫‪ -‬إﻋﺎدة ﺗرﺗﯾب ﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬

‫ﻣدرﺳﺔ اﻟﺳﻧﯾﺔ اﻹﻋدادﯾﺔ ﺑﻧﺎت‬ ‫ﻣﺣﺎﻓظﺔ‪ :‬اﻟﻘﺎھرة‬ ‫اﻹدارة اﻟﺗﻌﻠﯾﻣﯾﺔ‪ :‬ﺟﻧوب اﻟﻘﺎھرة‬


‫ﺗﺼﺪﻳﺮ اﻟﻔﯿﺪﻳﻮ إﻟﻰ ﻣﻠﻒ ﺑﺎﻣﺘﺪاد ﻣﻨﺎﺳﺐ‬ ‫ﻌد اﻻﻧﺗﻬﺎء ﻣن اﻟﻣﺷروع ووﺿﻊ ﺟﻣ ﻊ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو اﻟﻣطﻠو ﺔ واﻟﺗﻌدﯾﻞ ﺑﻬﺎ ووﺿﻊ اﻟﺗﺄﺛﯾرات‬ ‫اﻟﻣطﻠو ﺔ واﻟﻣراﺣﻞ اﻻﻧﺗﻘﺎﻟ ﺔ ﻋﻠﯾﻬﺎ ﻣ ن ﺗﺻدﯾر اﻟﻣﺷروع إﻟﻰ ﻣﻠﻒ ﻓﯾدﯾو ذو اﻣﺗداد ﯾﻧﺎﺳب اﻻﺣﺗ ﺎﺟﺎت‬ ‫اﻟﻣطﻠو ﺔ‪ ،‬وﻣن ﺧﻼل ﻫذا اﻟﺑرﻧﺎﻣﺞ ﻣ ن ﺗﺻدﯾر ﻣﻠﻒ اﻟﻔﯾدﯾو ﻟﻠﻌدﯾد ﻣن اﻻﻣﺗدادات‪.‬‬

‫ﻧﺸﺎط )‪(٨‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﺻدﯾر اﻟﻔﯾدﯾو إﻟﻰ ﻣﻠﻒ ﺎﻣﺗداد ﻣﻧﺎﺳب‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫‪ -‬اﻟﺿﻐ ﻋﻠﻰ زر ﺗﺻدﯾر اﻟﻔﯾدﯾو‬

‫”‪ “Export Video‬ﻓﻲ اﻟﻘﺎﺋﻣﺔ اﻟرﺋ ﺳﺔ "‪"Main Toolbar‬‬

‫)أو ﻣن ﺧﻼل ﻗﺎﺋﻣﺔ ‪ File‬ﺛم اﺧﺗ ﺎر ‪.(Export Video‬‬ ‫زر ﺗﺼﺪﻳﺮ‬ ‫اﻟﻔﯿﺪﻳﻮ‬

‫ ظﻬر اﻟﻣر ﻊ اﻟﺣوار ﻟﺗﺻدﯾر اﻟﻔﯾدﯾو "‪."Export Video‬‬‫ ﺗﺣدﯾد اﺳم ﻟﺣﻔ ﻣﻠﻒ اﻟﻔﯾدﯾو "‪."File Name‬‬‫ ﺗﺣدﯾد ﻣ ﺎن ﺣﻔ اﻟﻣﻠﻒ ﻋﻠﻰ ﺟﻬﺎز اﻟﻛﻣﺑﯾوﺗر أو أﺣد وﺣدات اﻟﺗﺧز ن "‪."Folder Path‬‬‫‪ -‬ﺗﺣدﯾد ﻧوع اﻣﺗداد ﻣﻠﻒ اﻟﻔﯾدﯾو "‪."Target‬‬


‫ ﺗﺣدﯾد ﻣﺳﺗو ﺟودة اﻟﻣﻠﻒ )ﻋﺎﻟﻲ اﻟﺟودة – ﻣﺗوﺳ اﻟﺟودة‪-‬ﻗﻠﯾﻞ اﻟﺟودة( "‪."Quality‬‬‫ اﻟﺿﻐ ﻋﻠﻰ زر ﺗﺻدﯾر اﻟﻔﯾدﯾو " ‪ "Export Video‬ﻟﯾﺑدأ ﻓﻲ ﺗﺻدﯾر ﻣﻠﻒ اﻟﻔﯾدﯾو‪.‬‬‫‪ -‬ﺗﺷﻐﯾﻞ ﻣﻠﻒ اﻟﻔﯾدﯾو اﻟذ ﺗم ﺗﺻدﯾرﻩ وﻣﺷﺎﻫدﺗﻪ‪.‬‬

‫"اﻟﻣر ﻊ اﻟﺣوار ﻟﺗﺻدﯾر اﻟﻔﯾدﯾو ‪""Export Video‬‬

‫" ﺗﺷﻐﯾﻞ ﻣﻠﻒ اﻟﻔﯾدﯾو "‬


‫ﻟﺗﺻدﯾر ﻣﻠﻒ اﻟﻔﯾدﯾو ﺎﻣﺗداد ﻣﻧﺎﺳب‪:‬‬ ‫ اﻟﺿﻐ ﻋﻠﻰ زر ﺗﺻدﯾر اﻟﻔﯾدﯾو ”‪. “Export Video‬‬‫ﻓﻲ اﻟﻣر ﻊ اﻟﺣوار ﻟﺗﺻدﯾر اﻟﻔﯾدﯾو "‪ "Export Video‬ﺗﺣدﯾد اﻟﺗﺎﻟﻲ‪:‬‬ ‫ اﺳم ﻣﻠﻒ اﻟﻔﯾدﯾو " ‪."File Name‬‬‫ ﻣ ﺎن ﺣﻔ اﻟﻣﻠﻒ "‪."Folder Path‬‬‫ ﻧوع اﻣﺗداد ﻣﻠﻒ اﻟﻔﯾدﯾو "‪."Target‬‬‫ ﺗﺣدﯾد ﻣﺳﺗو ﺟودة اﻟﻣﻠﻒ "‪."Quality‬‬‫‪ -‬ﺗﺻدﯾر اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻋﻠﻰ زر ﺗﺻدﯾر اﻟﻔﯾدﯾو "‪."Export Video‬‬

‫أﻧﻮاع ﻣﻠﻔﺎت اﻟﻔﯿﺪﻳﻮ ذات اﻻﻣﺘﺪادات اﻟﻤﺨﺘﻠﻔﺔ‬ ‫ﻫﻧﺎك أﻧواع ﻣﺧﺗﻠﻔﺔ ﻟﻣﻠﻔﺎت اﻟﻔﯾدﯾو ذات اﻻﻣﺗداد ات اﻟﻣﺧﺗﻠﻔﺔ‪ ،‬وﺗﺧﺗﻠﻒ ﻣن ﺣﯾث اﻟﻣﺳﺎﺣﺔ اﻟﺗﺧز ﻧ ﺔ‬ ‫واﻟﺟودة واﻟﻧﻘﺎء‪ ،‬و ﺗم ﺗﺣدﯾد ﻧوع اﻣﺗداد ﻣﻠﻒ اﻟﻔﯾدﯾو ﻋﻠﻰ ﺣﺳب اﻻﺳﺗﺧدام‪.‬‬ ‫ﺗﺪرﻳﺐ‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟ ﺣث ﻋﺑر اﻹﻧﺗرﻧت ﻋن اﻟﺗﺎﻟﻲ‪:‬‬ ‫ أﻧواع ﻣﻠﻔﺎت اﻟﻔﯾدﯾو اﻟﻣﺧﺗﻠﻔﺔ‪ ،‬واﺳﺗﺧداﻣﺎﺗﻬﺎ اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬‫ اﻟﻔرق ﺑﯾن ﻣﻠﻔﺎت اﻟﻔﯾدﯾو ذات اﻻﻣﺗداد ) ‪ (...- AVI- MP4‬ﻣن ﺣﯾث اﻟﻣﺳﺎﺣﺔ اﻟﺗﺧز ﻧ ﺔ‪ ،‬ﺟودة‬‫ووﺿوح اﻟﻔﯾدﯾو‪.‬‬


‫ﺗﺬﻛـــﺮ أن‬ ‫ﻹﻧﺷﺎء اﻟﻔﯾدﯾو ﯾﺗم اﺗﺑﺎع اﻟﺗﺎﻟﻲ‪:‬‬ ‫ اﺳﺗﯾراد ﻣﻠﻔﺎت اﻟﺻور واﻟﺻوت داﺧﻞ اﻟﺑرﻧﺎﻣﺞ‪.‬‬‫‪ -‬ﺗرﺗﯾب ﻣﺷﺎﻫد اﻟﻔﯾدﯾو )ﺻور‪ -‬ﺻوت( ﻋﻠﻰ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﻟﻠﺑرﻧﺎﻣﺞ‪.‬‬

‫ﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو ‪:Save Project‬‬ ‫ إﻧﺷﺎء ﻣﺟﻠد ﻟﻠﻣﺷروع ) ٕواﻋطﺎء اﺳم ﻟﻪ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ( ﻋﻠﻰ أﺣد وﺣدات اﻟﺗﺧز ن‪.‬‬‫ وﺿﻊ ﺟﻣ ﻊ اﻟﻣﻠﻔﺎت )ﺻور‪ -‬ﺻوت ‪ (...‬اﻟﻣﺳﺗﺧدﻣﺔ ﻹﻧﺷﺎء اﻟﻔﯾدﯾو داﺧﻞ ﻣﺟﻠد اﻟﻣﺷروع‪.‬‬‫‪ -‬ﺣﻔ ﻣﻠﻒ اﻟﻣﺷروع ) ٕواﻋطﺎء اﺳم ﻟﻪ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ( ﻣن ﺷر‬

‫اﻟﻘواﺋم اﻟرﺋ س ‪Main‬‬

‫‪ ،Toolbar‬ﯾﺗم اﺧﺗ ﺎر ‪ File‬ﺛم ‪.Save Project As‬‬ ‫ ﺣﻔ ﻣﻠﻒ اﻟﻣﺷروع داﺧﻞ ﻣﺟﻠد اﻟﻣﺷروع‪.‬‬‫ﺗﻌدﯾل ﻣﺷﺎھد اﻟﻔﯾدﯾو ﻣن ﺧﻼل‪:‬‬ ‫ اﻟﺗﺣ م ﻓﻲ اﻟﻔﺗرة اﻟزﻣﻧ ﺔ اﻟﻣﺧﺻﺻﺔ ﻟﻌرض ﻣﺷﻬد ﻓﯾدﯾو )‪.(Video Clip‬‬‫ إﺿﺎﻓﺔ ﺗﺄﺛﯾرات "‪ "Effects‬ﻟﻣﺷﻬد اﻟﻔﯾدﯾو‪.‬‬‫ إﺿﺎﻓﺔ ﻣراﺣﻞ اﻧﺗﻘﺎﻟ ﺔ ‪ Transitions‬ﺑﯾن ﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬‫ﻹﺿﺎﻓﺔ ﻧص ﻟﻣﺷﺎھد اﻟﻔﯾدﯾو‪:‬‬ ‫ ﻣن ﻗﺎﺋﻣﺔ ‪ Title‬ﯾﺗم اﺧﺗ ﺎر ‪ ،Title‬ﻣﻞء ﺑ ﺎﻧﺎت اﻟﻣر ﻊ اﻟﺣوار ‪.‬‬‫ ﺣﻔ اﻟﻧص ﻓﻲ ﻣﻠﻒ ) ﺗﺳﻣ ﺔ ﻣﻠﻒ اﻟﻧص ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ(‪.‬‬‫‪-‬‬

‫ظﻬر اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﻓﻲ ﻣﻠﻔﺎت اﻟﻣﺷروع "‪ ،"Project Files‬و ﺗم إﺿﺎﻓﺔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ إﻟﻰ‬ ‫ﻣﺷﺎﻫد اﻟﻔﯾدﯾو ﺎﻟﺿﻐ ﻣﻊ اﻟﺳﺣب ﻋﻠﻰ ﻣﻠﻒ اﻟﻧص ٕواﺿﺎﻓﺗﻪ إﻟﻰ أﺣد اﻟﻣﺳﺎ رات‪.‬‬

‫ﺗﺻدﯾر اﻟﻔﯾدﯾو إﻟﻰ ﻣﻠف ﺑﺎﻣﺗداد ﻣﻧﺎﺳب‪:‬‬ ‫‪ -‬ﻫﻧﺎك أﻧواع ﻟﻣﻠﻔﺎت اﻟﻔﯾدﯾو ذات اﻣﺗدادات ﻣﺧﺗﻠﻔﺔ )ﻣﺛﻞ ‪.(..- AVI-MP4‬‬


‫اﻟﺳؤال اﻷول‪:‬اﻛﻣﻞ اﻟﺗﺎﻟﻲ‪:‬‬ ‫ﺗﺗﻛون واﺟﻬﺔ اﻟﺑرﻧﺎﻣﺞ ﻣن اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪١‬‬

‫‪4‬‬

‫‪2‬‬

‫‪3‬‬ ‫‪6‬‬ ‫‪5‬‬ ‫‪7‬‬ ‫‪8‬‬

‫‪.......................................:١‬‬ ‫‪.......................................:٢‬‬ ‫‪.......................................:٣‬‬


‫‪.......................................:٤‬‬ ‫‪.......................................:٥‬‬ ‫‪.......................................:٦‬‬ ‫‪.......................................:٧‬‬ ‫‪.......................................:٨‬‬ ‫اﻟﺳؤال اﻟﺛﺎﻧﻲ‪ :‬أﻛﻣﻞ ﻹﻧﺷﺎء ﻣﺷﺎﻫد ﻓﯾدﯾو ﯾﺗم إﺗ ﺎع اﻟﺧطوات اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫‪................................................ -١‬‬ ‫‪................................................ -٢‬‬ ‫‪................................................ -٣‬‬ ‫‪................................................ -٤‬‬

‫اﻟﺳؤال اﻟﺛﺎﻟث‪ :‬رﺗﺑت اﻟﺧطوات اﻟﺗﺎﻟ ﺔ ﻟﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو ‪:Save Project‬‬ ‫)‪ (.....‬ﺣﻔ ﻣﻠﻒ اﻟﻣﺷروع داﺧﻞ ﻣﺟﻠد اﻟﻣﺷروع‪.‬‬ ‫)‪ (.....‬ﺣﻔ‬

‫ﻣﻠﻒ اﻟﻣﺷروع ) ٕواﻋطﺎء اﺳم ﻟﻪ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ( ﻣن ﺷر‬

‫اﻟﻘواﺋم اﻟرﺋ س ‪Main‬‬

‫‪ ،Toolbar‬ﯾﺗم اﺧﺗ ﺎر ‪ File‬ﺛم ‪.Save Project As‬‬ ‫)‪ (.....‬إﻧﺷﺎء ﻣﺟﻠد ﻟﻠﻣﺷروع ) ٕواﻋطﺎء اﺳم ﻟﻪ ﺎﻟﻠﻐﺔ اﻹﻧﺟﻠﯾز ﺔ( ﻋﻠﻰ أﺣد وﺣدات اﻟﺗﺧز ن‪.‬‬ ‫)‪ (.....‬وﺿﻊ ﺟﻣ ﻊ اﻟﻣﻠﻔﺎت )ﺻور‪-‬ﺻوت‪ (...‬اﻟﻣﺳﺗﺧدﻣﺔ ﻹﻧﺷﺎء اﻟﻔﯾدﯾو داﺧﻞ ﻣﺟﻠد اﻟﻣﺷروع‪.‬‬


‫اﻟﺳؤال اﻟرا ﻊ‪ :‬أﻛﻣﻞ اﻟﺷر‬

‫اﻟزﻣﻧﻲ ‪ Timeline‬ﻟﻠﺑرﻧﺎﻣﺞ ﯾﺗﻛون ﻣن‪:‬‬

‫‪2‬‬

‫‪1‬‬

‫‪4‬‬

‫‪3‬‬

‫‪..........................................-١‬‬ ‫‪..........................................-٢‬‬ ‫‪..........................................-٣‬‬ ‫‪..........................................-٤‬‬

‫ﯾﺗم اﻹﺟﺎ ﺔ ﻋﻠﻰ اﻷﺳﺋﻠﺔ ﻣن ﺧﻼل‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ‪ MS Word‬ﻣن ﻣﻠﻒ "إﺟﺎ ﺔ اﻟدرس اﻟﺛﺎﻟث" ﻣﺟﻠد ) ﻗﺎﻟب اﻹﺟﺎ ﺔ واﻟﻣﺷروﻋﺎت(‪.‬‬


‫ﺳﺆال ﺗﺤﻀﯿﺮي ﻟﻠﺪرس اﻟﻘﺎدم‪:‬‬ ‫اﻟﻤﺮﺣﻠﺔ اﻟﺮاﺑﻌﺔ ﻟﺘﺼﻤﯿﻢ وإﻧﺸﺎء ﻣﻮﻗﻊ اﻟﻮﻳﺐ ھﻲ ﻣﺮﺣﻠﺔ‬ ‫اﻟﺘﻨﻔﯿﺬ وﺑﮫﺎ ﻳﺘﻢ إﻧﺸﺎء ﺻﻔﺤﺎت اﻟﻮﻳﺐ‪.‬‬ ‫ﻓﻜﯿﻒ ﻳﻤﻜﻦ إﻧﺸﺎء ﺻﻔﺤﺎت ﻣﻮﻗﻊ اﻟﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام ‪HTML‬؟‬


‫‪ ‬ﯾﻧﺎﻗش ﺗﺄﺛﯾر اﺳﺗﺧدام ﺧدات ﺗﻘﻧ ﺎت اﻟﻣﻌﻠوﻣﺎت اﻟﺣدﯾﺛﺔ ﻋﻠﻰ اﻟﻣﺟﺎﻻت اﻟدراﺳ ﺔ واﻟﺣ ﺎﺗ ﺔ اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬ ‫‪ ‬ﯾﺗﻌرف ﻌض أدوات إﻧﺗﺎج ﺻﻔﺣﺎت اﻟﻣﻌﻠوﻣﺎت وﺧدﻣﺎت اﻻﻧﺗرﻧت‪.‬‬


‫ﻟﻐﺔ اﻟﺗرﻣﯾز ‪HTML‬‬ ‫)‪(Hyper Text Markup Language‬‬ ‫‪ ‬ﯾﺗﻌرف ﻌض ادوات اﻧﺗﺎج ﺻﻔﺣﺎت اﻟﻣﻌﻠوﻣﺎت وﺧدﻣﺎت اﻹﻧﺗرﻧت‪.‬‬ ‫‪ ‬ﯾﺗﻌرف اﻟﻘواﻋد اﻷﺳﺎﺳ ﺔ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺎﺳﺗﺧدام أ واﻣر ‪.HTML‬‬ ‫‪ ‬ﯾﺗﻌرف اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺄواﻣر ‪.HTML‬‬ ‫‪‬‬

‫ﺿﯾﻒ ﻣﺣﺗو ﻟﺻﻔﺣﺔ اﻟو ب )ﻧص‪-‬ﺻورة – ﻓﯾدﯾو –ارﺗ ﺎطﺎت ﺗﺷﻌﺑ ﺔ‪.(...-‬‬

‫‪ ‬ﯾﻧﺳ ﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫‪‬‬

‫ﯾدرج ارﺗ ﺎ ﺗﺷﻌﺑﻲ داﺧﻞ ﺻﻔﺣﺔ اﻟو ب ‪ /‬ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬


‫ﻓﻲ اﻟﻔﺻول اﻟﺳﺎ ﻘﺔ ﺗﻌرﻓﻧﺎ ﻋﻠﻰ اﻟﻣراﺣﻞ اﻷﺳﺎﺳ ﺔ ﻹﻧﺷﺎء ﻣوﻗﻊ و ب‪ ،‬وﻣن ﻫذﻩ اﻟﻣراﺣﻞ ﻣرﺣﻠﺔ اﻟﺗﻧﻔﯾذ‬ ‫واﻟﺗﻲ ﯾﺗم ﻓﯾﻬﺎ ﺗﺣو ﻞ اﻟﺗﺻﻣ م اﻟورﻗﻲ ﻟﺻﻔﺣﺎت اﻟﻣوﻗﻊ إﻟﻰ ﺻﻔﺣﺎت و ب ُﯾوﺿﻊ ﻓﯾﻬﺎ اﻟﺑ ﺎﻧﺎت اﻟﻣﺧﺗﻠﻔﺔ‬ ‫)ﻧﺻوص – ﺻور– ﺻوت ‪-‬ﻓﯾدﯾو( وذﻟك ﺣﺳب ﻣرﺣﻠﺔ اﻟﺗﺻﻣ م اﻟﺳﺎ ﻘﺔ ﻟﻛﻞ ﺻﻔﺣﺔ و ب‪ٕ ،‬واﻧﺷﺎء اﻻرﺗ ﺎطﺎت‬ ‫اﻟﺗﺷﻌﺑ ﺔ ﺑﯾن ﺻﻔﺣﺎت اﻟو ب‪.‬‬ ‫وﻓﻲ ﻫذا اﻟﻔﺻﻞ ﺳوف ﻧﺗﻌرض ﺎﻟﺗﻔﺻﯾﻞ إﻟﻰ ﻔ ﺔ اﺳﺗﺧدام أواﻣر ‪ HTML‬ﻓﻲ إﻧﺷﺎء أﺣد ﺻﻔﺣﺎت‬ ‫اﻟو ب ﺛم ﯾﻠﻲ ذﻟك ﻋرض ﺗﻔﺻﯾﻠﻲ ﻟﻛ ﻔ ﺔ إﻧﺷﺎء ﻣوﻗﻊ "ﻣدرﺳﺗﻲ" واﻟذ ﺗم وﺿﻊ ﺗﺻﻣ م ﺗﻔﺻﯾﻠﻲ ﻟﺻﻔﺣﺎﺗﻪ‪.‬‬

‫ﻣدرﺳﺗﻲ‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋﯾﺳﺔ ﻋن اﻟﻣدرﺳﺔ أﻟﺑوم اﻟﺻور اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬

‫أﻟﺑوم اﻟﺻور‬

‫ﻋن اﻟﻣدرﺳﺔ‬ ‫ﺗﺎرﯾﺦ ﻧﺷﺄة اﻟﻣدرﺳﺔ‪... :‬‬ ‫ﻋﻧوان اﻟﻣدرﺳﺔ‪ .... :‬ﺗﻠﯾﻔون اﻟﻣدرﺳﺔ‪... :‬‬

‫اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬ ‫رؤﯾﺔ اﻟﻣدرﺳﺔ‪:‬‬ ‫إ ﻋداد طﺎﻟب ﻣﺗﻣﯾز ﻗﺎدر ﻋﻠﻰ ‪....‬‬ ‫اﻟرﺳﺎﻟﺔ‪:‬‬ ‫ﺗﻧﻣﯾﺔ ﻣﮭﺎرات اﻟطﺎﻟب ‪........‬‬

‫ﺗﺧط‬

‫ﺗﻔﺻﯾﻠﻲ ﻟﺻﻔﺣﺎت "ﻣوﻗﻊ ﻣدرﺳﺗﻲ"‬

‫ﻟﻐﺔ اﻟﺗرﻣﯾز ‪:HTML‬‬ ‫ﻫﻲ ﻟﻐﺔ ﺗﻛو د ﺗﺳﺗﺧدم ﻹﻧﺷﺎء ﺻﻔﺣﺎت ﻣوﻗﻊ اﻹﻧﺗرﻧت اﻟﺛﺎﺑﺗﺔ واﻟﺗﻲ ﯾﺗم ﻋرﺿﻬﺎ ﺎﺳﺗﺧدام أﺣد ﺑراﻣﺞ‬ ‫ﻣﺳﺗﻌرﺿﺎت اﻹﻧﺗرﻧت‪.‬‬ ‫أواﻣر ﻟﻐﺔ ‪:HTML‬‬


‫ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﯾﺗم اﺳﺗﺧدام أواﻣر ﻟﻐﺔ ‪ ،HTML‬وﺗﺳﻣﻰ ﻫذﻩ اﻷواﻣر ﺎﻟـ ‪ Tags‬و ﻘوم ﺑرﻧﺎﻣﺞ‬ ‫ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت ﺑﺗﻧﻔﯾذﻫﺎ ﻟ ظﻬر ﺗﺄﺛﯾر ﺗﻠك اﻷواﻣر ﻋﻠﻰ ﺻﻔﺣﺔ اﻟﻣﺳﺗﻌرض‪.‬‬

‫ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺎﺳﺗﺧدام أواﻣر ‪ HTML‬ﯾﺟب اﺗ ﺎع اﻟﻘواﻋد اﻷﺳﺎﺳ ﺔ اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫ إﻧﺷﺎء ﻣﻠﻒ ﻧﺻﻲ ﺎﺳﺗﺧدام أﺣد ﺑارﻣﺞ ﺗﺣر ر اﻟﻧﺻوص وذﻟك ﻟﻛﺗﺎ ﺔ أواﻣر‪ HTML‬وﺗﻌدﯾﻠﻬﺎ‪.‬‬‫ ﺗﺎ ﺔ أواﻣر‪ HTML‬ﺣﯾث ﯾﺗم وﺿﻊ اﻻﻣر ﺑﯾن اﻟﻌﻼﻣﺗﯾن " > <"‪.‬‬‫ ﻣﻌظم اﻷواﻣر ﻟﻬﺎ ﺑدا ﺔ " > < " وﻧﻬﺎ ﺔ " > ‪. " </‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ اﻟذ‬‫‪ -‬ﻓـــﺗﺢ اﻟﻣﻠ ــﻒ اﻟﻣﺣﻔـــو‬

‫ﺣﺗو ﻋﻠﻰ أواﻣر ‪ HTML‬ﺎﻣﺗداد ‪ .htm‬أو ‪.html‬‬ ‫ﺎﺳـــﺗﺧدام ﻣﺳـــﺗﻌرض اﻻﻧﺗرﻧـــت ﻟﻌـــرض ﺻـــﻔﺣﺔ اﻟو ــب وﻣﺷـــﺎﻫدة ﻧﺗﯾﺟـــﺔ‬

‫ﺗﻧﻔﯾذﻫﺎ‪.‬‬ ‫‪ -‬ﻻ ﺷﺗر أن ﺗﻛﺗب أواﻣر ‪ HTML‬ﺣروف ﺑﯾرة ‪ Capital‬أو ﺻﻐﯾرة ‪.Small‬‬


‫اﻟﺘﺮﻛﯿﺐ اﻟﺒﻨﺎﺋﻲ ﻹﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام ‪HTML‬‬

‫ﻧﺸﺎط )‪(١‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﺗﻌرف ﻋﻠﻰ اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ‬ ‫و ب ﺎﺳﺗﺧدام أواﻣر ‪.HTML‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬

‫ ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‪.‬‬‫ ﺗب اﻷﻣر >‪ <html‬ﻓﻲ ﺑدا ﺔ اﻟﻛود ﻟ ﺷﯾر اﻟﻰ أن اﻟﻣﺳﺗﻧد ﻣ ﺗوب ﺑﻠﻐﺔ ‪.html‬‬‫ﻘﺳم ود ‪ HTML‬ﻟﻘﺳﻣﯾن رﺋ ﺳﯾن ﻫﻣﺎ‪:‬‬

‫‪ : head‬وﻫﻲ اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ ﻣﻌﻠوﻣﺎت ﻟﻠﻣﺗﺻﻔﺢ ﺣول اﻟﺻﻔﺣﺔ ﻣﺛﻞ ﻋﻧوان اﻟﺻﻔﺣﺔ‪.‬‬ ‫‪ :body‬وﻫﻲ اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ اﻟﻣﺣﺗو اﻟذ ﺳ ظﻬر داﺧﻞ اﻟﺻﻔﺣﺔ‪.‬‬ ‫و ﺎﻟﺗﺎﻟﻲ ون اﻟﺗر ﯾب اﻷﺳﺎﺳﻲ ﻟﻣﻠﻒ اﻷواﻣر ﻣﺎ ﯾﻠﻲ‪:‬‬

‫اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺎﺳﺗﺧدام ‪HTML‬‬

‫>‪<html‬‬ ‫>‪<head‬‬ ‫…………‬ ‫…………‬ ‫>‪</head‬‬ ‫>‪<body‬‬ ‫…………‬ ‫…………‬ ‫…………‬ ‫>‪</body‬‬ ‫>‪</html‬‬

‫ﺗﺎ ﺔ اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب‬ ‫ﺎﺳﺗﺧدام ‪ HTML‬ﻓﻲ ﻣﺣرر اﻟﻧﺻوص‬


‫ﻓﻲ اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺄواﻣر ‪ HTML‬ﯾﺟب ﻣراﻋﺎة اﻟﺗﺎﻟﻲ‪:‬‬ ‫ ﺗﺎ ﺔ اﻷﻣر >‪ <html‬ﻓﻰ ﺑدا ﺔ اﻟﻛود ﺷﯾر اﻟﻰ أن اﻟﻣﺳﺗﻧد ﻣ ﺗوب ﺑﻠﻐﺔ ‪.html‬‬‫ﻘﺳم ود ‪ HTML‬ﻟﻘﺳﻣﯾن رﺋ ﺳﯾن ﻫﻣﺎ‪:‬‬ ‫‪ :head -‬اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ ﻣﻌﻠوﻣﺎت ﻟﻠﻣﺳﺗﻌرض ﺣول اﻟﺻﻔﺣﺔ ﻣﺛﻞ ﻋﻧوان اﻟﺻﻔﺣﺔ‪.‬‬

‫‪ :body -‬اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ اﻟﻣﺣﺗو اﻟذ ﺳ ظﻬر داﺧﻞ اﻟﺻﻔﺣﺔ‪.‬‬

‫إﺿﺎﻓﺔ ﻋﻨﻮان ﻟﺼﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻷﻣﺮ >‪<title>.......</title‬‬ ‫ﺗﺗﻛون ﺻﻔﺣﺔ اﻟو ب ﻣن ﻋﻧوان وﻣﺣﺗو ‪ ،‬و ظﻬر ﻋﻧوان ﺻﻔﺣﺔ اﻟو ب داﺧﻞ ﺷر‬

‫اﻟﺻﻔﺣﺔ‪.‬‬

‫اﻟﻌﻧوان أﻋﻠﻰ‬

‫ﻧﺸﺎط )‪(٢‬‬ ‫ﻋز ــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌــﺎون ﻣــﻊ زﻣﻼ ﺋــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣــك ﻗــم ﺎﻟ ﺣــث ﻋﺑــر اﻹﻧﺗرﻧــت وﻣﺷــﺎﻫدة ﻋﻧـوان وﻣﺣﺗــو‬ ‫أﺣد ﺻﻔﺣﺎت اﻟو ب‪.‬‬

‫ﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب‬

‫ﻋﻧوان ﺻﻔﺣﺔ اﻟو ب‬


‫ﻧﺸﺎط‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﻠﻣﺔ "ﻣدرﺳﺗﻲ" ﻌﻧوان ﻟﺻﻔﺣﺔ‬ ‫اﻟو ب‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬ ‫ ﺗﺣﻣﯾﻞ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‪.‬‬‫ ﺗﺎ ﺔ اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺄواﻣر ‪.HTML‬‬‫‪ -‬ﺗﺎ ﺔ أﻣر >‪ </title‬ﻣدرﺳﺗﻲ >‪ <title‬ﻓﻲ اﻟﺟزء اﻟﻣﺧﺻص > ‪. <head...</head‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ ﻣﺣرر اﻟﻧﺻوص‬ ‫‪ -‬ﺣﻔ اﻟﻣﻠﻒ ﺎﺳم ‪.school.htm‬‬

‫ﻓﺗﺢ اﻟﻣﻠﻒ ‪) school.htm‬ﺻﻔﺣﺔ اﻟو ب(‬ ‫ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‬

‫ ﻓﺗﺢ اﻟﻣﻠﻒ ‪) school.htm‬ﺻﻔﺣﺔ اﻟو ب( ﻣن ﺧﻼل ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت ﻟﻣﺷﺎﻫدة ﻧﺗﯾﺟﺔ ﺗﻧﻔﯾذ اﻷواﻣر‬‫اﻟﺗﻲ ﺗم ﺗﺎﺑﺗﻬﺎ‪.‬‬


‫إﺿﺎﻓﺔ ﻣﺤﺘﻮى ﻟﺼﻔﺤﺔ اﻟﻮﻳﺐ‬

‫ﻣ ن أن ﺗﺣﺗو ﺻﻔﺣﺔ اﻟو ب ﻋﻠﻲ )ﻧﺺ‪-‬ﺻﻮرة – ﻓﯿﺪﻳﻮ –ارﺗﺒﺎط ﺗﺸﻌﺒﻲ‪(...-‬‬

‫ﻧﺸﺎط )‪(٣‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﺿﺎﻓﺔ ﻧص "ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ‬ ‫وﻣﺗطورة" ﻟﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬ ‫ ﻓـــﻲ اﻟﻣﻠـــﻒ اﻟﻧﺻـــﻲ اﻟﺳـــﺎﺑ ﺗﻛﺗـــب اﻟﻌ ـــﺎرة "ﻣدرﺳـــﺗﻲ ﺟﻣﯾﻠـــﺔ وﻧظ ﻔـــﺔ وﻣﺗطـــورة" داﺧـــﻞ أﻣـــر >‪... </body‬‬‫>‪.<body‬‬ ‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺑﻧﻔس اﻻﺳم " ‪." school.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ " ‪ " school.htm‬ﻣن ﺧﻼل ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت ﻟﻣﺷﺎﻫدة ﻧﺗﯾﺟﺔ ﺗﻧﻔﯾذ اﻷواﻣر‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ ﻣﺣرر اﻟﻧﺻوص‬

‫ﺻﻔﺣﺔ اﻟو ب ﻓﻰ ﻣﺳﺗﻌرض اﻻﻧﺗرﻧت‬


‫ﺗﺪرﻳﺐ‬

‫ﻋز ـــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌـــﺎون ﻣـــﻊ زﻣﻼﺋـــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣـــك ﻗـــم ﺎﻟﺗﻌـــد ﻼت اﻵﺗ ـــﺔ ﻓـــﻰ‬

‫اﻟﺗدر ب اﻟﺳﺎﺑ ‪:‬‬ ‫ إﻋﺎدة ﺗﺎ ﺔ أواﻣر ‪ HTML‬ﺎﺳﺗﺧدام ﺣروف ﺑﯾرة ‪.Capital Letters‬‬‫ ﺗرك ﻣﺳﺎﻓﺎت ﺑﯾن ﻠﻣﺎت اﻟﻧص‪.‬‬‫ اﺳﺗﺧدام ﻣﻔﺗﺎح اﻻدﺧﺎل ﻟﺗرك أﺳطر ﺑﯾن ﻠﻣﺎت اﻟﻧص‪.‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫ اﺳﺗﻌراض اﻟﻣﻠﻒ ﻣن ﺧﻼل ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬‫ﻣﻼﺣظﺎت ﻫﺎﻣﺔ‪:‬‬ ‫ ﻣ ن ﺗﺎ ﺔ أواﻣر ‪ HTML‬ﺣروف ﺑﯾرة ‪ Capital Letters‬أو ﺻﻐﯾرة ‪.Small Letters‬‬‫‪ -‬ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت ﻻ ﯾﺗﺄﺛر ﺎﻟﻣﺳﺎﻓﺎت اﻟﻣﺗرو ﺔ أو ﺎﻻﻧﺗﻘﺎل ﻟﺳطر ﺟدﯾد ﺿﻐ‬

‫ﻣﻔﺗﺎح‬

‫‪ Enter‬داﺧﻞ ﻣﻠﻒ اﻷواﻣر‪.‬‬

‫ﺗﻐﯿﯿﺮ اﺗﺠﺎه ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام اﻟﺨﺎﺻﯿﺔ ‪dir‬‬

‫ﻋﻧد ﺗﺻﻣ م ﺻﻔﺣﺔ و ب ذات واﺟﻬﺔ ﻋر ﺔ ﯾﺟب ﺗﻐﯾﯾر اﺗﺟﺎﻩ اﻟﺻﻔﺣﺔ ﻟ ﺻ ﺢ اﺗﺟﺎﻩ ﻣﺣﺗو اﻟﺻﻔﺣﺔ‬ ‫ﻣن اﻟ ﻣﯾن إﻟﻰ اﻟ ﺳﺎر ﻟ ﯾﺗﻼءم ﻣﻊ طﺑ ﻌﺔ اﻟﻠﻐﺔ اﻟﻌر ﺔ‪ ،‬وﻟﺗﻧﻔﯾذ ذﻟك ُﺗﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪ ،dir‬ﺣﯾث ﯾﺗﺣدد اﺗﺟﺎﻩ‬ ‫ﺻﻔﺣﺔ اﻟو ب ﺣﺳب اﻟﻘ ﻣﺔ اﻟﻣﺧﺻﺻﺔ ﻟﻠﺧﺎﺻ ﺔ ‪ dir‬ﻣﺎ ﺎﻟﺟدول اﻟﺗﺎﻟﻲ‪:‬‬


‫ﺗﺄﺛﯾرﻫﺎ‬

‫ﻗ ﻣﺔ اﻟﺧﺎﺻ ﺔ‬ ‫‪rtl‬‬

‫اﺗﺟﺎﻩ ﺻﻔﺣﺔ اﻟو ب ﻣن اﻟ ﻣﯾن اﻟﻰ اﻟ ﺳﺎر‬

‫‪ltr‬‬

‫اﺗﺟﺎﻩ ﺻﻔﺣﺔ اﻟو ب ﻣن اﻟ ﺳﺎر اﻟﻰ اﻟ ﻣﯾن‬

‫ﻧﺸﺎط )‪(٤‬‬ ‫ﻋز ـز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌــﺎون ﻣــﻊ زﻣﻼﺋــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣــك ﻗــم ﺑﺗﻐﯾﯾــر اﺗﺟــﺎﻩ ﻣﺣﺗــو ﺻــﻔﺣﺔ اﻟو ــب ﻣــن‬ ‫اﻟ ﻣﯾن إﻟﻰ اﻟ ﺳﺎر ﻓﻰ اﻟﺗدر ب اﻟﺳﺎﺑ ‪.‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬ ‫ اﻟﺗﻌدﯾﻞ ﻓﻲ اﻟﻛود ﺑﺈﺿﺎﻓﺔ اﻟﺧﺎﺻ ﺔ ‪ dir‬ﻟﻸﻣر >‪</body> ... <body‬‬‫ ﺗﺧﺻ ص اﻟﻘ ﻣﺔ ‪ rtl‬ﻟﻠﺧﺎﺻ ﺔ ‪ ،dir‬ﻟﺗﺻ ﺢ ﺻورة اﻷﻣر >‪ <body‬ﻫﻲ>"‪.<body dir="rtl‬‬‫ ﺣﻔ ﺗﻌدﯾﻞ اﻟﻣﻠﻒ اﻟﻧﺻﻲ‪.‬‬‫‪ -‬ﻓﺗﺢ ﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﻣن ﺧﻼل ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت ﻟﻣﺷﺎﻫدة ﻧﺗﯾﺟﺔ ﺗﻧﻔﯾذ اﻟﺧﺎﺻ ﺔ ‪.dir‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻓﻰ ﻣﺳﺗﻌرض اﻻﻧﺗرﻧت‬ ‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬

‫اﺗﺟﺎﻩ ﻣﺣﺗو اﻟﺻﻔﺣﺔ ﻣن اﻟ ﻣﯾن ﻟﻠ ﺳﺎر‬


‫ﺗﺪرﻳﺐ‬

‫ﻋز ـــز اﻟطﺎﻟـــب‪ :‬ﺎﻟﺗﻌـــﺎون ﻣـــﻊ زﻣﻼﺋـــك و ﻣﺳـــﺎﻋدة ﻣﻌﻠﻣــك ﻗـــم ﻌﻣـــﻞ ﻣﻘﺎرﻧــﺔ ﺑـــﯾن ﺗـــﺄﺛﯾر‬

‫اﻟﻘ ﻣﺔ "‪ "rtl‬واﻟﻘ ﻣﺔ "‪ "ltr‬ﻟﻠﺧﺎﺻ ﺔ ‪ dir‬ﻋﻠﻰ اﺗﺟﺎﻩ ﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫>"‪<body dir="ltr‬‬

‫>"‪<body dir="rtl‬‬

‫اﺗﺟﺎﻩ ﻣﺣﺗو اﻟﺻﻔﺣﺔ ﻣن اﻟ ﻣﯾن ﻟﻠ ﺳﺎر‬

‫اﺗﺟﺎﻩ ﻣﺣﺗو اﻟﺻﻔﺣﺔ ﻣن اﻟ ﺳﺎر ﻟﻠ ﻣﯾن‬

‫)ﻣﻘﺎرﻧﺔ ﺗوﺿﺢ ﺗﺄﺛﯾر ﻗ م اﻟﺧﺎﺻ ﺔ ‪(dir‬‬ ‫ﺗﻨﺴﯿﻘﺎت ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬ ‫ﺗوﺟد اﻟﻌدﯾد ﻣن اﻟﺗﻧﺳ ﻘﺎت اﻟﺗﻲ ﻣ ن ﺗطﺑ ﻘﻬﺎ ﻋﻠﻰ ﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب ﺣﺗﻰ ﺗﺑدو أﻛﺛر ﺟﺎذﺑ ﺔ‪،‬‬ ‫و وﺟد ﻣن اﻟﺗﻧﺳ ﻘﺎت ﻣﺎ طﺑ ﻋﻠﻰ اﻟﻧص ﺻﻔﺣﺔ اﻟو ب وﻣﺎ طﺑ ﻋﻠﻰ ﺧﻠﻔ ﺔ ﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫‪ ‬ﺗﻧﺳﯾ اﻟﻧص ﯾﺗﺿﻣن اﻟﻌدﯾد ﻣن اﻟﻌﻣﻠ ﺎت ﺳوف ﻧﺗﻧﺎول ﻣﻧﻬﺎ‪:‬‬ ‫‪ o‬اﻟﻛﺗﺎ ﺔ ﺑدا ﺔ ﻣن ﺳطر ﺟدﯾد‪.‬‬ ‫‪ o‬ﻣﺣﺎذاة اﻟﻧص‪.‬‬ ‫‪ o‬وﺿﻊ ﻓ راﻏﺎت ﺑﯾن اﻟﻛﻠﻣﺎت‪.‬‬

‫‪ o‬ﺗﻧﺳﯾ اﻟﺧ ﻣن ﺣﯾث )اﻟﻧوع – اﻟﺣﺟم – اﻟﻠون – اﻟﻧﻣ (‪.‬‬ ‫‪ ‬ﺗﻧﺳﯾ اﻟﺻﻔﺣﺔ ﯾﺗﺿﻣن‪:‬‬

‫‪ o‬ﺗﻐﯾﯾر ﻟون ﺧﻠﻔ ﺔ ﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫‪ o‬وﺿﻊ ﺻورة ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬


‫اوﻻ‪ :‬ﺗﻧﺳﯾ اﻟﻧص ﺻﻔﺣﺔ اﻟو ب‪:‬‬ ‫‪ -١‬اﻟﻜﺘﺎﺑﺔ ﺑﺪاﻳﺔ ﻣﻦ ﺳﻄﺮ ﺟﺪﻳﺪ ﺑﺎﻷﻣﺮ >‪<br‬‬

‫ﻟﻛﻲ ظﻬر اﻟﻧص داﺧﻞ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ ﺳطر ن ﯾﺗم اﺳﺗﺧدام اﻷﻣر >‪ ،<br‬ﺣﯾث ﺳﺗﺧدم ﻫذا اﻷﻣر ﻟﻠﻛﺗﺎ ﺔ‬ ‫ﻓﻲ ﺳطر ﺟدﯾد‪.‬‬

‫ﻧﺸﺎط )‪(٥‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﻧﻔﯾذ اﻵﺗﻲ‪:‬‬ ‫ ﺗﺷﻐﯾﻞ ﺑرﻧﺎﻣﺞ ﻣﺣرر اﻟﻧﺻوص‪.‬‬‫ ﺗﺎ ﺔ ود ‪ HTML‬اﻟﻣوﺿﺢ ﺎﻟﺷ ﻞ‪.‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﺎﻟﻣﺳﺗﻌرض ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﻻﺣ‬

‫ظﻬور اﻟﻣﺣﺗو‬

‫اﻟﻧﺻﻲ ﻋﻠﻰ‬

‫ﺳطر ن ﻧﺗﯾﺟﺔ ﻹﺳﺗﺧدام اﻷﻣر >‪<br‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫‪ -٢‬ﻣﺤﺎذاة اﻟﻨﺺ )ﺗﻮﺳﯿﻂ( ﺑﺎﻷﻣﺮ >‪<center> ... </center‬‬

‫ﻟوﺿﻊ ﻧص ﻓﻲ ﻣﻧﺗﺻﻒ اﻟﺳطر ﺳﺗﺧدم اﻷﻣر >‪.<center‬‬

‫ﻧﺸﺎط )‪(٦‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﻧﻔﯾذ اﻵﺗﻲ‪:‬‬ ‫ ﻓﺗﺢ اﻟﻣﻠﻒ اﻟﻧﺻﻲ اﻟﺳﺎﺑ ‪.‬‬‫ إﺿﺎﻓﺔ اﻷﻣر >‪ <center‬ﻣوﻗﻊ اﻟﻣدرﺳﺔ >‪.</center‬‬‫ ﺣﻔ ﺗﻌدﯾﻞ اﻟﻣﻠﻒ اﻟﻧﺻﻲ‪.‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻣن ﺧﻼل ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﻻﺣ‬

‫ظﻬور اﻟﻌ ﺎرة "ﻣوﻗﻊ‬

‫اﻟﻣدرﺳﺔ" ﻓﻲ ﻣﻧﺗﺻﻒ اﻟﺳطر‪.‬‬ ‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫‪-٣‬إﺿﺎﻓﺔ ﻓﺮاﻏﺎت ﺑﯿﻦ اﻟﻜﻠﻤﺎت ﺑﺎﻷﻣﺮ ;‪&nbsp‬‬

‫ﻋﻧد ﺗرك أ ﻋدد ﻣن اﻟﻣﺳﺎﻓﺎت ﺑﯾن اﻟﻛﻠﻣﺎت داﺧﻞ ﻣﻠـﻒ اﻷواﻣـر ﺳـوف ﯾﺗﻌﺎﻣـﻞ ﻣﻌﻬـﺎ ﻣﺳـﺗﻌرض اﻹﻧﺗرﻧـت‬ ‫ﻋﻧــد ﻋــرض اﻟﺻــﻔﺣﺔ ﻋﻠــﻰ أﻧﻬــﺎ ﻣﺳــﺎﻓﺔ واﺣــدة‪ ،‬وﻟﻠــﺗﺣ م ﻓــﻲ ﻋــدد اﻟﻣﺳــﺎﻓﺎت )اﻟﻔراﻏــﺎت( ﺑــﯾن اﻟﻛﻠﻣــﺎت ﻧﺳــﺗﺧدم‬ ‫اﻟرﻣز ;‪ ،&nbsp‬ﺣﯾث ﯾﺗم ﺗﻛرارﻩ ﻌدد اﻟﻔراﻏﺎت اﻟﻣطﻠو ﺔ ﺑﯾن اﻟﻛﻠﻣﺎت‪.‬‬

‫ﻧﺸﺎط )‪(٧‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﻧﻔﯾذ اﻵﺗﻲ‪:‬‬ ‫ ﻓﺗﺢ اﻟﻣﻠﻒ اﻟﻧﺻﻲ اﻟﺳﺎﺑ ‪.‬‬‫ ﺗﺎ ـﺔ اﻟﻛـود "ﻣوﻗـﻊ ;‪    &nbsp‬‬‫;‪ &nbsp‬اﻟﻣدرﺳﺔ"‪.‬‬ ‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﻻﺣ‬

‫ظﻬور اﻟﻌ ﺎرة "ﻣوﻗﻊ اﻟﻣدرﺳﺔ"‬

‫ﻣﻊ وﺿﻊ ‪ ٤‬ﻣﺳﺎﻓﺎت ﺑﯾن اﻟﻛﻠﻣﺗﯾن‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫‪-٤‬أ‪ -‬ﺗﻨﺴﯿﻖ اﻟﺨﻂ ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻷﻣﺮ >‪<font> ... </font‬‬

‫ﻟﻠﺗﺣ م ﻓﻲ ﻧوع وﺣﺟم وﻟون اﻟﺧ ﯾﺗم اﺳﺗﺧدام اﻷﻣر >‪ <font‬وﻫو أﻣر ﻟﻪ ﻣﺟﻣوﻋﺔ ﻣن اﻟﺧﺻﺎﺋص ﻣﻧﻬﺎ‪:‬‬ ‫اﻟوظ ﻔﺔ‬

‫اﻟﺧﺎﺻ ﺔ‬

‫ﺗﺣدﯾد ﻧوع اﻟﺧ‬

‫‪face‬‬

‫ﺗﺣدﯾد ﻟون اﻟﺧ‬

‫‪color‬‬

‫ﺗﺣدﯾد ﺣﺟم اﻟﺧ‬

‫‪size‬‬

‫ﻣﻼﺣظﺔ‪:‬‬ ‫ﯾﺗﻌــرف اﻟﻣﺳــﺗﻌرض ﻋﻠــﻰ ‪ ٧‬أﺣﺟـــﺎم ﻣﺧﺗﻠﻔــﺔ ﻣــن اﻟﺧطـــو واﻟﺗــﻲ ﯾــﺗم ﺗﺣدﯾـــدﻫﺎ ﺑواﺳــطﺔ اﻟﺧﺎﺻ ـ ﺔ ‪ size‬ﺣﯾـــث‬ ‫ﺗﺗراوح ﻗ ﻣﺔ ﻫذﻩ اﻟﺧﺎﺻ ﺔ ﻣن ‪ ١‬اﻟﻰ ‪.٧‬‬

‫ﻧﺸﺎط )‪(٨‬‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﻧﺷﺎء ﺻﻔﺣﺔ و ب ذات اﺗﺟﺎﻩ‬ ‫ﻣﯾن و ﻬﺎ اﻟﻧص "ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة " ﺑﺧ ﻧوﻋﻪ اﻧدﻟﺳﻲ "‪ " andalus‬ﺑﻠون أﺣﻣر‬ ‫وﺣﺟم اﻟﺧ ‪.٦‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬ ‫ ﺗﺎ ﺔ اﻟﻛود‪.‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬


‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬

‫ﻣﻼﺣظﺎت‪:‬‬ ‫‪‬‬

‫ﻌد اﺳﺗﺧدام أﻣر اﻻﻏﻼق >‪ </font‬ﯾﻧﺗﻬﻲ ﺗﺄﺛﯾر اﻷﻣر ﻋﻠﻰ ﺗﻧﺳ ﻘﺎت أ ﻧص ﺗب ﻌدﻩ‪.‬‬

‫‪ ‬ﻓﻲ ﺣﺎﻟﺔ ﻋدم اﺳﺗﺧدام اﻷﻣر >‪ <font‬ظﻬر ﻧوع اﻟﺧ ﻋﻠﻰ ﺻﻔﺣﺔ اﻟو ب ﺎﻟﺷ ﻞ اﻻﻓﺗراﺿﻲ‪.‬‬


‫‪-٤‬ب‪ -‬ﺗﻨﺴﯿﻖ اﻟﺨﻂ ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬ ‫ﯾوﺟد اﻟﻌدﯾد ﻣن اﻷواﻣر اﻟﺗﻲ ﻣن ﺧﻼﻟﻬﺎ ﯾﺗم ﺗﻧﺳﯾ اﻟﺧ وﻣﻧﻬﺎ اﻷواﻣر اﻟﻣوﺿﺣﺔ ﺎﻟﺟدول اﻟﺗﺎﻟﻲ‪:‬‬ ‫اﻷﻣر‬

‫اﻟوظ ﻔﺔ‬

‫>‪<u‬‬

‫وﺿﻊ ﺧ ﺗﺣت اﻟﻧص )ﻣﺳطر ‪(Underline‬‬

‫>‪<b‬‬

‫ﺧ ﻋر ض )‪(Bold‬‬

‫>‪<i‬‬

‫ﺧ ﻣﺎﺋﻞ )‪(Italic‬‬

‫ﻧﺸﺎط )‪(٩‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻓﻰ اﻟ ﻣﻠﻒ اﻟﺳﺎﺑ‬

‫ﻗم ﺑوﺿﻊ ﺧ أﺳﻔﻞ اﻟﻌ ﺎرة‬

‫"ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطور"‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬ ‫ إﺿﺎﻓﺔ اﻟﻛود‪:‬‬‫>‪ </u‬ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطور >‪<u‬‬ ‫ ﺣﻔ اﻟﺗﻌدﯾﻞ اﻟﻣﻠﻒ اﻟﻧﺻﻲ‪.‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫ﺗﺪرﻳﺐ‬ ‫ﻋز ز اﻟطﺎﻟـب‪ :‬ﺎﻟﺗﻌـﺎون ﻣـﻊ زﻣﻼﺋـك و ﻣﺳـﺎﻋدة ﻣﻌﻠﻣـك ﻗـم ﺎﻟﺗﻌـدﯾﻞ ﻓـﻲ ﻣﻠـﻒ ﺻـﻔﺣﺔ اﻟو ـب‬ ‫اﻟﺳﺎﺑ‬

‫ﺎﻵﺗﻲ‪:‬‬

‫ ﺗﻧﺳﯾ اﻟﺧ ﻓﻲ ﺻﻔﺣﺔ اﻟو ب ﻟﺟﻌﻠﻪ ﻣﺎﺋﻞ ﻟﻠﻌ ﺎرة " ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة "‪.‬‬‫ ﺗﻧﺳﯾ اﻟ ﺧ ﻓﻲ ﺻﻔﺣﺔ اﻟو ب ﻟﺟﻌﻠﻪ ﺧ ﻋر ض ﻟﻠﻌ ﺎرة " ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة "‪.‬‬‫ﻧﻼﺣ أن ﻟﺗﻧﺳﯾ اﻟﺧ ﻓﻲ ﺻﻔﺣﺔ اﻟو ب‪:‬‬ ‫ ﺟﻌﻠﻪ ﻣﺎﺋﻞ " ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة "‪.‬‬‫ﺗب اﻟﻛود‪ </i> :‬ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة >‪<i‬‬ ‫ ﺟﻌﻠﻪ ﺧ ﻋر ض "ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة"‪.‬‬‫ﺗب اﻟﻛود‪ </b> :‬ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة >‪<b‬‬


‫ﺛﺎﻧ ﺎ ‪ :‬ﺗﻧﺳﯾ ﺧﻠﻔ ﺔ ﺻﻔﺣﺔ اﻟو ب‪:‬‬ ‫‪-١‬ﺗﺤﺪﻳﺪ ﻟﻮن ﻛﺨﻠﻔﯿﺔ ﻟﺼﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻟﺨﺎﺻﯿﺔ ‪bgcolor‬‬

‫ﺗﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪ bgcolor‬اﻟﺗﺎ ﻌﺔ ﻟﻸﻣر >‪ <body‬ﻟﺗﺣدﯾد ﻟون ﺧﻠﻔ ﺔ ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫ﻧﺸﺎط )‪(١٠‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﻌﻣﻞ اﻵﺗﻰ‪:‬‬ ‫ ﺗﺎ ﺔ اﻟﻛود > "‪.<body bgcolor="green‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﻻﺣـ ظﻬــور ﻟــون ﺧﻠﻔ ــﺔ ﺻــﻔﺣﺔ‬

‫اﻟو ب ﺎﻟﻠون اﻷﺧﺿر‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬

‫‪ -‬اﻟﺟدول اﻟﺗﺎﻟﻲ ﺣﺗو‬

‫ﻌض أﺳﻣﺎء اﻷﻟوان ﻣ ن اﺳﺗﺧداﻣﻬﺎ ﻘ ﻣﺔ ﻟﻠﺧﺎﺻ ﺔ ‪:bgcolor‬‬ ‫‪Color‬‬

‫‪Sky‬‬ ‫‪Blue‬‬

‫‪Purple‬‬

‫‪Yellow‬‬

‫‪White‬‬

‫‪Red‬‬

‫‪Green‬‬

‫‪Black‬‬

‫‪Brown‬‬

‫‪Blue‬‬

‫‪Color‬‬ ‫‪Name‬‬


‫‪ -٢‬وﺿﻊ ﺻﻮرة ﻛﺨﻠﻔﯿﺔ ﻟﺼﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻟﺨﺎﺻﯿﺔ ‪Background‬‬

‫ﻟوﺿﻊ ﺻورة ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب ﺗﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪ Background‬اﻟﺗﺎ ﻌﺔ ﻟﻸﻣر >‪.<body‬‬

‫ﻧﺸﺎط )‪(١١‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﻧﻔﯾذ ﻣﺎﯾﻠﻰ‪:‬‬ ‫ إﻋداد وﺗﺟﻬﯾز أﺣد ﻣﻠﻔﺎت اﻟﺻور ﻟوﺿﻌﻬﺎ ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬‫‪ -‬ﺣﻔ ﻣﻠﻒ اﻟﺻورة داﺧﻞ ﻣﺟﻠد‪.‬‬

‫ ﺗﺎ ﺔ اﻟﻛود اﻟﻼزم ﻟوﺿﻊ اﻟﺻورة "‪ "image1.jpg‬ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب‬‫> "‪<body background="image1.jpg‬‬ ‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪ htm‬ﻓﻰ ﻧﻔس ﻣﺟﻠد ﺣﻔ ﻣﻠﻒ اﻟﺻورة‪.‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﻻﺣ ظﻬور اﻟﺻورة ﺧﻠﻔ ﺔ ﻓﻲ ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫اﻟﺗﻌﺎﻣﻞ ﻣﻊ اﻟﺻور ﻓﻲ ﺻﻔﺣﺎت اﻟو ب‪:‬‬ ‫‪-١‬إدراج ﺻﻮرة داﺧﻞ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬ ‫إدراج ﺻﻮرة ﺑﺎﻷﻣﺮ > ‪< img‬‬

‫ﻹدراج ﺻـورة ﻓــﻲ ﺻــﻔﺣﺔ اﻟو ــب ﯾـﺗم اﺳــﺗﺧدام ﺧﺎﺻـ ﺔ ‪ src‬اﻟﺗﺎ ﻌــﺔ ﻟﻸﻣـر >‪ <img‬و ﺗطﻠــب ذﻟــك ﺗﺣدﯾــد‬ ‫اﺳم ﻣﻠﻒ اﻟﺻورة وﻣ ﺎن ﺣﻔظﻪ‪.‬‬

‫ﻧﺸﺎط )‪(١٢‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺗﺻﻣ م ﺻﻔﺣﺔ و ب ون ﻣﺣﺗواﻫﺎ ﺎﻵﺗﻲ‪:‬‬ ‫ ﻧص "ﻣدرﺳﺗﻲ ﺟﻣﯾﻠﺔ وﻧظ ﻔﺔ وﻣﺗطورة" ﺑﻠون أﺣﻣر وﺗﺣﺗﻬﺎ ﺧ ‪.‬‬‫‪ -‬ﺗظﻬر ﺻورة ﻟﻠﻣدرﺳﺔ أﺳﻔﻞ اﻟﻧص‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫ﺗﺪرﻳﺐ‬

‫ﻋز ـز اﻟطﺎﻟـب‪ :‬ﺎﻟﺗﻌـﺎون ﻣـﻊ زﻣﻼﺋـك و ﻣﺳـﺎﻋدة ﻣﻌﻠﻣـك ﻗـم ﺎﻟ ﺣـث ﻋﺑـر اﻹﻧﺗرﻧـت ﻋـن أﻧـواع‬

‫اﻣﺗداد ﻣﻠﻔﺎت اﻟﺻور اﻟﺗﻲ ﻣ ن اﺳﺗﺧداﻣﻬﺎ ﻓﻲ ﺻﻔﺣﺎت اﻟو ب‪.‬‬

‫ﻣﻼﺣظﺎت ﻫﺎﻣﺔ‪:‬‬ ‫‪ -‬ﻓﻲ اﻟﺗدر ب اﻟﺳﺎﺑ‬

‫ﻔﺗرض أن ﻣﻠﻒ اﻟﺻورة وﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ ﻧﻔس اﻟﻣﺟﻠد‪ ،‬ﻟذﻟك ﺗم اﻹﻛﺗﻔﺎء‬

‫ﺗﺎ ﺔ اﺳم ﻣﻠﻒ اﻟﺻورة واﻹﻣﺗداد ﻣﻊ اﻟﺧﺎﺻ ﺔ ‪.src‬‬ ‫ ﻓﻲ ﺣﺎﻟﺔ ﺗواﺟد ﻣﻠﻒ اﻟﺻورة ﻓﻲ ﻣﺟﻠد آﺧر ﯾﺟب ﺗﺎ ﺔ ﻣﺳﺎر ﻣﻠﻒ اﻟﺻورة ﺎﻣﻼ‪.‬‬‫‪ -٢‬ﺗﻨﺴﯿﻖ اﻟﺼﻮر ﻓﻲ ﺻﻔﺤﺎت اﻟﻮﻳﺐ‪:‬‬ ‫‪ ١-٢‬اﻟﺘﺤﻜﻢ ﻓﻲ أﺑﻌﺎد اﻟﺼﻮرة ﺑﺼﻔﺤﺔ اﻟﻮﻳﺐ‬

‫ﻣ ن ﺗﻧﺳﯾ اﻟﺻورة اﻟﻣدرﺟﺔ ﺎﻟﺗﺣ م ﻓﻲ ا ﻌﺎدﻫﺎ )اﻻرﺗﻔﺎع واﻟﻌرض( وﻣﺣﺎذاﺗﻬﺎ ﺎﻟﻧﺳ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫ﯾﺗم اﻟﺗﺣ م ﻓﻲ أ ﻌﺎد اﻟﺻورة ﻣن ﺧﻼل ﺧﺻﺎﺋص اﻷﻣر >‪ <img‬ﺎﻵﺗﻲ ‪:‬‬ ‫‪ -‬اﻟﺧﺎﺻﺔ ‪) height‬ارﺗﻔﺎع اﻟﺻورة(‪ ،‬ﻣﺛﺎل‬

‫"‪height="200‬‬

‫ اﻟﺧﺎﺻ ﺔ ‪) width‬ﻋرض اﻟﺻورة(‪ ،‬ﻣﺛﺎل "‪width="300‬‬‫و ﺗم اﺳﺗﺧدام وﺣدة اﻟﻘ ﺎس اﻟ ﺳﻞ "‪ "Pixel‬ﻟﻘ ﺎس ا ﻌﺎد اﻟﺻورة‪.‬‬


‫ﻧﺸﺎط )‪(١٣‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻵﺗﻲ‪:‬‬ ‫ إدراج ﺻورة ﻣﻊ ﺟﻌﻞ ا ﻌﺎدﻫﺎ ﺎﻵﺗﻲ‪:‬‬‫اﻟﻌرض ‪ 800=width‬ﺳﻞ ‪ ،‬اﻻرﺗﻔﺎع ‪ 450=height‬ﺳﻞ‬ ‫‪ -‬ﺗﻌدﯾﻞ اﻟﻧﺷﺎ اﻟﺳﺎﺑ‬

‫ﺣﯾث ﯾﺗم ﺗﺎ ﺔ اﻟﻛود اﻟﺗﺎﻟﻲ‪:‬‬

‫>"‪<img src="school.png" height="450" width="800‬‬

‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫‪ ٢-٢‬ﻣﺤﺎذاة اﻟﺼﻮرة داﺧﻞ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬

‫ﯾﺗم اﻟﺗﺣ م ﻓﻲ ﻣﺣﺎذاة اﻟﺻورة ﻣن ﺧﻼل اﻟﺧﺎﺻ ﺔ ‪ Align‬ﻟﻸﻣر >‪ ،<img‬وﺗﺄﺧذ اﻟﺧﺎﺻ ﺔ اﻟﻘ م اﻵﺗ ﺔ‪:‬‬ ‫اﻟﻘ ﻣﺔ‬

‫اﻟوظ ﻔﺔ‬

‫‪Right‬‬

‫ﻣﺣﺎذاة اﻟﺻورة ﻷﻗﺻﻰ ﻣﯾن ﺻﻔﺣﺔ اﻟو ب‬

‫‪Left‬‬

‫ﻣﺣﺎذاة اﻟﺻورة ﻷﻗﺻﻰ ﺳﺎر ﺻﻔﺣﺔ اﻟو ب‬

‫‪Middle‬‬

‫اﻟﻧص ﻘﻊ ﻣﺣﺎذاة ﻣﻧﺗﺻﻒ اﻟﺻورة‬

‫‪Bottom‬‬

‫اﻟﻧص ﻘﻊ ﻣﺣﺎذاة اﻟﺣﺎﻓﺔ اﻟﺳﻔﻠﻰ ﻟﻠﺻورة‬

‫‪Top‬‬

‫اﻟﻧص ﻘﻊ ﻣﺣﺎذاة اﻟﺣﺎﻓﺔ اﻟﻌﻠ ﺎ ﻟﻠﺻورة‬

‫ﻧﺸﺎط )‪(١٤‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﻌدﯾﻞ ﻓﻲ ﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﺎﻟﺗدر ب‬ ‫اﻟﺳﺎﺑ‬

‫ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫ ﺗﻧﺳﯾ اﻟﺻورة ﻟﻛﻲ ظﻬر اﻟﻧص ﻣﻊ اﻟﺻورة ﻓﻲ ﻧﻔس اﻟﺳطر‪ ،‬و ﻘﻊ اﻟﻧص ﻣﺣﺎذاة ﻣﻧﺗﺻﻒ اﻟﺻورة‪.‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ اﻟﻣﻠﻒ ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬


‫ﺻﻔﺣﺔ اﻟو ب ﻌد ﺗﻧﻔﯾذ اﻟﻛود‬ ‫ﻻﺣ اﻟﻧص ﻣﻊ اﻟﺻورة ﻓﻲ ﻧﻔس اﻟﺳطر ‪،‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬

‫و ﻘﻊ اﻟﻧص ﻣﺣﺎذاة ﻣﻧﺗﺻﻒ اﻟﺻورة‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻓﻲ اﻟﻧﺷﺎ‬

‫اﻵﺗﻲ‪:‬‬ ‫ ﻣﺣﺎذاة اﻟﺻورة ﻷﻗﺻﻰ اﻟ ﻣﯾن ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬‫‪ -‬ﻣﺣﺎذاة اﻟﺻورة ﻟ ﻘﻊ اﻟﻧص ﻣﺣﺎذاة اﻟﺣﺎﻓﺔ اﻟﻌﻠ ﺎ ﻟﻠﺻورة‪.‬‬

‫ﻣﻼﺣظﺎت‪:‬‬ ‫ ﻟﻣﺣﺎذاة اﻟﺻورة ﻷﻗﺻﻰ اﻟ ﻣﯾن ﻟﺻﻔﺣﺔ اﻟو ب ﻧﺳﺗﺧدم اﻟﻛود "‪.align="right‬‬‫‪ -‬ﻟﻣﺣﺎذاة اﻟﺻورة ﻟ ﻘﻊ اﻟﻧص ﻣﺣﺎذاة اﻟﺣﺎﻓﺔ اﻟﻌﻠ ﺎ ﻟﻠﺻورة ﻧﺳﺗﺧدم اﻟﻛود "‪.align="top‬‬

‫اﻟﺳﺎﺑ‬

‫ﻗم ﻌﻣﻞ‬


‫اﻟﺗﻌﺎﻣﻞ ﻣﻊ اﻟﺻوت ﻓﻲ ﺻﻔﺣﺎت اﻟو ب‪:‬‬ ‫إدراج اﻟﺼﻮت ﻛﺨﻠﻔﯿﺔ ﺻﻮﺗﯿﺔ ﻟﺼﻔﺤﺔ ﺑﺎﻷﻣﺮ >‪<bgsound‬‬ ‫ﻣ ن إدراج اﻟﺻوت ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب ﺣﯾث ﯾﺗم اﻻﺳﺗﻣﺎع إﻟ ﻪ ﻋﻧد ﺗﺣﻣﯾﻞ ﺻﻔﺣﺔ اﻟو ب ﺎﻟﻣﺳﺗﻌرض‪.‬‬ ‫ﻣﻼﺣظﺔ‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت " ‪ " Internet Explorer‬ﻫو اﻟﻣﺳﺗﻌرض اﻟوﺣﯾد اﻟذ‬

‫ﯾدﻋم ﺗﻧﻔﯾذ اﻷﻣر‬

‫>‪ <bgsound‬ﻹدراج اﻟ ﺻوت ﺧﻠﻔ ﺔ ﺻوﺗ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب وﻻ ظﻬر ﺗﺄﺛﯾر ﻫذا اﻷﻣر ﻣﻊ اﻷﻧواع اﻷﺧر‬ ‫ﻣن اﻟﻣﺳﺗﻌرﺿﺎت‪.‬‬ ‫ﺎﺳﺗﺧدام اﻷﻣر >‪ <bgsound‬واﻟﺧﺎﺻ ﺔ ‪ src‬اﻟﻣﺻﺎﺣ ﺔ ﻟﻪ‪ ،‬ﯾﺗم إدراج اﻟﺻوت ﺧﻠﻔ ﺔ ﺻوﺗ ﺔ‬ ‫ﻟﺻﻔﺣﺔ اﻟو ب‪ ،‬اﻟﺧﺎﺻ ﺔ ‪ src‬ﻟﻸﻣر ﺗﺄﺧذ ﻗ ﻣﺔ اﺳم ﻣﻠﻒ اﻟﺻوت واﻣﺗدادﻩ )وذﻟك ﻓﻲ ﺣﺎﻟﺔ ﺣﻔ ﻣﻠﻒ اﻟﺻوت‬ ‫ﻣﻊ ﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ ﻧﻔس اﻟﻣﺟﻠد‪ ،‬وﻏﯾر ذﻟك ﯾﺟب ﺗﺎ ﺔ ﻣﺳﺎر ﻣﻠﻒ اﻟﺻوت ﺎﻣﻼً(‪.‬‬

‫ﻧﺸﺎط )‪(١٥‬‬ ‫ﻋز ــز اﻟطﺎﻟــب‪ :‬ﺎﻟﺗﻌــﺎون ﻣـــﻊ زﻣﻼ ﺋــك و ﻣﺳــﺎﻋدة ﻣﻌﻠﻣـــك ﻗــم ﺑﺈﻧﺷــﺎء ﺻــﻔﺣﺔ و ــب ﻋﻧــد ﻓﺗﺣﻬــﺎ داﺧـــﻞ‬ ‫اﻟﻣﺳﺗﻌرض"‪ "Internet Explorer‬ﯾﺗم ﺗﺷﻐﯾﻞ ﻣﻠﻒ اﻟﺻوت "‪"egypt.MP3‬‬

‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ ‪:‬‬

‫ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫ ﺗﺎ ﺔ اﻟﻛود ﻣﺎ ﻫو ﻣوﺿﺢ ﺎﻟﺻورة‪.‬‬‫ ﺣﻔ اﻟﻣﻠﻒ اﻟﻧﺻﻲ ﺎﻣﺗداد ‪.htm‬‬‫‪ -‬ﻓﺗﺢ ﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬


‫اﻟﺗﻌﺎﻣﻞ ﻣﻊ اﻟﻔﯾدﯾو داﺧﻞ ﺻﻔﺣﺔ اﻟو ب‪:‬‬ ‫إدراج ﻓﯿﺪﻳﻮ داﺧﻞ ﺻﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻷﻣﺮ >‪<embed‬‬

‫ﺎﺳﺗﺧدام اﻷﻣر >‪ <embed‬ﯾﺗم إدراج اﻟﻔﯾدﯾو ﻓﻲ ﺻﻔﺣﺔ اﻟو ب‪ ،‬و ﺟب ﻣﻼﺣظﺔ أن ﻫذا اﻷﻣر ﯾدﻋم‬ ‫ﻣﻠﻔﺎت اﻟﻔﯾدﯾو ﻣن اﻟﻧوع )‪(.swf - .avi - .mov‬‬ ‫ﺎﺳﺗﺧدام اﻷﻣر >‪ <embed‬واﻟﺧﺎﺻ ﺔ ‪ src‬اﻟﻣﺻﺎﺣ ﺔ ﻟﻪ‪ ،‬ﯾﺗم إدراج اﻟﻔﯾدﯾو‪ ،‬ﻗ ﻣﺔ اﻟﺧﺎﺻ ﺔ ‪src‬‬ ‫ﺗﺄﺧذ اﺳم ﻣﻠﻒ اﻟﻔﯾدﯾو واﻣﺗدادﻩ )وذﻟك ﻓﻲ ﺣﺎﻟﺔ ﺣﻔ ﻣﻠﻒ اﻟﻔﯾدﯾو ﻣﻊ ﻣﻠﻒ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ ﻧﻔس اﻟﻣﺟﻠد‪،‬‬ ‫وﻏﯾر ذﻟك ﯾﺟب ﺗﺎ ﺔ ﻣﺳﺎر ﻣﻠﻒ اﻟﻔﯾدﯾو ﺎﻣﻼً(‪.‬‬

‫ﻧﺸﺎط )‪(١٦‬‬ ‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺑﺈﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺗﺣﺗو ﻋﻠﻰ ﻓﯾدﯾو ﺣﯾث‬ ‫ﻣ ن ﺗﺷﻐﯾﻞ ﻣﻠﻒ اﻟﻔﯾدﯾو ‪ internet.avi‬ﺑداﺧﻠﻬﺎ‪.‬‬

‫ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﺑراﻣﺞ ﺗﺣر ر اﻟﻧﺻوص‬ ‫ﺻﻔﺣﺔ اﻟو ب ﺎﻟﻣﺳﺗﻌرض‬


‫إدراج ارﺗﺒﺎط ﺗﺸﻌﺒﻲ ﺑﺼﻔﺤﺔ اﻟﻮﻳﺐ ﺑﺎﻷﻣﺮ >‪<a>…</a‬‬

‫اﻻرﺗ ﺎ اﻟﺗﺷﻌﺑﻲ ‪:Hyperlink‬‬ ‫اﻻرﺗ ـﺎ اﻟﺗﺷـﻌﺑﻲ ﻋ ـﺎرة ﻋـن ﺻـورة أو ﻧـص ﻣـرﺗ‬

‫ﻌﻧـوان وﻋﻧـد اﻟﺿـﻐ ﻋﻠ ـﻪ ﯾـﺗم اﻻﻧﺗﻘـﺎل إﻟـﻰ ﻫـذا‬

‫اﻟﻌﻧوان و ﻣ ن أن ون داﺧﻞ ﻧﻔس اﻟﺻﻔﺣﺔ أو ﺻﻔﺣﺔ أﺧر داﺧﻞ ﻧﻔس اﻟﻣوﻗﻊ أو ﻓﻲ ﻣوﻗﻊ آﺧر‪.‬‬

‫ﺗﺪرﻳﺐ‬

‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﻗم ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫ ﺗﺣﻣﯾﻞ ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‪.‬‬‫ اﻟ ﺣث داﺧﻞ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ ﻋن اﻻرﺗ ﺎطﺎت اﻟﺗﺷﻌﺑ ﺔ )ﻧص ﻓﺎﺋ أو ﺻورة ﻓﺎﺋﻘﺔ(‪.‬‬‫ ﺗﺗ ﻊ ﺗﻠك اﻟﻧﺻوص واﻟﺻور اﻟﻔﺎﺋﻘﺔ ﻣن ﺧﻼل اﻟﺿﻐ ﻋﻠﯾﻬﺎ‪.‬‬‫ ﺗﻌــرف ﻋﻠــﻰ اﻷﺷ ـ ﺎل اﻟﻣﺧﺗﻠﻔــﺔ ﻟﻼرﺗ ــﺎ اﻟﺗﺷــﻌﺑﻲ )ﻓــﻲ ﻧﻔــس اﻟﺻــﻔﺣﺔ‪ ،‬ﺑــﯾن ﺻــﻔﺣﺎت اﻟﻣوﻗــﻊ‪ ،‬ﺑــﯾن ﺻــﻔﺣﺔ‬‫ﺎﻟﻣوﻗﻊ وارﺗ ﺎطﻬﺎ اﻟﺗﺷﻌﺑﻲ ﺻﻔﺣﺔ أﺧر ﻓﻲ ﻣوﻗﻊ آﺧر(‪.‬‬

‫ﻧﺺ ﻓﺎﺋﻖ‬

‫ﺻﻮرة ﻓﺎﺋﻘﺔ‬


‫ادراج ارﺗ ﺎ ﺗﺷﻌﺑﻲ ‪:Hyperlink‬‬

‫ﻹدراج ارﺗ ـﺎ ﺗﺷــﻌﺑﻲ ﺗﺳـﺗﺧدم اﻟﺧﺎﺻـ ﺔ ‪ href‬ﻟﻸﻣــر >‪ <a‬واﻟﺗـﻲ ﺗﺣـدد ﻗ ﻣﺗﻬــﺎ اﻟﻌﻧـوان اﻟﻣطﻠــوب اﻻﻧﺗﻘــﺎل‬

‫إﻟ ﻪ‪ ،‬و ون ﺷ ﻞ اﻷﻣر ﺎﻵﺗﻲ‪:‬‬

‫>‪ </a‬اﻟﻧص أو اﻟﺻورة‬

‫> "اﻟﻌﻧوان اﻟﻣطﻠوب اﻻﻧﺗﻘﺎل إﻟ ﻪ" =‪<a href‬‬

‫‪-١‬إدراج ارﺗﺒﺎط ﺗﺸﻌﺒﻲ ﻧﺼﻲ اﻷﻣﺮ >‪<a>…</a‬‬

‫ﻹدراج ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﻧﺻﻲ )ﻧص ﻓﺎﺋ ( ﺎﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪ href‬ﻟﻸﻣر >‪.<a‬‬

‫ﻧﺸﺎط )‪(١٧‬‬ ‫ﻋز ز اﻟطﺎﻟـب‪ :‬ﺎﻟﺗﻌـﺎون ﻣـﻊ زﻣﻼﺋـك و ﻣﺳـﺎﻋدة ﻣﻌﻠﻣـك ﻗـم ﺑﺈﻧﺷـﺎء ﺻـﻔﺣﺔ و ـب ﺗﺣﺗـو ارﺗ ـﺎ ﺗﺷـﻌﺑﻲ‬ ‫ﻧﺻﻲ "وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م" وﻋﻧد اﻟﺿﻐ ﻋﻠ ﻪ ﯾﺗم اﻹﻧﺗﻘﺎل ﻟﻠﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ ﻟﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‪.‬‬ ‫إﺳﺗﺧدم اﻟﻛود اﻟﺗﺎﻟﻲ ﻓﻲ اﻧﺷﺎء اﻟﺻﻔﺣﺔ‪:‬‬ ‫>‪ </a‬وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‬ ‫ﻳﻈﮫﺮ ﻛﻨﺺ ﻓﺎﺋﻖ‬ ‫ﻓﻲ ﺻﻔﺤﺔ اﻟﻮﻳﺐ‬ ‫ﺑﺎﻟﻤﺴﺘﻌﺮض‬

‫> "‪<a href="http://www.moe.gov.eg‬‬ ‫ﻋﻨﻮان ﻣﻮﻗﻊ اﻟﻮزارة‬ ‫اﻟﻤﻄﻠﻮب اﻻﻧﺘﻘﺎل إﻟﯿﻪ‬

‫أﻣﺮ اﻻرﺗﺒﺎط اﻟﺘﺸﻌﺒﻲ >‪<a href=…..> …</a‬‬


‫‪ -١‬ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﻣﻧﺳﻘﺎت اﻟﻧﺻوص وﺣﻔظﻪ‪.‬‬ ‫‪-٢‬ﻓﺗﺢ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ اﻟﻣﺳﺗﻌرض‪،‬‬ ‫‪ -٣‬اﻟﺿﻐ ﻋﻠﻰ اﻟﻧص اﻟﻔﺎﺋ‬

‫ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫‪-٤‬ﻓﯾﺗم ﺗﺣﻣﯾﻞ ﻣوﻗﻊ وزارة اﻟﺗر ﺔ واﻟﺗﻌﻠ م‪.‬‬

‫‪ -١‬ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد‬ ‫ﻣﻧﺳﻘﺎت اﻟﻧﺻوص‬

‫‪-٣‬ﺗﺤﻤﯿﻞ ﻣﻮﻗﻊ اﻟﻮزارة‬


‫ﺗﺎ ﻊ إدراج ارﺗ ﺎ ﺗﺷﻌﺑﻲ ‪:Hyperlink‬‬ ‫‪-٢‬إدراج ارﺗﺒﺎط ﺗﺸﻌﺒﻲ ﻟﺼﻮرة‬ ‫ﻟﻛﻲ ﺗﺻ ﺢ ﺻورة ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﯾﺟب اﺗ ﺎع اﻟﺗﺎﻟﻲ‪:‬‬ ‫ إظﻬﺎر اﻟﺻورة ﺎﺳﺗﺧدام اﻷﻣر >‪.<img‬‬‫‪ -‬وﺿﻊ أﻣر اﻟﺻورة >‪ <img‬داﺧﻞ اﻷﻣر >‪ <a> ...</a‬وذﻟك ﻟﺗﺣو ﻠﻬﺎ إﻟﻰ ارﺗ ﺎ ﺗﺷﻌﺑﻲ‪.‬‬

‫ﻧﺸﺎط )‪(١٨‬‬ ‫ﻋز ز اﻟطﺎﻟـب‪ :‬ﺎﻟﺗﻌـﺎون ﻣـﻊ زﻣﻼﺋـك و ﻣﺳـﺎﻋدة ﻣﻌﻠﻣـك ﻗـم ﺑﺈﻧﺷـﺎء ﺻـﻔﺣﺔ و ـب ﺗﺣﺗـو ارﺗ ـﺎ ﺗﺷـﻌﺑﻲ‬ ‫ﺻورة وﻋﻧد اﻟﺿﻐ ﻋﻠﻰ اﻟﺻورة ﯾﺗم اﻻﻧﺗﻘﺎل اﻟﻲ ﺻﻔﺣﺔ اﻟو ب "ﻣدرﺳﺗﻲ"‪.‬‬ ‫ﺧطوات ﺗﻧﻔﯾذ اﻟﻧﺷﺎ‬ ‫ﺎﻟﺗﻌدﯾﻞ ﻓﻲ ود ﺻﻔﺣﺔ اﻟو ب اﻟﺳﺎ ﻘﺔ واﺳﺗﺑدا ل اﻟﻧص ﺎﻟﺻورة "‪ "tools.jpg‬ﺣﯾث ﺗﺻ ﺢ ارﺗ ﺎ‬ ‫ﺗﺷﻌﺑﻲ و ﺎﻟﻧﻘر ﻋﻠﯾﻬﺎ ﯾﺗم اﻻﻧﺗﻘﺎل اﻟﻲ ﺻﻔﺣﺔ اﻟو ب "ﻣدرﺳﺗﻲ"‪.‬‬ ‫اﺳﺗﺧدم ود اﻻرﺗ ﺎ اﻟﺗﺷﻌﺑﻲ ﻟﺻورة ﺎﻟﺗﺎﻟﻲ‪:‬‬

‫>‪<a href = "myschool.htm" > <img src="tools.jpg"> </a‬‬ ‫ﺗﻈﮫﺮ ﻛﺼﻮرة ﻓﺎﺋﻘﺔ‬ ‫ﺑﺎﻟﻤﺴﺘﻌﺮض‪.‬‬

‫ﻋﻨﻮان ﺻﻔﺤﺔ وﻳﺐ‬ ‫اﻟﻤﻄﻠﻮب اﻻﻧﺘﻘﺎل إﻟﯿﻪ‬

‫أﻣﺮ اﻻرﺗﺒﺎط اﻟﺘﺸﻌﺒﻲ >‪<a href=…..> …</a‬‬


‫‪ -١‬ﺗﺎ ﺔ اﻟﻛود ﻓﻲ أﺣد ﻣﻧﺳﻘﺎت اﻟﻧﺻوص وﺣﻔظﻪ‪.‬‬ ‫‪-٢‬ﻓﺗﺢ ﺻﻔﺣﺔ اﻟو ب ﻓﻲ اﻟﻣﺳﺗﻌرض‪ ،‬وﻋﻧد اﻟﺿﻐ ﻋﻠﻰ اﻟﺻورة اﻟﻔﺎﺋﻘﺔ ﯾﺗم ﺗﺣﻣﯾﻞ ﺻﻔﺣﺔ و ب "ﻣدرﺳﺗﻲ"‪.‬‬ ‫‪-٣‬ﯾﺗم ﺗﺣﻣﯾﻞ ﺻﻔﺣﺔ و ب "ﻣدرﺳﺗﻲ"‪.‬‬


‫ﺗﺬﻛـــــﺮ أن ‪:‬‬ ‫ﻌض أواﻣر ‪ HTML‬ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب اﻟﺗﺎﻟﻲ‪:‬‬ ‫اﻷﻣر‬ ‫>‪<html‬‬

‫وظ ﻔﺗﻪ‬

‫اﻟﺧﺻﺎﺋص اﻟﻣﺻﺎﺣ ﺔ‬

‫ﺗب ﻓﻲ ﺑدا ﺔ اﻟﻛود ﻟ ﺷﯾر اﻟﻰ أن اﻟﻣﺳﺗﻧد‬ ‫ﻣ ﺗوب ﺑﻠﻐﺔ ‪.html‬‬

‫>‪<head‬‬

‫اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ ﻣﻌﻠوﻣﺎت ﻟﻠﻣﺗﺻﻔﺢ ﻋن‬ ‫اﻟﺻﻔﺣﺔ ﻣﺛﻞ ﻋﻧوان اﻟﺻﻔﺣﺔ‪.‬‬

‫>‪<body‬‬

‫اﻟﻣﻧطﻘﺔ اﻟﺧﺎﺻﺔ ﺗﺎ ﺔ اﻟﻣﺣﺗو اﻟذ ﺳ ظﻬر‬ ‫داﺧﻞ اﻟﺻﻔﺣﺔ‪.‬‬

‫>‪<title‬‬ ‫>‪<br‬‬

‫ ‪dir – bgcolor‬‬‫‪background‬‬

‫ﺗﺣدﯾد ﻋﻧوان ﻟﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫اﻧﻬﺎء اﻟﻛﺗﺎ ﺔ ﻓﻲ اﻟﺳطر اﻟﺣﺎﻟﻲ و دء اﻟﻛﺗﺎ ﺔ ﻓﻲ‬ ‫ﺳطر ﺟدﯾد‪.‬‬

‫>‪<center‬‬ ‫اﻟرﻣز ;‪&nbsp‬‬ ‫>‪<font‬‬

‫ﻟوﺿﻊ ﻧص ﻓﻲ ﻣﻧﺗﺻﻒ اﻟﺳطر‪.‬‬ ‫ادراج ﻓراغ )ﻣﺳﺎﻓﺔ( ﺑﯾن اﻟﻛﻠﻣﺎت ﻋﻠﻰ اﻟﻣﺳﺗﻌرض‪.‬‬ ‫ﻟﻠﺗﺣ م ﻓﻲ ﺗﻧﺳﯾ اﻟﺧطو ‪.‬‬

‫>‪<u‬‬

‫وﺿﻊ ﺧ ﺗﺣت اﻟﻛﺗﺎ ﺔ‪.‬‬

‫>‪<b‬‬

‫ﺧ اﺳود ﻋر ض‪.‬‬

‫>‪<i‬‬

‫ﺧ ﻣﺎﺋﻞ‪.‬‬

‫>‪<img‬‬

‫ﻹظﻬﺎر ﺻورة ﻋﻠﻰ ﺻﻔﺣﺔ اﻟو ب‪.‬‬

‫‪face-color-size‬‬

‫‪src-height-width‬‬‫‪align‬‬


‫اﻷﻣر‬

‫وظ ﻔﺗﻪ‬

‫اﻟﺧﺻﺎﺋص اﻟﻣﺻﺎﺣ ﺔ‬

‫>‪<bgsound‬‬

‫ﻹدراج ﺻوت ﺧﻠﻔ ﺔ ﻟﻠﺻﻔﺣﺔ‬

‫‪src‬‬

‫>‪<embed‬‬

‫إﺿﺎﻓﺔ ﺻوت أو ﻓﯾدﯾو ﻟﺻﻔﺣﺔ اﻟو ب‬

‫‪src‬‬

‫>‪<a‬‬

‫ﻹﻧﺷﺎء ارﺗ ﺎ ﺗﺷﻌﺑﻲ‬

‫‪href‬‬


‫اﻟﺳؤال اﻷول‪ :‬اﺧﺗر اﻹﺟﺎ ﺔ اﻟﺻﺣ ﺣﺔ اﻟﻣﻧﺎﺳ ﺔ ﻟﻠﻌ ﺎرات اﻵﺗ ﺔ‪:‬‬ ‫)‪ (١‬ﺷﯾر اﻹﺧﺗﺻﺎر ‪ HTML‬اﻟﻰ اﻟﻌ ﺎرة ‪. . . . . . . . .‬‬ ‫أ‪.Hyper Text Markup Library -‬‬ ‫ب‪.Help Table Made Layout -‬‬ ‫ج‪.Hyper Text Markup Language -‬‬ ‫)‪ (٢‬ﺻﻔﺣﺔ اﻟو ب اﻟﺗﻲ ﯾﺗم اﺳﺗﺧدام ﻟﻐﺔ ‪ HTML‬ﻓﻘ ﻓﻲ ﺗﺻﻣ ﻣﻬﺎ ﺗﻌﺗﺑر ﺻﻔﺣﺔ ‪. . . . . . .‬‬ ‫أ‪ -‬ﺗﻔﺎﻋﻠ ﺔ‪.‬‬ ‫ب‪ -‬ﻧﺷطﺔ‪.‬‬ ‫ج‪ -‬ﺛﺎﺑﺗﺔ‪.‬‬ ‫)‪ (٣‬اﺳﺗﺧدام ﻟﻐﺎت ﻣﺛﻞ ‪ JavaScript‬و ‪ PHP‬ﺎﻹﺿﺎﻓﺔ ﻟﻠﻐﺔ ‪ HTML‬ﻓﻲ ﺗﺻﻣ م ﺻﻔﺣﺔ اﻟو ب ون‬ ‫ﻐرض ﺗﺣو ﻠﻬﺎ اﻟﻰ ﺻﻔﺣﺔ ‪. . . . . . . . . .‬‬ ‫أ‪ -‬ﺗﻔﺎﻋﻠ ﺔ‪.‬‬ ‫ب‪ -‬رﺋ ﺳ ﺔ‪.‬‬ ‫ج‪ -‬ﻓرﻋ ﺔ‪.‬‬ ‫)‪ (٤‬ﻹظﻬﺎر ﻧص ﻋﻠﻲ ﺻﻔﺣﺔ اﻟو ب ﯾﺗم ﺗﺎ ﺔ ﻫذا اﻟﻧص ﻓﻲ ﻣﻧطﻘﺔ ‪. . . . . . . . . .‬‬ ‫أ‪.Head -‬‬ ‫ب‪.Title -‬‬ ‫ج‪.Body -‬‬


‫)‪ (٥‬ﯾﺟب ﺣﻔ ﻣﻠﻒ أواﻣر ‪ HTML‬ﺎﻹﻣﺗداد ‪. . . . . . . . . .‬‬ ‫أ‪.Docx -‬‬ ‫ب‪.Jpg -‬‬ ‫ج‪.Htm -‬‬ ‫)‪ (٦‬ﻟﺟﻌﻞ اﻟﻧص ظﻬر ﻋﻠﻰ ﺻﻔﺣﺔ اﻟو ب ﺷ ﻞ ﻣﺎﺋﻞ ﻧﺳﺗﺧدم اﻷﻣر ‪. . . . . . . .‬‬ ‫أ‪<u> -‬‬ ‫ب‪<i> -‬‬ ‫ج‪<b> -‬‬ ‫)‪ (٧‬ﻟﺗﺣدﯾد ﻟون ﺧﻠﻔ ﺔ ﻟﺻﻔﺣﺔ اﻟو ب ﻧﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪. . . . . . . . .‬‬ ‫أ‪bgcolor -‬‬ ‫ب‪background -‬‬ ‫ج‪color -‬‬ ‫)‪ (٨‬اﻟﺧﺎﺻ ﺔ اﻟﺗﻲ ﺗرﺗ‬

‫ﺄﻣر >‪ <img‬ﻣن ﺑﯾن اﻟﺧﺻﺎﺋص اﻟﺗﺎﻟ ﺔ ﻫﻰ اﻟﺧﺎﺻ ﺔ‪. . . . . .‬‬

‫أ‪path -‬‬ ‫ب‪href -‬‬ ‫ج‪src -‬‬ ‫)‪ (٩‬اﻷﻣر >‪ <a‬ﺳﺗﺧدم ﻓﻰ ‪ . . . . . . . . . . .‬داﺧﻞ ﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫أ‪ -‬ﻣﺣﺎذاة اﻟﻧص‪.‬‬ ‫ب‪ -‬اﺿﺎﻓﺔ ارﺗ ﺎ ﺗﺷﻌﺑﻲ‪.‬‬ ‫ج‪ -‬ﺗﺷﻐﯾﻞ ﻓﯾدﯾو‪.‬‬


‫ﻟﺗﺣدﯾد ﻧوع اﻟﺧ ﻓﻲ اﻷﻣر >‪ <font‬ﻧﺳﺗﺧدم اﻟﺧﺎﺻ ﺔ ‪. . . . . . . . .‬‬

‫)‪(١٠‬‬

‫أ‪Fontname -‬‬ ‫ب‪size -‬‬ ‫ج‪face -‬‬

‫اﻟﺳؤال اﻟﺛﺎﻧﻲ‪ :‬اﺧﺗر ﻣن اﻟﻣﺟﻣوﻋﺔ )ب( ﻣﺎ ﯾﻧﺎﺳب اﻟﻣﺟﻣوﻋﺔ ) أ (‬ ‫)ب(‬

‫)أ(‬ ‫‪ -١‬ﻣوﻗﻊ اﻟو ب‬

‫) ( ﻣﺳﺗﻧد ﻪ ﻣﺣﺗو اﻟﻛﺗروﻧﻲ ﯾﻧﺷر ﻋﻠﻰ ﺷ ﺔ اﻹﻧﺗرﻧت و ﺗم‬ ‫ﻋرﺿﻪ ﻣن ﺧﻼل ﺑرﻧﺎﻣﺞ ﻣﺳﺗﻌرض اﻹﻧﺗرﻧت‬

‫‪ -٢‬اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ‬

‫) ( ﺗﻌرض ﻣﻌﻠوﻣﺎت ﯾﺗم اﻹطﻼع ﻋﻠﯾﻬﺎ ﻓﻘ ﺑدون اﻣ ﺎﻧ ﺔ‬ ‫اﺟراء ا ﻣﻌﺎﻟﺟﺔ ﻣن اﻟزاﺋر ن ﻟﻣﺣﺗواﻫﺎ‬

‫‪ -٣‬ﺻﻔﺣﺔ اﻟو ب‬

‫) ( ﻣ ﺎن ﻋﻠﻲ ﺷ ﺔ اﻻﻧﺗرﻧت ﯾﺗﻛون ﻣن ﺻﻔﺣﺔ و ب او أﻛﺛر‬ ‫و ﺗم ز ﺎرﺗﻪ ﻣن ﺧﻼل ﻋﻧوان ﻣﻌﯾن‬

‫‪ -٤‬اﻟﺻﻔﺣﺔ اﻟﺛﺎﺑﺗﺔ‬

‫) ( أول ﺻﻔﺣﺔ ﻣوﻗﻊ اﻟو ب واﻟﺗﻲ ﻣن ﺧﻼﻟﻬﺎ ﺳﻬﻞ اﻹﻧﺗﻘﺎل‬ ‫ﻟ ﺎﻗﻲ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‬

‫‪ -٥‬اﻟﺻﻔﺣﺔ اﻟﺗﻔﺎﻋﻠ ﺔ‬

‫) ( ﻫﻲ ﺧﺎﺻ ﺔ ﻟﻠﺗﻧﻘﻞ ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‬ ‫) ( ﻫﻲ ﺻﻔﺣﺔ ﻣﻌﻠوﻣﺎت ﺗﻌرض ﻣﺣﺗو ﯾﺗ ﺢ ﻟﻠزاﺋر ن اﻟﺗﻔﺎﻋﻞ‬ ‫ﻣﻌﻪ وﻣﻌﺎﻟﺟﺗﻪ‬

‫اﻟﺳؤال اﻟﺛﺎﻟث‪:‬ﺿﻊ ﻋﻼﻣﺔ )‪ (‬أﻣﺎم اﻟﻌ ﺎرة اﻟﺻﺣ ﺣﺔ أو ﻋﻼﻣﺔ )‪ (‬أﻣﺎم اﻟﻌ ﺎرة اﻟﺧطﺄ ﻟﻛﻞ ﻣﻣﺎ ﯾﻠﻲ‪:‬‬ ‫)‪ (١‬ﺗﺳﺗﺧدم ﻟﻐﺔ ‪ HTML‬ﻓﻲ اﻧﺷﺎء ﺻﻔﺣﺎت و ب ﺗﻔﺎﻋﻠ ﺔ‪.‬‬

‫)‪(.....‬‬

‫)‪ (٢‬ﺗﺳﺗﺧدم ﻟﻐﺔ ‪ JavaScript‬ﻟﺗﺣو ﻞ اﻟﺻﻔﺣﺔ اﻟﺛﺎﺑﺗﺔ اﻟﻰ ﺻﻔﺣﺔ ﺗﻔﺎﻋﻠ ﺔ‪.‬‬

‫)‪(.....‬‬

‫)‪ (٣‬اﻷﻣر اﻟذ‬ ‫>‪.<title‬‬

‫ﺗب ﻓﻲ ﺑدا ﺔ اﻟﻛود ﻟ ﺷﯾر اﻟﻰ أن اﻟﻣﺳﺗﻧد ﻣ ﺗوب ﺑﻠﻐﺔ ‪ html‬ﻫو‬

‫)‪(.....‬‬


‫)‪ (٤‬ﻟﻠﺗﺣ م ﻓﻲ ﻋدد اﻟﻣﺳﺎﻓﺎت )اﻟﻔراﻏﺎت( ﺑﯾن اﻟﻛﻠﻣﺎت ﻧﺳﺗﺧدم اﻟرﻣز ;‪.&nbsp‬‬

‫)‪(.....‬‬

‫)‪ (٥‬ﻹﺿﺎﻓﺔ ﺻورة ﻟﺻﻔﺣﺔ اﻟو ب ﻧﺳﺗﺧدم اﻷﻣر >‪.<img‬‬

‫)‪(.....‬‬

‫اﻟﺳؤال اﻟ ار ﻊ‪ :‬أذ ر اﻟﻛود اﻷﺳﺎﺳﻲ اﻟﻼزم ﻟﺑﻧﺎء ﻣﻠﻒ أواﻣر ‪HTML‬؟‬ ‫ﻋﻠﻰ اﻟرﻏم ﻣن ﻋدم وﺟود أﺧطﺎء ﻓﻲ ﺳطر اﻟﻛود اﻟﺳﺎﺑ‬

‫>"‪<img src="school.png‬‬

‫إﻻ ان اﻟﺻورة ﻟم ﺗظﻬر ﻋﻠﻰ ﺻﻔﺣﺔ اﻟو ب ﻋﻧد‬

‫ﺗﺣﻣﯾﻠﻬﺎ ﺑواﺳطﺔ اﻟﻣﺳﺗﻌرض‪ .‬اﺳﺗﻧﺗﺞ اﻟﺳﺑب؟‬ ‫‪......................................................................................‬‬ ‫‪......................................................................................‬‬

‫اﻟﺳؤال اﻟﺧﺎﻣس اﺷرح اﻟﻣﻘﺻود ﺎﻷﻛواد اﻟﺗﺎﻟ ﺔ‪:‬‬ ‫>‪<Title> My School </Title‬‬ ‫‪............................................................................................‬‬ ‫>"‪<body bgcolor="green‬‬ ‫‪............................................................................................‬‬ ‫>"‪<Img src = "school.png‬‬ ‫‪............................................................................................‬‬ ‫>"‪<font face="andalus‬‬ ‫‪............................................................................................‬‬ ‫>"‪<bgsound src="egypt.MP3‬‬ ‫‪............................................................................................‬‬

‫ﯾﺗم اﻹﺟﺎ ﺔ ﻋﻠﻰ اﻷﺳﺋﻠﺔ ﻣن ﺧﻼل‪:‬‬ ‫ﺑرﻧﺎﻣﺞ ‪ MS Word‬ﻣن ﻣﻠﻒ "إﺟﺎ ﺔ اﻟدرس اﻟرا ﻊ" ﻣﺟﻠد ) ﻗﺎﻟب اﻹﺟﺎ ﺔ واﻟﻣﺷروﻋﺎت(‪.‬‬


‫ﺳﺆال ﺗﺤﻀﯿﺮي ﻟﻠﺪرس اﻟﻘﺎدم‪:‬‬ ‫ﺑﻌﺪ اﻧﺸﺎء ﺻﻔﺤﺔ وﻳﺐ وإﺿﺎﻓﺔ ﻣﺤﺘﻮﻳﺎﺗﮫﺎ‪.‬‬ ‫ﻛﯿﻒ ﻳﻤﻜﻦ إﻧﺸﺎء ﻣﻮﻗﻊ وﻳﺐ؟‬




‫اﻷھـﺪاف‬

‫‪‬‬

‫ﺣدد ﻋدد ﺻﻔﺣﺎت اﻟﻣوﻗﻊ ﻣن اﻟﺗﺧط‬

‫اﻟﺗﻔﺻﯾﻠﻲ ﻟﻣوﻗﻊ اﻟو ب‪.‬‬

‫‪ ‬ﯾﻧﺷﺊ ﺻﻔﺣﺎت اﻟﻣوﻗﻊ اﻟﻣﺧﺗﻠﻔﺔ ﺑﻠﻐﺔ ‪.HTML‬‬ ‫‪ ‬ﯾدرج ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‪.‬‬


‫إﻧﺸﺎء ﻣﺸﺮوع "ﻣﻮﻗﻊ ﻣﺪرﺳﺘﻲ"‬

‫ﻣدرﺳﺗﻲ‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋﯾﺳﺔ ﻋن اﻟﻣدرﺳﺔ أﻟﺑوم اﻟﺻور اﻟرؤﯾﺔ‬ ‫واﻟرﺳﺎﻟﺔ اﺗﺻل ﺑﻧﺎ‬

‫ﻋن اﻟﻣدرﺳﺔ‬

‫أﻟﺑوم اﻟﺻور‬

‫ﺗﺎرﯾﺦ ﻧﺷﺄة اﻟﻣدرﺳﺔ‪... :‬‬ ‫ﻋﻧوان اﻟﻣدرﺳﺔ‪.... :‬‬

‫اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬ ‫رؤﯾﺔ اﻟﻣدرﺳﺔ‪:‬‬

‫ﺗﻠﯾﻔون اﻟﻣدرﺳﺔ‪. .. :‬‬

‫إ ﻋداد طﺎﻟب ﻣﺗﻣﯾز ﻗﺎدر ﻋﻠﻰ ‪....‬‬ ‫اﻟرﺳﺎﻟﺔ‪:‬‬ ‫ﺗﻧﻣﯾﺔ ﻣﮭﺎرات اﻟطﺎﻟب ‪........‬‬

‫ﺗﺧط‬

‫ﺗﻔﺻﯾﻠﻲ ﻟﻣﺷروع "ﻣوﻗﻊ ﻣدرﺳﺗﻲ"‬

‫إﻧﺷﺎء ﻣوﻗﻊ ﻣدرﺳﺗﻲ‪:‬‬ ‫‪ -‬ﻣن اﻟﺗﺧط‬

‫اﻟﺗﻔﺻﯾﻠﻲ ﻟﻠﻣوﻗﻊ ﯾﺗﺿﺢ أﻧﻪ ﻣ ون ﻣن ﺧﻣس ﺻﻔﺣﺎت و ب وﻫﻲ ﺎﻵﺗﻲ‪:‬‬

‫‪ .١‬ﺻﻔﺣﺔ اﻟو ب اﻟرﺋ ﺳﺔ "ﻣدرﺳﺗﻲ" ُﺗﺣﻔ ﺑداﺧﻞ ﻣﻠﻒ‪.Home.htm‬‬ ‫‪ .٢‬ﺻﻔﺣﺔ اﻟو ب "ﻋن اﻟﻣدرﺳﺔ" ُﺗﺣﻔ ﺑداﺧﻞ ﻣﻠﻒ ‪.about.htm‬‬ ‫‪ .٣‬ﺻﻔﺣﺔ اﻟو ب "أﻟﺑوم اﻟﺻور" ُﺗﺣﻔ ﺑداﺧﻞ ﻣﻠﻒ ‪.photo.htm‬‬

‫‪ .٤‬ﺻﻔﺣﺔ اﻟو ب "اﻟرؤ ﺔ واﻟرﺳﺎﻟﺔ" ُﺗﺣﻔ ﺑداﺧﻞ ﻣﻠﻒ ‪.vision.htm‬‬

‫‪ -‬وﺳوف ﯾﺗم إﻧﺷﺎء وﺣﻔ‬

‫ﻞ ﺻﻔﺣﺔ و ب داﺧﻞ ﻣﻠﻒ ﻧﺻﻲ ﺎﺳﺗﺧدام أواﻣر ‪.HTML‬‬


‫إﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ " اﻟﺮﺋﯿﺴﺔ " ‪Home.htm‬‬

‫ﻣدرﺳﺗﻲ‬ ‫اﻟﺻﻔﺣﺔ اﻟرﺋﯾﺳﺔ ﻋن اﻟﻣدرﺳﺔ أﻟﺑوم اﻟﺻور اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬

‫ﺗﺗﻛون ﺻﻔﺣﺔ اﻟو ب اﻟرﺋ ﺳﺔ ﻣن اﻵﺗﻲ‪:‬‬ ‫ اﻟﻧص "ﻣﺪرﺳﺘﻲ" اﻟﺧ )ﻟوﻧﻪ أﺣﻣر – ﻧوﻋﻪ ‪ - tahoma‬ﺣﺟﻣﻪ ‪.(٦‬‬‫ ﺧﻣﺳﺔ ارﺗ ﺎطﺎت ﺗﺷﻌﺑ ﺔ ﻧﺻ ﺔ‪.‬‬‫ ﺻورة‪.‬‬‫ود ﺻﻔﺣﺔ اﻟو ب "اﻟرﺋ ﺳﺔ" ﺎﻵﺗﻲ‪:‬‬


‫إﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ " ﻋﻦ اﻟﻤﺪرﺳﺔ " ‪about.htm‬‬ ‫ﺗﺗﻛون ﺻﻔﺣﺔ اﻟو ب " ﻋن اﻟﻣدرﺳﺔ" ﻣن اﻻﺗﻲ‪:‬‬ ‫ اﻟﻧﺻوص‪" :‬ﺗﺎرﻳﺦ ﻧﺸﺌﻪ اﻟﻤﺪرﺳﺔ " ‪ ”-‬ﻋﻧوان اﻟﻣدرﺳﺔ" – "ﺗﻠ ﻔون اﻟﻣدرﺳﺔ"‬‫اﻟﺧ )ﻟوﻧﻪ أﺣﻣر – ﻧوﻋﻪ ‪ - tahoma‬ﺣﺟﻣﻪ ‪.(٦‬‬ ‫ ﻓﯾدﯾو‪.‬‬‫ ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﺻورة )ﻋﻧد اﻟﺿﻐ ﻋﻠ ﻪ ﯾرﺟﻊ ﻟﻠﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ(‪.‬‬‫ود ﺻﻔﺣﺔ اﻟو ب "ﻋن اﻟﻣدرﺳﺔ" ﺎﻻﺗﻲ‪:‬‬

‫ﻋن اﻟﻣدرﺳﺔ‬ ‫ﺗﺎرﯾﺦ ﻧﺷﺄة اﻟﻣدرﺳﺔ‪... :‬‬ ‫ﻋﻧوان اﻟﻣدرﺳﺔ‪ .... :‬ﺗﻠﯾﻔون اﻟﻣدرﺳﺔ‪... :‬‬


‫إﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ " أﻟﺒﻮم اﻟﺼﻮر " ‪photo.htm‬‬

‫ﺗﺗﻛون ﺻﻔﺣﺔ اﻟو ب " ﻋن اﻟﻣدرﺳﺔ" ﻣن اﻵﺗﻲ‪:‬‬ ‫ اﻟﻧص "أﻟﺑوم اﻟﺻور"‬‫اﻟﺧ )ﻟوﻧﻪ أﺣﻣر – ﻧوﻋﻪ ‪ - tahoma‬ﺣﺟﻣﻪ ‪.(٦‬‬ ‫ ﻋدد ‪ ٣‬ﺻور‪.‬‬‫ ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﺻورة )ﻋﻧد اﻟﺿﻐ ﻋﻠ ﻪ ﯾرﺟﻊ ﻟﻠﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ(‪.‬‬‫ود ﺻﻔﺣﺔ اﻟو ب "ﻋن اﻟﻣدرﺳﺔ" ﺎﻻﺗﻲ‪:‬‬

‫أﻟﺑوم اﻟﺻور‬


‫إﻧﺸﺎء ﺻﻔﺤﺔ اﻟﻮﻳﺐ " اﻟﺮؤﻳﺔ واﻟﺮﺳﺎﻟﺔ " ‪vision.htm‬‬

‫ﺗﺗﻛون ﺻﻔﺣﺔ اﻟو ب " اﻟرؤ ﺔ واﻟرﺳﺎﻟﺔ" ﻣن اﻻﺗﻲ‪:‬‬ ‫ اﻟﻧص "اﻟرؤ ﺔ واﻟرﺳﺎﻟﺔ"‬‫اﻟﺧ )ﻟوﻧﻪ أﺣﻣر – ﻧوﻋﻪ ‪ - tahoma‬ﺣﺟﻣﻪ ‪.(٦‬‬ ‫ اﻟﻧص "رؤ ﺔ اﻟﻣدرﺳﺔ‪".....‬‬‫اﻟﺧ )ﻧوﻋﻪ ‪ - tahoma‬ﺣﺟﻣﻪ ‪.(٤‬‬ ‫ود ﺻﻔﺣﺔ اﻟو ب "اﻟرؤ ﺔ واﻟرﺳﺎﻟﺔ" ﺎﻻﺗﻲ‪:‬‬

‫اﻟرؤﯾﺔ واﻟرﺳﺎﻟﺔ‬ ‫رؤﯾﺔ اﻟﻣدرﺳﺔ‪:‬‬ ‫إﻋداد طﺎﻟب ﻣﺗﻣﯾز ﻗﺎدر ﻋﻠﻰ ‪....‬‬ ‫اﻟرﺳﺎﻟﺔ‪:‬‬ ‫ﺗﻧﻣﯾﺔ ﻣﮭﺎرات اﻟطﺎﻟب ‪........‬‬



‫ﻋز ز اﻟطﺎﻟب‪ :‬ﺎﻟﺗﻌﺎون ﻣﻊ زﻣﻼﺋك و ﻣﺳﺎﻋدة ﻣﻌﻠﻣك ﺻﻣم واﻧﺷﺊ اﻟﺗﺎﻟﻲ‪:‬‬ ‫أوﻻً‪ :‬ﻣﻠﻒ ﻧﺻﻲ ﺎﺳﺗﺧدام ﺑرﻧﺎﻣﺞ ﻣﻧﺳ اﻟﻧﺻوص ﻟﯾﺗﺿﻣن اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪ -‬ﻣﻔﻬوم ﻼ ﻣن‪:‬‬

‫ﻣوﻗﻊ اﻟو ب ‪-‬ﺻﻔﺣﺔ اﻟو ب‪-‬اﻟﺻﻔﺣﺔ اﻟرﺋ ﺳﺔ‪-‬ﺻﻔﺣﺎت اﻟو ب اﻟﺛﺎﺑﺗﺔ ‪-‬اﻟﺻﻔﺣﺔ اﻟﺗﻔﺎﻋﻠ ﺔ‪.‬‬ ‫ ﺧطوات إﻧﺷﺎء ﻣﻠﻒ ﺻوت وﻫﻲ ﺎﻟﺗﺎﻟﻲ‪:‬‬‫أو ًﻻ‪ :‬اﻹﻋداد واﻟﺗﺟﻬﯾز‪.‬‬

‫ﺛﺎﻧ ﺎً‪ :‬اﻟﺗﻧﻔﯾذ ﻹﻧﺷﺎء ﻣﻠﻒ اﻟﺻوت‪.‬‬ ‫ﺛﺎﻟﺛﺎً‪ :‬اﻟﺗﻌدﯾﻞ ﻓﻲ اﻟﺻوت‪.‬‬

‫را ﻌًﺎ‪ :‬ﺗﺻدﯾر اﻟﺻوت إﻟﻰ ﻣﻠﻒ‪.‬‬ ‫ ﺧطوات إﻧﺷﺎء اﻟﻔﯾدﯾو‪.‬‬‫ ﺧطوات ﺣﻔ ﻣﺷروع اﻟﻔﯾدﯾو ‪.Save Project‬‬‫ ﺧطوات ﺗﻌدﯾﻞ ﻣﺷﺎﻫد اﻟﻔﯾدﯾو‪.‬‬‫‪ -‬ﺧطوات ﺗﺻدﯾر اﻟﻔﯾدﯾو إﻟﻰ ﻣﻠﻒ ﺎﻣﺗداد ﻣﻧﺎﺳب‪.‬‬


‫ﺛﺎﻧ ﺎً‪ :‬إﻧﺷﺎء ﻋرض ﺗﻘد ﻣﻲ ﻋن إﻧﺷﺎء ﺻﻔﺣﺎت اﻟو ب ﺎﺳﺗﺧدام ‪ HTML‬ﻟﯾﺗﺿﻣن اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪ ‬اﻟﻘواﻋد اﻷﺳﺎﺳ ﺔ اﻟﺗﺎﻟ ﺔ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺎﺳﺗﺧدام أواﻣر ‪.HTML‬‬ ‫‪ ‬اﻟﺗر ﯾب اﻟﺑﻧﺎﺋﻲ ﻹﻧﺷﺎء ﺻﻔﺣﺔ و ب ﺄواﻣر ‪.HTML‬‬ ‫‪ ‬إﺿﺎﻓﺔ ﻣﺣﺗو ﻟﺻﻔﺣﺔ اﻟو ب )ﻧص‪-‬ﺻورة – ﻓﯾدﯾو –ارﺗ ﺎ ﺗﺷﻌﺑﻲ‪(...-‬‬ ‫‪ ‬ﺗﻧﺳﯾ ﻣﺣﺗو ﺻﻔﺣﺔ اﻟو ب‪.‬‬ ‫‪ ‬إدراج ارﺗ ﺎ ﺗﺷﻌﺑﻲ ﻟﻺﻧﺗﻘﺎل داﺧﻞ ﺻﻔﺣﺔ اﻟو ب ‪ /‬ﺑﯾن ﺻﻔﺣﺎت اﻟﻣوﻗﻊ‬


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.