# data[].attributes.headline
يتوقع من الطالبة بعد الإنتهاء من الدرس أن:

# data[].attributes.subject
يتوقع من الطالبة بعد الإنتهاء من الدرس أن:

# data[].attributes.body
1- تعرف مفهوم تصميم مواقع الويب.

2- تتعرف على مكونات وبنية صفحات HTML5 .-

3- تتعرف على وسوم TAGS

4- تنشيء مستندHTML

5- تقوم بمعاينة العمل عبر متصفح الإنترنت.

# data[].attributes.attachment_link.title
تعريف تصميم مواقع الويب

# data[].attributes.body
تختلف صفحات الويب حسب الغرض من إنشائها وطريقة عرض محتوياتها فتحتوي مزيج من النصوص والوسائط المتعددة ، وبعضها مخصص لأغراض البحث وهكذا.
نستكشف معا يا عبقريات مكونات الصفحة الرئيسية لموقع وزارة التربية والتعليم www.moe.gov.om
ونسجل مكونات الصفحة بالضغط على علامة + اسفل العمود ونكتب اسمنا وإجابتنا بوركت مساعيكن

# data[].attributes.headline
تعتبر لغة ترميز النص التشعبي( HTML)  أكثر اللغات استخداما لتصميم وتطوير صفحات الويب لسهولة استخدامها ودعمها من قبل متصفحات الويب. وتتكون من وسوم tags وتأتي الوسوم على هيئة أزواج تكتب بداخل أقواس زاوية، يسمى الأول وسم الفتح والثاني وسم الإغلاق ويتم كتابتها كالتالي :

# data[].attributes.subject
تعتبر لغة ترميز النص التشعبي( HTML)  أكثر اللغات استخداما لتصميم وتطوير صفحات الويب لسهولة استخدامها ودعمها من قبل متصفحات الويب. وتتكون من وسوم tags وتأتي الوسوم على هيئة أزواج تكتب بداخل أقواس زاوية، يسمى الأول وسم الفتح والثاني وسم الإغلاق ويتم كتابتها كالتالي :

# data[].attributes.attachment_link.title
مكونات الوسم

# data[].attributes.headline
الوسوم الأساسية لصفحة الويب :

# data[].attributes.subject
الوسوم الأساسية لصفحة الويب :

# data[].attributes.body
1- وسم صفحة الويب html
2- وسم رأس الصفحة head
3- وسم محتوى الصفحة body

# data[].attributes.attachment_link.title
وسوم صفحة الويب

# data[].attributes.headline
إقرأي النشاط جيدا واجيبي عليه بفتح موقع البوابة  www.moe.gov.om  ومن ثم اكتبي إجابتك بالضغط على علامة + أسفل العمود

# data[].attributes.subject
إقرأي النشاط جيدا واجيبي عليه بفتح موقع البوابة  www.moe.gov.om  ومن ثم اكتبي إجابتك بالضغط على علامة + أسفل العمود

# data[].attributes.attachment_link.title
لشيفرة المصدرية للبرنامج

# data[].attributes.headline
لإنشاء مستند باستخدام لغة  HTML  لا بد من توافر التطبيقات التالية:

# data[].attributes.subject
لإنشاء مستند باستخدام لغة  HTML  لا بد من توافر التطبيقات التالية:

# data[].attributes.body
1- محرر نصوص :
مثل Notepad, Pycharm, Visual Studio Code.
البرنامج الذي سنستخدمه في وحدتنا هو Visual Studio Code
ويمكن تحميله من الموقع: http://visualstudio.microsoft.com
2- متصفح ويب:
مثل جوجل كروم، مايكروسوفت إدج ، سفاري

# data[].attributes.attachment_link.title
واجهة فيجوال