إنشاء ملف جديد - كتاب المهارات الرقمية - الصف 10 - الفصل 1 - المملكة العربية السعودية

ملخص المحتوى التعليمي:

يتناول هذا الجزء خطوات إنشاء ملف HTML جديد باستخدام محرر Visual Studio Code، وهو جزء من تعلم البرمجة بلغة HTML ضمن مادة الحاسب الآلي للصف الثاني عشر.

الخطوات العملية:

إنشاء ملف جديد: من قسم "المستكشف" (Explorer) في المحرر، وبعد فتح المجلد المطلوب، يتم اختيار "ملف جديد" (New File).

تسمية الملف: يجب كتابة اسم الملف مع إضافة الامتداد `.html` (مثل `index.html`).

فتح نافذة الأوامر: يمكن استخدام اختصار لوحة المفاتيح `Ctrl + Shift` ثم اختيار الخيار الأول لفتح نافذة الأوامر.

كتابة الكود: في منطقة التحرير الرئيسية، يتم كتابة أو تعديل مقطع الكود البرمجي لـ HTML ليطابق المطلوب.

حفظ التعديلات: نصيحة مهمة هي حفظ المستند باستمرار بعد كل تعديل باستخدام اختصار لوحة المفاتيح `Ctrl + S`.

منطقة التحرير: هي المساحة الرئيسية في المحرر لكتابة وتعديل ملفات الكود المفتوحة.

---

الإجابة على الأسئلة:

1. من قسم Explorer (المستكشف)، وفي المجلد الذي تم فتحه اختر New File (ملف جديد).

* الجزء الأول: يصف هذه الجملة الخطوة الأولى لإنشاء ملف HTML جديد داخل المجلد المفتوح مسبقاً في محرر Visual Studio Code.

* الجزء الثاني (التمثيل البياني): يظهر التمثيل البياني المصاحب لوحة "المستكشف" (Explorer) في Visual Studio Code والتي تعرض هيكل المجلدات والملفات، ويمكن من خلالها اختيار إنشاء ملف جديد.

4. HTML Code

* التمثيل البياني: يظهر التمثيل البياني المصاحب مقتطفاً من الكود البرمجي بلغة HTML. بناءً على التعليمات في المحتوى ("اضبط مقطع برمجي HTML ليطابق المقطع البرمجي الموضح أدناه")، يجب على الطالب كتابة أو تعديل الكود في منطقة التحرير ليطابق هذا المقطع البرمجي المعروض.

قبل البدء في إنشاء مستند HTML، يجب عليك إنشاء ملف HTML.

شاهد كيف يمكن القيام بذلك في Visual Studio Code.

من قسم (المستكشف) اختر 1 (ملف جديد). 2 تم فتحه. 3 اكتب الاسم بالامتداد .html 4 اضغط المفتاح Shift +1 واختار الخيار الأول. 5 اضبط مقطع برمجي HTML ليطابق المقطع البرمجي الموضح أدناه.

تظهر هنا الإشعارات بعد المستندات التي لم يتم حفظها.

منطقة التحرير: وهي المساحة الرئيسية لتحرير ملفاتك. يمكنك فتح الملفات لتحريرها كما تريد.

نصيحة ذكية لا تنس أن تحفظ مستندك بعد كل عملية تعديل تقوم بها.

يمكنك أيضًا استخدام اختصارات لوحة المفاتيح Ctrl + S.

قبل البدء في إنشاء مستند HTML، يجب عليك إنشاء ملف HTML. شاهد كيف يمكن القيام بذلك في Visual Studio Code. --- SECTION: إنشاء ملف جديد --- من قسم (المستكشف) اختر 1 (ملف جديد). 2 تم فتحه. 3 اكتب الاسم بالامتداد .html 4 اضغط المفتاح Shift +1 واختار الخيار الأول. 5 اضبط مقطع برمجي HTML ليطابق المقطع البرمجي الموضح أدناه. تظهر هنا الإشعارات بعد المستندات التي لم يتم حفظها. منطقة التحرير: وهي المساحة الرئيسية لتحرير ملفاتك. يمكنك فتح الملفات لتحريرها كما تريد. نصيحة ذكية لا تنس أن تحفظ مستندك بعد كل عملية تعديل تقوم بها. يمكنك أيضًا استخدام اختصارات لوحة المفاتيح Ctrl + S. --- VISUAL CONTEXT --- **DIAGRAM**: Explorer Description: Shows a file explorer interface with folders and files. Highlights 'Pages' folder. Context: Illustrates the file navigation pane in Visual Studio Code. **DIAGRAM**: Untitled Description: The 'Pages' folder within the 'EXAMPLES' directory is highlighted with a blue background and a number '1' next to it. Context: Indicates the selection of the 'Pages' folder as part of the file creation process. **DIAGRAM**: OPEN EDITORS Description: Section showing open files, with '1 unsaved' indicated. Context: Shows the status of open files in the editor. **DIAGRAM**: Untitled Description: The text input field for a file name is highlighted, with the text '.html' visible, and a number '3' pointing to it. Context: Indicates where to type the file name with the .html extension. **DIAGRAM**: Untitled Description: A prompt appears suggesting 'Emmet Abbreviation' with a number '4' pointing to it. Context: Suggests using Emmet for code abbreviation, likely after typing '!' or similar. **CODE_SNIPPET**: Examples.html Description: A snippet of HTML code is displayed, showing the basic structure of an HTML document including DOCTYPE, html, head, title, meta, and body tags. Context: Provides a basic HTML template for creating a web page.