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


 
الرئيسيةالرئيسية  الأحداثالأحداث  المنشوراتالمنشورات  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

 ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
المدير العام
المدير العام
Admin


المساهمات : 105
تاريخ التسجيل : 07/12/2017
العمر : 21
العمل/الترفيه : طالب

ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ Empty
مُساهمةموضوع: ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ   ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ Emptyالخميس أبريل 05, 2018 5:37 pm

ﺗﺼﻔﺢ ﺍﻹﻧﺘﺮﻧﺖ
ﺗﻈﻬﺮ ﺻﻔﺤﺎﺕ ﺍﻹﻧﺘﺮﻧﺖ ﻟﻠﻤﺴﺘﺨﺪﻡ ﺍﻟﻌﺎﺩﻱ ﻋﻠﻰ ﺃﻧﻬﺎ ﻣﺠﺮﺩ ﺻﻔﺤﺔ ﺑﻴﻀﺎﺀ ﺃﻭ ﻣﻠﻮّﻧﺔ ﻭﻓﻘﺎً ﻟﻠﺨﻠﻔﻴﺔ ﻭﺗﺤﻤﻞ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﻭﺍﻟﺒﻴﺎﻧﺎﺕ ﺍﻟﺘﻲ ﻳﺤﺘﺎﺟﻬﺎ ﺍﻟﻤﺴﺘﺨﺪﻡ ﻭﻗﺪ ﺗﻜﻮﻥ ﻣﺪﻋﻮﻣﺔ ﺑﻮﺳﺎﺋﻂ ﻛﺎﻟﻔﻴﺪﻳﻮﻫﺎﺕ ﺃﻭ ﺍﻟﺼﻮﺭ ﺃﻭ ﺍﻷﺷﻜﺎﻝ ﻭﺍﻟﺮﺳﻮﻣﺎﺕ ﺍﻟﻤﺘﺤﺮﻛﺔ ﻭﻏﻴﺮﻫﺎ، ﺑﺎﻹﺿﺎﻓﺔ ﺇﻟﻰ ﺍﺣﺘﻮﺍﺀ ﺍﻟﺼﻔﺤﺔ ﻋﻠﻰ ﺭﻭﺍﺑﻂ ﺗﻨﻘﻠﻚ ﺇﻟﻰ ﻣﻮﺍﺿﻴﻊ ﻣﺸﺎﺑﻬﺔ ﺃﻭ ﺫﺍﺕ ﺃﻫﻤﻴﺔ، ﻟﻜﻦ ﻫﻞ ﺗﺒﺎﺩﺭ ﺇﻟﻰ ﺫﻫﻨﻚ ﺳﺆﺍﻻً ﻋﻦ ﺍﻟﺒﻨﻴﺔ ﺍﻟﺘﺤﺘﻴﺔ ﻟﻬﺬﻩ ﺍﻟﺼﻔﺤﺔ؟ ﻫﻞ ﻓﻜّﺮﺕ ﻳﻮﻣﺎً ﺑﺘﻔﻜﻴﻚ ﻫﺬﻩ ﺍﻟﺼﻔﺤﺔ ﻭﺍﻟﻮﺻﻮﻝ ﺇﻟﻰ ﻣﻜﻮﻧﺎﺗﻬﺎ؟ ﺍﻟﻴﻮﻡ ﺳﻨﺠﻴﺐ ﻋﻠﻰ ﻛﻞ ﻣﺎ ﻗﺪ ﻳﺨﻄﺮ ﺑﺒﺎﻟﻚ ﻣﻦ ﺳﺆﺍﻝ ﺣﻮﻝ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﻭﺗﻜﻮﻳﻨﻬﺎ .
ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ‏( Web Page ‏)
ﺗﻌﺮﻑ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﺑﺄﻧﻬﺎ ﻣﺎ ﻳﻈﻬﺮ ﻟﻠﻤﺴﺘﺨﺪﻡ ﻋﻠﻰ ﺷﺎﺷﺔ ﺍﻟﻜﻤﺒﻴﻮﺗﺮ ﻋﻨﺪ ﺍﺗﺼﺎﻟﻪ ﺑﺎﻹﻧﺘﺮﻧﺖ ﻭﺍﻟﺪﺧﻮﻝ ﺇﻟﻰ ﻣﺤﺮﻛﺎﺕ ﺍﻟﺒﺤﺚ ‏( Search Engines ‏) ﺍﻟﻤﺘﻮﻓﺮﺓ ﻟﺪﻳﻪ ﻭﺗﻜﻮﻥ ﻋﺒﺎﺭﺓ ﻋﻦ ﻭﺛﻴﻘﺔ ﺃﻭ ﻣﺼﺪﺭ ﻣﺪﻋﻢ ﺑﺎﻟﻤﻌﻠﻮﻣﺎﺕ ﻭﺗﺘﺠﺎﻧﺲ ﻣﻊ ﺇﻣﻜﺎﻧﻴﺔ ﻋﺮﺿﻬﺎ ﻋﻠﻰ ﺷﺒﻜﺔ ﺍﻹﻧﺘﺮﻧﺖ، ﺇﺫ ﺗﻜﻮﻥ ﻣﺒﻨﻴﺔ ﺑﻄﺮﻳﻘﺔ ﺗﺘﻮﺍﻓﻖ ﻣﻊ ﺑﻨﻴﺔ ﺷﺒﻜﺔ ﺍﻹﻧﺘﺮﻧﺖ ﺑﺎﺳﺘﺨﺪﺍﻡ ﻟﻐﺎﺕ ﺍﻟﺒﺮﻣﺠﺔ ﺃﻭ ﻣﺎ ﻳﺴﻤﻰ ﺑﻠﻐﺎﺕ ﺍﻟﺘﺼﻤﻴﻢ ‏( MarkUp Language ‏) ، ﻭﻣﻦ ﺍﻟﻤﻤﻜﻦ ﻟﻚ ﺃﻥ ﺗﻜﻮﻥ ﻣﺴﺘﺨﺪﻣﺎً ﻋﻦ ﺑﻌﺪ ﻟﺼﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﺍﻟﺘﻲ ﻳﻤﻜﻦ ﺍﺳﺘﻴﺮﺍﺩﻫﺎ ﻋﺒﺮ ﺧﺎﺩﻡ ﺍﻹﻧﺘﺮﻧﺖ ﻣﻦ ﺍﻟﺤﺎﺳﻮﺏ .
ﻟﻐﺎﺕ ﺗﺼﻤﻴﻢ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ
ﻳﻌﺘﻤﺪ ﺍﻟﻤﺒﺮﻣﺞ ‏( Programmer ‏) ﺃﺛﻨﺎﺀ ﻗﻴﺎﻣﻪ ﻓﻲ ﺑﻨﺎﺀ ﻭﺗﻜﻮﻳﻦ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻋﻠﻰ ﻟﻐﺎﺕ ﺑﺮﻣﺠﺔ ﺧﺎﺻﺔ ﺑﺘﺼﻤﻴﻢ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﻭﺍﻟﺘﻲ ﺑﺪﻭﺭﻫﺎ ﺗﻤﻨﺢ ﺍﻟﺼﻔﺤﺔ ﻛﻞ ﺍﻟﺨﺼﺎﺋﺺ ﺍﻟﺘﻲ ﺗﺠﻌﻠﻬﺎ ﺻﻔﺤﺔ ﺇﻧﺘﺮﻧﺖ ﻓﻌﻠﻴﺔ ﻣﺘﻜﺎﻣﻠﺔ ﺍﻟﻤﻮﺍﺻﻔﺎﺕ ﺑﺎﺳﺘﺨﺪﺍﻡ ﻭﺳﻮﻡ ﻭﺭﻣﻮﺯ ﺧﺎﺻﺔ ﻳﺴﺘﻮﻋﺒﻬﺎ ﺍﻟﺤﺎﺳﻮﺏ ﻳﻌﻤﻞ ﻋﻠﻰ ﺗﺮﺟﻤﺘﻬﺎ ﺇﻟﻰ ﻟﻐﺔ ﻣﻔﻬﻮﻣﺔ ﻟﻺﻧﺴﺎﻥ ﺑﺎﺳﺘﺨﺪﺍﻡ ﺷﺒﻜﺔ ﺍﻹﻧﺘﺮﻧﺖ ﻭ ﺍﻟﺤﺎﺳﻮﺏ ﻧﻔﺴﻪ ﻭﺑﺎﻟﺨﺘﺎﻡ ﺗﻈﻬﺮ ﻟﻚ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻛﻤﺎ ﺗﺮﺍﻫﺎ ﻓﻲ ﺍﻟﻌﺎﺩﺓ، ﻭﻟﻐﺎﺕ ﺍﻟﺒﺮﻣﺠﺔ ﻫﻲ :
ﻟﻐﺔ ‏( Standard Generallzed Markup Language ‏) : ﺗُﻌﺮَﻑ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﻠﻐﺔ SGML ﻭﻫﻲ ﺍﺧﺘﺼﺎﺭ ﻟﻠﻜﻠﻤﺎﺕ ﺍﻻﻧﺠﻠﻴﺰﻳﺔ ﺍﻟﻤﺬﻛﻮﺭﺓ ﺃﻋﻼﻩ، ﻭﺗﻤﺘﺎﺯ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﺘﺠﺎﻭﺑﻬﺎ ﻣﻊ ﺃﻱ ﺑﺮﻧﺎﻣﺞ ﻛﺘﺎﺑﺔ ﺧﺎﺹ ﺑﺘﺼﻤﻴﻢ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﺇﻻ ﺃﻥ ﻣﺎ ﻳﻌﻴﺒﻬﺎ ﻫﻮ ﺻﻌﻮﺑﺔ ﺗﻌﻠّﻤﻬﺎ ﻭﺗﻌﻘﻴﺪﻫﺎ ﺍﻷﻣﺮ ﺍﻟﺬﻱ ﺣﺎﻝ ﺩﻭﻥ ﺍﻧﺘﺸﺎﺭﻫﺎ ﻭﺑﺎﻟﺘﺎﻟﻲ ﺍﻧﺪﺛﺎﺭﻫﺎ .
* ﻟﻐﺔ ‏( Extensible Markup Language ‏) : ﻭﻳﺨﺘﺼﺮ ﻟﻔﻆ ﺍﺳﻢ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﺜﻼﺛﺔ ﺣﺮﻭﻑ ﻣﺴﺘﻮﺣﺎﺓ ﻣﻦ ﺍﻟﻜﻠﻤﺎﺕ ﺍﻹﻧﺠﻠﻴﺰﻳﺔ ﺍﻟﻤﻜﻮّﻧﺔ ﻣﻨﻬﺎ ‏( XML ‏) ، ﻭﻫﻲ ﺍﻟﻠﻐﺔ ﺍﻷﻛﺜﺮ ﺍﺳﺘﺨﺪﺍﻣﺎً ﻧﻈﺮﺍً ﻷﻫﻤﻴﺘﻬﺎ ﺍﻟﺒﺎﻟﻐﺔ ﻓﻲ ﺗﻄﺒﻴﻘﺎﺕ ﺍﻷﻋﻤﺎﻝ ﺍﻻﻟﻜﺘﺮﻭﻧﻴﺔ، ﻭﻳﺘﻢ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﻋﺎﺩﺓ ﻟﻌﺮﺽ ﻭﺗﺨﺰﻳﻦ ﺍﻟﺒﻴﺎﻧﺎﺕ ﻭﺗﻌﻤﻞ ﻋﻠﻰ ﻭﺻﻔﻬﺎ ﺑﺸﻜﻞ ﻣﻨﻈّﻢ ﻭﺳﻬﻞ ﻋﻠﻰ ﻛﻞ ﻣﻦ ﺍﻟﻤﺒﺮﻣﺞ ﻭﺍﻟﻤﺴﺘﺨﺪﻡ . * ﻟﻐﺔ ‏( Hypertext Markup Language ‏) : ﻭﺗﻌﺮﻑ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﻠﻐﺔ HTML ، ﻭﻫﻲ ﺍﻟﻠﻐﺔ ﺍﻷﺳﻬﻞ ﻭﺍﻷﻭﺳﻊ ﺍﻧﺘﺸﺎﺭﺍً ﻣﻦ ﺑﻴﻦ ﻟﻐﺎﺕ ﺗﺼﻤﻴﻢ ﺍﻟﺼﻔﺤﺎﺕ، ﺇﺫ ﻳﺘﻢ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﻭﺍﻟﻤﺒﺎﺷﺮﺓ ﺑﺒﻨﺎﺀ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﺑﺎﻻﻋﺘﻤﺎﺩ ﻋﻠﻰ ﻣﺠﻤﻮﻋﺔ ﻣﻦ ﺍﻷﻭﺍﻣﺮ ﻭﺍﻟﺘﻌﻠﻴﻤﺎﺕ ﻳﻄﻠﻖ ﻋﻠﻴﻬﺎ ﻣﺴﻤﻰ ﻭﺳﻮﻡ ‏( Tags ‏) ، ﻭﺍﻟﺘﻲ ﺗﻠﻌﺐ ﺍﻷﺧﻴﺮﺓ ﺩﻭﺭﺍً ﻫﺎﻣﺎً ﻓﻲ ﺗﻜﻮﻳﻦ ﺍﻟﺼﻔﺤﺔ ﻭﺗﺼﻤﻴﻤﻬﺎ ﺇﺫ ﻳﺴﺘﻄﻴﻊ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺍﺳﺘﻌﺮﺍﺽ ﺍﻟﺼﻔﺤﺔ ﻛﺼﻔﺤﺔ ﺍﻟﻮﻳﺐ، ﻭﺗﺤﻈﻰ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﺎﻣﺘﻴﺎﺯ ﻋﻦ ﻏﻴﺮﻫﺎ ﺑﺎﺳﺘﻌﻤﺎﻝ ﺃﺩﻭﺍﺕ ﻟﺘﺼﻤﻴﻢ ﺍﻟﺼﻔﺤﺔ ﻛﻌﻨﻮﺍﻥ ﺍﻟﺼﻔﺤﺔ ﻭﻣﺎ ﺗﺤﺘﻮﻱ ﻋﻠﻴﻪ ﻣﻦ ﺟﺪﺍﻭﻝ ﻭﺻﻮﺭ ﻭﻏﻴﺮﻫﺎ، ﻭﻳﻘﻮﻡ ﺍﻟﻤﺒﺮﻣﺞ ﺍﻟﻤﺴﺘﺨﺪﻡ ﻟﻬﺬﻩ ﺍﻟﻠﻐﺔ ﺑﻜﺘﺎﺑﺔ ﺍﻷﻭﺍﻣﺮ ﺃﻭ ﺍﻟﻮﺳﻮﻡ ﻋﻨﺪ ﺍﻟﺒﺪﺀ ﺑﺎﻟﺘﺼﻤﻴﻢ ﻋﻠﻰ ﺃﺣﺪ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺤﺮﻳﺮ ﺍﻟﺨﺎﺻﺔ ﺑﺬﻟﻚ ﺃﻭ ﻣﺎ ﻳﺴﻤﻰ ﺍﻟﻤﺤﺮﺭ ‏( Editor ‏) ﻭﺍﻟﺘﻲ ﻳﻨﺪﺭﺝ ﺗﺤﺘﻬﺎ ﻛﻞ ﻣﻦ ‏( WordPad ، NotePad ، ﺃﻭ ﺣﺘﻰ ﺑﺮﻧﺎﻣﺞ ﺗﺤﺮﻳﺮ ﺍﻟﻨﺼﻮﺹ ‏( Microsoft Word ‏) ، ﻭﻳﺠﺐ ﺃﻥ ﻳﺘﻮﻓﺮ ﺷﺮﻁ ﺗﺨﺰﻳﻦ ﺍﻟﻨﺺ ﺍﻟﻤﺤﺮّﺭ ﻛﺼﻔﺤﺔ ﻭﻳﺐ ﺣﺘﻰ ﺗﻨﺠﺢ ﻓﻲ ﺇﻧﺸﺎﺀ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ .
ﻟﻐﺔ ‏( cascading style sheets ‏) : ﻳﺮﻣﺰ ﻟﻠﻐﺔ ﺗﺼﻤﻴﻢ ﺍﻟﺼﻔﺤﺎﺕ ﻫﺬﻩ ﺑﺎﻟﺮﻣﺰ CSS ، ﻭﻫﻲ ﻟﻐﺔ ﺍﻟﺘﺼﻤﻴﻢ ﺍﻟﻘﺎﺩﺭﺓ ﻋﻠﻰ ﺗﻨﺴﻴﻖ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﻭﺗﻮﻟﻲ ﺍﻻﻫﺘﻤﺎﻡ ﻟﺸﻜﻞ ﺍﻟﻤﻮﺍﻗﻊ ﻭﺗﺼﻤﻴﻤﻬﺎ ﻭﻗﺪ ﺃﻭﺟﺪﺕ ﺑﺸﻜﻞ ﺧﺎﺹ ﻟﻠﻌﻤﻞ ﻋﻠﻰ ﺍﻟﻔﺼﻞ ﺑﻴﻦ ﺍﻟﺘﻨﺴﻴﻘﺎﺕ ﺍﻟﺘﻲ ﺗﻄﻠﺒﻬﺎ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻋﻦ ﻣﺤﺘﻮﻯ ﺍﻟﻤﺴﺘﻨﺪ ﺍﻟﻤﻜﺘﻮﺏ ﺑﺎﺳﺘﺨﺪﺍﻡ ﺍﻟﻮﺳﻮﻡ ﺑﻠﻐﺔ HTML ، ﻭﺑﺈﻣﻜﺎﻧﻚ ﺍﻟﺘﻌﻤﻴﻢ ﺑﺄﻥ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺗﻠﻌﺐ ﺍﻟﺪﻭﺭ ﺍﻟﻔﻌّﺎﻝ ﺑﺎﻟﻌﻨﺎﻳﺔ ﺑﺸﻜﻞ ﺍﻟﺼﻔﺤﺔ، ﻭﻳﺘﻢ ﺩﻣﺞ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﻣﻊ ﻟﻐﺔ HTML ﺑﻜﺘﺎﺑﺔ ﻣﺴﺘﻨﺪ CSS ﺑﻤﺴﺘﻨﺪ ﻣﻨﻔﺼﻞ ﺧﺎﺭﺟﻲ ﻭﺍﻟﻌﻤﻞ ﻋﻠﻰ ﺭﺑﻄﻬﺎ ﻣﻊ ﻣﺴﺘﻨﺪ HTML ، ﻭﻫﻨﺎﻙ ﻃﺮﻕ ﺧﺎﺻﺔ ﺻﻌﺒﺔ ﺑﻌﺾ ﺍﻟﺸﻲﺀ ﻓﻲ ﺗﻌﻠﻤﻬﺎ ﻟﻌﻤﻠﻴﺔ ﺍﻟﺪﻣﺞ ﻓﻲ ﺍﻟﻤﺴﺘﻨﺪ ﻧﻔﺴﻪ ﺑﻴﻦ ﺍﻟﻠﻐﺘﻴﻦ، ﻭﺗﻤﺘﺎﺯ ﻫﺬﻩ ﺍﻟﻠﻐﺔ ﺑﻤﻨﺤﻬﺎ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﺻﻔﺔ ﺍﻟﺒﺴﺎﻃﺔ .
ﻋﻨﺎﺻﺮ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ
ﺗﺘﻜّﻮﻥ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻣﻦ ﻣﺪﻋﻮﻣﺔ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﺘﻲ ﺗﻈﻬﺮ ﻟﻠﻤﺴﺘﺨﺪﻡ، ﻭﻗﺪ ﺗﺨﺪﻡ ﻫﺬﻩ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺣﻮﺍﺱ ﺍﻹﻧﺴﺎﻥ ﺍﻟﺴﻤﻌﻴﺔ ﻭﺍﻟﺒﺼﺮﻳﺔ ﻣﻌﺎً، ﻭﺗﻜﻮﻥ ﻋﻠﻰ ﺍﻟﻨﺤﻮ ﺍﻟﺘﺎﻟﻲ :
ﺍﻟﻤﻌﻠﻮﻣﺎﺕ : ﻭﺗﻘﺴﻢ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﺘﻲ ﺗﻈﻬﺮ ﻋﻠﻰ ﺷﺎﺷﺔ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺍﻟﻨﻬﺎﺋﻲ ﺇﻟﻰ ﻧﻮﻋﻴﻦ :
ﻣﻌﻠﻮﻣﺎﺕ ﻧﺼﻴﺔ ‏( Text Information ‏) : ﻭﻳﺤﻤﻞ ﻫﺬﺍ ﺍﻟﻨﻮﻉ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺧﺎﺻﻴﺔ ﺗﻤﻨﺢ ﻭﺟﻮﺩ ﺍﺧﺘﻼﻓﺎﺕ ﻣﺘﻨﻮﻋﺔ ﺑﻴﻦ ﻣﺎ ﺗﺤﺘﻮﻳﻪ ﺍﻟﺼﻔﺤﺔ .
ﻣﻌﻠﻮﻣﺎﺕ ﻏﻴﺮ ﻧﺼﻴﺔ : ﻭﻫﻲ ﻣﺎ ﺗﺤﺘﻮﻳﻪ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﺘﻲ ﺑﺈﻣﻜﺎﻧﻬﺎ ﻣﺨﺎﻃﺒﺔ ﺣﺎﺳﺔ ﺍﻟﺴﻤﻊ ﻭﺍﻟﺒﺼﺮ ﻣﻌﺎً، ﻭﻫﻲ :
ﺻﻮﺭ : ﻭﺗﺪﻋﻢ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﺻﻮﺭﺍً ﺑﺼﻴﻐﺔ GIF ﺃﻭ JPEG ﺃﻭ PNG ، ﺣﺘﻰ ﺗﻈﻬﺮ ﺍﻟﺼﻮﺭﺓ ﻋﻠﻰ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻭﺑﻌﺪ ﺍﻻﻧﺘﻬﺎﺀ ﻣﻦ ﺣﻔﻈﻬﺎ ﺍﺳﺘﺨﺪﻡ ﺍﻟﺼﻮﺭﺓ ﺫﺍﺕ ﺍﻟﺼﻴﻎ ﺍﻟﻤﺬﻛﻮﺭﺓ ﻓﻘﻂ .
ﺻﻮﺭ ﻣﺘﺤﺮﻛﺔ : ﻭﻫﻲ ﺍﻟﺼﻮﺭ ﺍﻟﺘﻲ ﺗﺤﺘﻮﻱ ﻋﻠﻰ ﺧﺎﺻﻴﺔ ﺍﻟﺤﺮﻛﺔ ﻭﺗﺨﻠﻮ ﻣﻦ ﺍﻟﺴﻜﻮﻥ ﻛﺎﻟﻔﻼﺵ ﻭﺗﻜﻮﻥ ﻋﺎﺩﺓ ﻫﺬﻩ ﺍﻟﺼﻮﺭ ﺗﺤﻤﻞ ﺍﻟﺼﻴﻐﺔ .GIF
ﺍﻟﺼﻮﺕ ‏( Sound ‏) : ﻗﺪ ﺗﻼﺣﻆ ﻭﺟﻮﺩ ﻣﻘﺎﻃﻊ ﺻﻮﺕ ﻓﻲ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﺍﻟﺘﻲ ﻳﻤﻜﻨﻚ ﺍﻻﺳﺘﻤﺎﻉ ﺇﻟﻴﻬﺎ ﻭﺍﻟﺘﻲ ﺗﻤﻨﺢ ﻓﻲ ﺍﺳﺘﺨﺪﺍﻣﻚ ﻟﻬﺎ ﺧﻼﻝ ﻋﻤﻠﻴﺔ ﺑﻨﺎﺀ ﺍﻟﺼﻔﺤﺔ ﻟﻠﻤﺴﺘﺨﺪﻡ ﻓﺮﺻﺔ ﺍﻻﺳﺘﻤﺎﻉ ﻟﻬﺎ، ﻭﺗﻜﻮﻥ ﻋﺎﺩﺓ ﺑﺎﻟﺼﻴﻎ WAV ﺃﻭ .MID
ﺍﻟﻔﻴﺪﻳﻮ ‏( Video ‏) : ﻭﻫﺬﻩ ﺍﻟﺨﺎﺻﻴﺔ ﺗﺨﺪﻡ ﺣﺎﺳﺘﻲ ﺍﻟﺴﻤﻊ ﻭﺍﻟﺒﺼﺮ ﻣﻌﺎً ﻓﻲ ﺁﻥ ﻭﺍﺣﺪ، ﻳﺘﻢ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﺿﻤﻦ ﻧﻄﺎﻕ ﺍﻟﺼﻴﻎ : WMV، RM (Real Media) ، FLV ، MPF ، MOV .
ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﺘﻔﺎﻋﻠﻴﺔ : ﻭﻫﻲ ﻟﻠﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﺘﻲ ﺗﻤﻨﺢ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺍﻟﻨﻬﺎﺋﻲ ﻓﺮﺻﺔ ﺑﻤﺸﺎﺭﻛﺔ ﺭﺃﻳﻪ ﺃﻭ ﺣﺘﻰ ﺍﻟﻤﺸﺎﺭﻛﺔ ﺑﺎﺧﺘﻴﺎﺭ ﻣﻦ ﻣﺘﻌﺪﺩ ﺃﻭ ﺍﻟﻤﺸﺎﺭﻛﺔ ﺍﻟﻜﺘﺎﺑﻴﺔ، ﻭﺗﻌﺪ ﻫﺬﻩ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﻫﻲ ﺍﻷﻛﺜﺮ ﺗﻌﻘﻴﺪﺍً ﻣﻦ ﺑﻴﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺍﻟﻤﺪﺭﺟﺔ، ﻭﻳﻘﺴﻢ ﻫﺬﺍ ﺍﻟﻨﻮﻉ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺇﻟﻰ :
ﻧﺼﻮﺹ ﺗﻔﺎﻋﻠﻴﺔ ﻭﻫﻲ ﺍﻟﻨﺼﻮﺹ ﺍﻟﺘﻲ ﻳﺘﻢ ﻣﻦ ﺧﻼﻟﻬﺎ ﺍﻟﺘﻔﺎﻋﻞ ﺑﻴﻦ ﺍﻟﻤﺴﺘﺨﺪﻡ ﻭﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﺳﻮﺍﺀ ﺑﺎﻟﻀﻐﻂ ﻋﻠﻰ ﺍﻟﺮﻭﺍﺑﻂ ﺍﻟﻤﺮﻓﻘﺔ ﺃﻭ ﺍﻟﻤﺸﺎﺭﻛﺔ ﺃﻱ ﺃﻥ ﻳﺘﺮﻙ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺃﺛﺮﺍً ﻟﻪ .
ﺍﻟﺮﺳﻮﻡ ﺍﻟﺘﻮﺿﻴﺤﻴﺔ ﺍﻟﺘﻔﺎﻋﻠﻴﺔ : ﻭﺗﺘﻀﻤّﻦ ﻫﺬﻩ ﺍﻟﺨﺎﺻﻴﺔ ﺗﻔﺎﻋﻞ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺍﻟﻨﻬﺎﺋﻲ ﻣﻊ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﺑﻮﺿﻊ ﻟﻤﺴﺎﺗﻪ ﺑـ " Click To Play " ﻭﻣﺎ ﺷﺎﺑﻪ ﺫﻟﻚ، ﻭﻳﺘﻢ ﺍﺳﺘﺨﺪﺍﻡ ﺍﻟﺘﺰﺍﻣﻦ ﺍﻟﻨﺼﻲ ﻭﺗﻄﺒﻴﻘﺎﺕ ﺍﻟﺠﺎﻓﺎ ﻭﺍﻟﻔﻼﺵ .
ﺗﻮﻓّﺮ ﺍﻷﺯﺭﺍﺭ، ﺃﻱ ﺃﻧﻪ ﻳﺘﻢ ﺇﺩﺭﺍﺝ ﺃﺯﺭﺍﺭ ﺗﻌﻤﻞ ﻓﻌﻠﻴﺎً ﻋﻠﻰ ﺗﻘﺪﻳﻢ ﻣﻬﻤﺔ ﻣﻌﻴﻨﺔ ﻋﻨﺪ ﻗﻴﺎﻡ ﺍﻟﻤﺴﺘﺨﺪﻡ ﺍﻟﻨﻬﺎﺋﻲ ﺑﺎﻟﻀﻐﻂ ﻋﻠﻴﻬﺎ .
ﺍﻟﺘﻔﺎﻋﻞ ﺑﻴﻦ ﺍﻟﺼﻔﺤﺎﺕ ﻧﻔﺴﻬﺎ : ﻭﻫﺬﺍ ﺍﻟﻨﻮﻉ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﻳﻜﻮﻥ ﺑﺎﺣﺘﻮﺍﺀ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﻋﻠﻰ :
ﺭﻭﺍﺑﻂ ‏( HyperLink ‏) ﺃﻭ ﻣﺎ ﻳﺴﻤﻰ ﺑﺎﻟﻮﺻﻼﺕ ﺍﻟﺘﺸﻌﺒﻴﺔ، ﻭﻫﻲ ﺧﺎﺻﻴﺔ ﺗﺘﻴﺢ ﻟﻚ ﺍﻟﻔﺮﺻﺔ ﻟﻼﻧﺘﻘﺎﻝ ﺇﻟﻰ ﺻﻔﺤﺔ ﺃﺧﺮﻯ ﻟﻠﻮﺻﻮﻝ ﺇﻟﻰ ﻣﻌﻠﻮﻣﺎﺕ ﺃﻭ ﺑﻴﺎﻧﺎﺕ ﺃﻭ ﻣﻮﺿﻮﻉ ﺑﺬﺍﺕ ﺍﻻﻫﺘﻤﺎﻡ .
ﺍﻷﺷﻜﺎﻝ : ﻭﻫﺬﻩ ﺍﻟﺨﺎﺻﺔ ﺗﻌﻤﻞ ﻋﻠﻰ ﺩﻋﻢ ﻭﺯﻳﺎﺩﺓ ﻋﻤﻠﻴﺔ ﺍﻟﺘﻔﺎﻋﻞ ﻣﻊ ﺍﻟﺨﺎﺩﻡ ﻭﺧﺎﺩﻡ ﻗﻮﺍﻋﺪ ﺍﻟﺒﻴﺎﻧﺎﺕ .
ﺍﻟﺘﻌﻠﻴﻘﺎﺕ Comments ‏) : ﺗﻨﺪﺭﺝ ﻫﺬﻩ ﺍﻟﺨﺎﺻﻴﺔ ﺑﻨﺴﺒﺔ %90 ﻓﻲ ﺻﻔﺤﺎﺕ ﺍﻟﻮﻳﺐ ﻭﺍﻟﺘﻲ ﺗﻤﻨﺤﻚ ﻛﻤﺴﺘﺨﺪﻡ ﻧﻬﺎﺋﻲ ﺍﻟﺤﻖ ﺑﺈﺑﺪﺍﺀ ﺭﺃﻳﻚ .
ﺭﺳﻮﻡ ﺗﻮﺿﻴﺤﻴﺔ ‏( Diagramation ‏) : ﻭﺗﺸﻤﻞ ﻫﺬﻩ ﺍﻟﺨﺎﺻﻴﺔ ﻛﻞ ﻣﻦ ﺍﻟﺮﺳﻮﻡ ﺍﻟﺒﻴﺎﻧﻴﺔ ﻭﺍﻟﻤﻮﺍﺻﻔﺎﺕ ﺍﻟﺒﺼﺮﻳﺔ .
ﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ
ﻋﻨﺪ ﺍﻟﺸﺮﻭﻉ ﺑﻌﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ ﺧﺎﺻﺔ ﺑﻚ، ﻳﺠﺐ ﺗﻮﻓّﺮ ﻣﺤﺮﺭ ‏( Editor ‏) ﺧﺎﺹ ﺑﻠﻐﺔ ﺍﻟﺘﺼﻤﻴﻢ ﺍﻟﻤﺴﺘﺨﺪﻣﺔ ﺑﺎﻟﻌﻤﻠﻴﺔ، ﺃﻭ ﺑﺈﻣﻜﺎﻧﻚ ﺍﺳﺘﺨﺪﺍﻡ ﺍﻟﺒﺮﻣﺠﻴﺎﺕ ﺍﻟﻤﺘﺨﺼﺼﺔ ﻛﺒﺮﻧﺎﻣﺞ Wiki ﺃﻭ CMS ﺃﻭ ﻣﻨﺘﺪﻯ ، ﺑﺎﻹﺿﺎﻓﺔ ﺇﻟﻰ ﻭﺟﻮﺩ ﻗﻮﺍﻟﺐ ﺟﺎﻫﺰﺓ ﻟﻬﺬﻩ ﺍﻟﻐﺎﻳﺔ ﺻﻤﻤﺖ ﺧﺼﻴﺼﺎً ﻟﺘﻤﻜﻴﻦ ﺍﻟﻤﺴﺘﺨﺪﻡ ﻣﻦ ﺇﺿﺎﻓﺔ ﻟﻤﺴﺎﺗﻪ ﺑﺎﻟﺘﺼﻤﻴﻢ ﺩﻭﻥ ﺍﻟﻘﻠﻖ ﻋﻠﻰ ﺍﻟﻨﺎﺣﻴﺔ ﺍﻟﺠﻤﺎﻟﻴﺔ ﺃﻭ ﺍﻻﺳﺘﻌﺮﺍﺿﻴﺔ ﻟﻠﺼﻔﺤﺔ ﻛـ ﺟﻮﺳﺘﻴﺲ ‏( Geocitie ‏) ﺍﻟﺬﻱ ﻗﺪّﻣﺘﻪ .Yahoo
ﺗﺼﻤﻴﻢ ﺻﻔﺤﺔ ﻭﻳﺐ
ﺣﺘﻰ ﺗﺘﻤﻜّﻦ ﻣﻦ ﺇﺗﻤﺎﻡ ﻣﻬﻤﺘﻚ ﻓﻲ ﺗﺼﻤﻴﻢ ﺻﻔﺤﺔ ﺍﻟﻮﻳﺐ ﺍﻟﺨﺎﺻﺔ ﺑﻚ، ﻳﻔﺮﺽ ﻋﻠﻴﻚ ﺫﻟﻚ ﺍﻹﻟﻤﺎﻡ ﺍﻟﺘﺎﻡ ﺑﺄﻱٍ ﻣﻦ ﻟﻐﺎﺕ ﺗﺼﻤﻴﻢ ﺍﻟﺼﻔﺤﺎﺕ ﺣﺘﻰ ﺗﺒﺤﺮ ﻓﻲ ﻋﺎﻟﻢ ﻛﺘﺎﺑﺔ ﻣﺴﺘﻨﺪ، ﻓﻠﻐﺔ HTML ﻣﺜﻼً ﺗﺴﺘﻮﺟﺐ ﻋﻠﻴﻚ ﺗﻌﻠُّﻢ ﻛﺎﻓﺔ ﻭﺳﻮﻣﻬﺎ ﺍﻟﺨﺎﺻﺔ ﺑﻬﺎ ﻭﺗﺮﺗﻴﺒﻬﺎ ﻭ ﻭﺍﺳﺘﺨﺪﺍﻡ ﻛﻞ ﻣﻨﻬﺎ، ﻭﻋﻨﺪ ﺍﻟﺘﺄﻛﺪ ﻣﻦ ﺻﺤﺔ ﺍﻹﻧﺸﺎﺀ ﻗﻢ ﺑﺤﻔﻈﻬﺎ ﻛﺼﻔﺤﺔ ﻭﻳﺐ، ﻭﻋﻨﺪ ﻓﺘﺤﻬﺎ ﺑﻌﺪ ﺗﺨﺰﻳﻨﻬﺎ ﻗﻢ ﺑﺎﺧﺘﻴﺎﺭ ﺍﻟﻤﺘﺼﻔﺢ ﺍﻟﻤﻔﻀﻞ ﻟﺪﻳﻚ ﺍﻟﺬﻱ ﺗﺮﻳﺪ ﺍﺳﺘﻌﺮﺍﺽ ﺍﻟﺼﻔﺤﺔ ﻋﻠﻴﻪ ﻟﻤﺸﺎﻫﺪﺓ ﻧﺘﻴﺠﺔ ﻛﺘﺎﺑﺔ ﺍﻟﻤﺴﺘﻨﺪ .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.almhdy.weblogtop.com
زائر
زائر




ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ Empty
مُساهمةموضوع: رد: ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ   ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ Emptyالخميس أبريل 05, 2018 9:45 pm

انظر أيضا:
اساسيات لغةHTML
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
ﻛﻴﻒ ﺃﻋﻤﻞ ﺻﻔﺤﺔ ﻭﻳﺐ
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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