إنشاء صفحة ويب 01

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 1

‫الﺜاﻧويﺔ ‪:‬هواري بومدين‬ ‫المجال التعلمي ‪ : 03‬تقنيات الويب‬

‫اﻷستـاذ ‪ :‬مراد بﻼل‬ ‫الوحدة التعليميﺔ ‪ :02‬إﻧشاء صفحﺔ ويب‬

‫‪ .1‬ﻣﺎ ﻫﻲ ‪HTML‬‬
‫‪ :HTML‬ﻫﻲ ﻟﻐﺔ ﺗﺴﺘﺨﺪم ﰲ إﻧﺸﺎء و ﺗﺼﻤﻴﻢ ﺻﻔﺤﺎت اﻟﻮﻳﺐ‬
‫‪ .2‬اﻟﻌﻨﺎﴏ و اﻟﻮﺳﻮم‬
‫ﺗﺘﻜﻮن ﻣﻠﻔﺎت ‪ HTML‬ﻣﻦ قﺴﻤ ‪:‬‬
‫‪ ‬اﳌﺤﺘﻮى‪ :‬وﻫﻮ ﻣﺎ ﻳﺸﺎﻫﺪه اﳌﺴﺘﺨﺪﻣﻮن ﰲ ﺻﻔﺤﺘﻚ‪.‬‬
‫‪ ‬اﻟﻮﺳﻮم )‪ :(tags/balises‬وﻫﻲ اﻷﺟﺰاء اﻟﺘﻲ ﺗﺤﺪد و ﺗﺼﻒ اﳌﺤﺘﻮى ﻣﻦ ﺣﻴﺚ اﻟﺘﻨﺴﻴﻖ ‪ ،‬اﻟﻮﺳﻮم‬
‫ﻫﻲ ﺗﻮﺻﻴﻔﺎت ﻧﺴﺘﺨﺪﻣﻬﺎ وﻧﻀﻌﻬﺎ ﰲ ﺑﺪاﻳﺔ اﻟﻌﻨﴫ وﻋﻨﺪ ﻧﻬﺎﻳﺘﻪ‪.‬‬
‫ﻣﻼﺣﻈﺎت ‪:‬‬
‫‪ ‬ﺟﻤﻴﻊ ﻋﻨﺎﴏ ﻣﻠﻒ ‪ HTML‬ﻳﺘﻢ إدراﺟﻬﺎ ﻋﻦ ﻃﺮﻳﻖ اﻟﻮﺳﻮم‪ ،‬وﺗﺤﺪد ﺧﺼﺎﺋﺼﻬﺎ أﻳﻀﺎ ﻋﻦ ﻃﺮﻳﻖ اﻟﻮﺳﻮم‪.‬‬
‫‪ ‬ﻟﻐﺔ ‪ HTML‬ﻻ ﺗﺮاﻋﻲ ﺣﺎﻟﺔ اﻷﺣﺮف ﻣﻦ ﺣﻴﺚ ﻛﻮﻧﻬﺎ ﻛب ة أو ﺻﻐ ة‪ ،‬أي أﻧﻪ ﰲ ‪ HTML‬وﺿﻊ >‪ <b‬ﻻ ﻳﺨﺘﻠﻒ ﻋﻦ >‪<B‬‬
‫‪ ‬ﺑﻌﺾ اﻟﻮﺳﻮم ﺗﺤﺘﺎج إﱃ وﺳﻢ إﻏﻼق وﺑﻌﻀﻬﺎ ﻻ ﻳﺤﺘﺎج إﻟﻴﻪ ‪.‬‬
‫‪ ‬ﺗﻮﺿﻊ اﻟﺘﻌﻠﻴﻘﺎت ﺑ >! ‪ <-- ….--‬أي أن اﳌﺘﺼﻔﺢ ﻳﺘﺠﺎﻫﻞ أي ﳾء ﺑﻴﻨﻬ وﻛﺄﻧﻪ ﻏ ﻣﻮﺟﻮد‪.‬‬
‫‪ .3‬ﺑﻨﻴﺔ ﻣﻠﻒ ‪HTML‬‬
‫ﻳﺘﻜﻮن ﻣﻠﻒ ‪ HTML‬ﻣﻦ ﺟﺰﺋﻴ رﺋﻴﺴﻴ ﻫ ‪:‬‬
‫‪ ‬ﺑﺪاﻳﺔ ‪ <html> : html‬وﺳﻢ ﺑﺪاﻳﺔ اﻟﺼﻔﺤﺔ و >‪ </html‬وﺳﻢ ﻧﻬﺎﻳﺔ اﻟﺼﻔﺤﺔ‬
‫‪ ‬اﻟﺮأس ‪ : Head‬ﻳﺤﺘﻮي ﻋﲆ اﳌﻌﻠﻮﻣﺎت اﻹﺿﺎﻓﻴﺔ اﻟﺨﺎﺻﺔ ﺑﺎﻟﺼﻔﺤﺔ ﻣﻦ ﺣﻴﺚ ﻣﺜﻼ ﻋﻨﻮان اﻟﺼﻔﺤﺔ واﻟﻜﻠ ت اﳌﻔﺘﺎﺣﻴﺔ‬
‫ﻓﻴﻬﺎ وﻏ ﻫﺎ ﻣﻦ اﻷﻣﻮر اﻟﺨﺎﺻﺔ ﺑﺎﻟﺼﻔﺤﺔ واﻟﺘﻲ ﻻ ﺗﻌﺘﱪ ﻣﻦ ﺿﻤﻦ ﻣﺤﺘﻮى اﳌﺴﺘﻨﺪ‪.‬‬
‫‪ ‬اﻟﻌﻨﻮان ‪ : Title‬ﻳﺤﺘﻮي ﻋﲆ ﻋﻨﻮان اﻟﺼﻔﺤﺔ‪.‬‬
‫‪ ‬اﻟﺠﺴﻢ ‪ : Body‬وﻫﻮ ﻳﺤﺘﻮي ﻋﲆ ﻣﺤﺘﻮى اﻟﺼﻔﺤﺔ اﻟﺬي ﻳﺮاه اﳌﺴﺘﺨﺪم‪.‬‬
‫>‪<html‬‬
‫>‪<head‬‬
‫>‪<title‬‬
‫‪………………………………….………..‬‬

‫>‪</title‬‬
‫>‪</head‬‬
‫>‪<body‬‬
‫‪………………………….…………………..‬‬
‫‪………………………….…………………..‬‬

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

You might also like