1 of 12

تعليمات مهمة في البرمجة

2 of 12

متطلبات الوحدة:

  • Visual Studio Code

  • Kite+ Live Server

  • محتوى الموقع

  • مجلد الوسائط ( اعيدي تسميته Multimedia )

2

3 of 12

خطوات التطبيق

خطوات و ملاحظات تعينك في تطبيق العمل,,,

3

  1. انشاء مجلد وتسميته باللغة الإنجليزية ( حاوية لجميع محتويات الموقع ).

2. فتح برنامج VS Code

3. اغلاق أي عمل في البرنامج لطالبة أخرى .

4 of 12

4

4. استدعاء المجلد و التأكد من ظهوره في نافذة المستكشف Explorer

5. انشاء الصفحات File – New File

5 of 12

6. سمي الصفحات ( الصفحة الرئيسية لاي موقع تسمى index )

7. دائماً اسم الصفحة يتبع بـ ( .html )

8. قارني بين عدم تسمية الصفحة متبوعه بـ ( .html ) وتسميتها بـ ( .html )

9. بعد شرح الوسوم الأساسية لبنية الـHTML يمكن استخراجها تلقائياً

بالضغط على ! ثم Enter

10. الوسوم لا تظهر تلقائياً إن لم تسمي الصفحة متبوعه بامتداد

( .html )

5

6 of 12

تسمية الصفحات

ملاحظات

  • أن ما يكتب أولاً يظهر أولاً

  • تكتب أغلب الوسوم بالأحرف الإنجليزية الصغيرة

  • تأكدي من كتابة الحروف بشكل صحيح لان بنفس حالة الاحرف سوف تستخدمينها في كتابة الاكواد.

  • استخدمي خاصية الحفظ التلقائي حتى لاتنسي حفظ العمل.

  • قبل الخروج من البرنامج نتأكد من الضغط على Save All

  • الملاحظات التي يكتبها المصمم تكتب:-->الملاحظه <!--
  • index.html
  • legacies.html
  • hotels.html
  • cities.html
  • locations.html
  • contact.html

6

7 of 12

إضافة تذييل

7

الإصدار الخامس HTML

ما يظهر للمستخدم

تعليمات من كمبيوتر إلى آخر

8 of 12

8

9 of 12

إضافة تذييل

9

</i> </b> </p>تقنية المعلومات<p> <b> <i>

10 of 12

إضافة تذييل

10

11 of 12

تنسيق النصوص

تغيير العنوان:

11

  • قارني بين تنسيقات الـWord و لغة الـHTML

  • العناوين
  • النصوص

  • من الممكن للتنسيق اكثر من وسم. مثل <b> =<strong>

القوائم

12 of 12

الجداول

12

كيفية كتابة أكواد الجدول:

<table>

<tr>

<th> </th> <th> </th>

</tr>

<tr>

<td> </td> <td> </td>

</tr>

</table>

صفين

خليتين

خليتين