إنشاء صفحة ويب جديدة باستخدام المفكرة

01 من 07

ضع ملفاتك في مجلد جديد

Windows Notepad هو برنامج أساسي لمعالجة النصوص يمكنك استخدامه لكتابة صفحات الويب الخاصة بك. صفحات الويب هي مجرد نص ويمكنك استخدام أي برنامج لمعالجة النصوص لكتابة HTML الخاص بك. يرشدك هذا البرنامج التعليمي خلال هذه العملية.

أول ما يجب فعله عند إنشاء موقع ويب جديد في Notepad هو إنشاء مجلد منفصل لتخزينه. عادة ، تقوم بتخزين صفحات الويب الخاصة بك في مجلد يسمى HTML في مجلد "المستندات" ، ولكن يمكنك تخزينها في المكان الذي تريده.

1. افتح نافذة المستندات
2. انقر فوق ملف > جديد > مجلد
3. اسم المجلد my_website

ملاحظة هامة: قم بتسمية مجلدات وملفات الويب باستخدام جميع الأحرف الصغيرة وبدون أي مسافات أو علامات ترقيم. على الرغم من أن Windows يسمح لك باستخدام المساحات ، فإن العديد من مزودي استضافة الويب لا يقومون بذلك ، وستوفر على نفسك بعض الوقت والمشكلات إذا قمت بتسمية الملفات والمجلدات بشكل صحيح من البداية.

02 من 07

احفظ الصفحة بتنسيق HTML

أول شيء يجب عليك القيام به عند كتابة صفحة ويب في "المفكرة" هو حفظ الصفحة بتنسيق HTML. هذا يوفر عليك الوقت والمشاكل في وقت لاحق.

كما هو الحال مع اسم الدليل ، استخدم دائمًا جميع الأحرف الصغيرة وعدم وجود مسافات أو أحرف خاصة في اسم الملف.

1. في "المفكرة" ، انقر فوق " ملف" ثم " حفظ باسم".
2. انتقل إلى المجلد حيث تقوم بحفظ ملفات موقع الويب الخاص بك.
3. قم بتغيير القائمة المنسدلة حفظ بنوع إلى All Files (*. *).
4. اسم الملف.هذا البرنامج التعليمي يستخدم اسم pets.htm.

03 من 07

ابدأ بكتابة صفحة الويب

أول شيء يجب أن تكتبه في مستند HTML الخاص بـ Notepad هو DOCTYPE. هذا يخبر المتصفحات بنوع HTML المتوقع. يستخدم هذا البرنامج التعليمي HTML5.

بيان doctype ليس علامة. يخبر الكمبيوتر أن مستند HTML5 قادم. يتم عرضه أعلى كل صفحة HTML5 ويأخذ هذا النموذج:

بمجرد حصولك على DOCTYPE ، يمكنك بدء HTML الخاص بك. اكتب كل من البداية

وعلامة الإنهاء وترك بعض المساحة لمحتويات محتوى صفحة الويب. يجب أن يكون مستند "المفكرة" الخاص بك كما يلي:

04 من 07

خلق رئيس لصفحة الويب الخاصة بك

إن رأس مستند HTML هو المكان الذي يتم فيه تخزين المعلومات الأساسية عن صفحتك على الويب — أشياء مثل عنوان الصفحة وربما علامات وصفية لتحسين محرك البحث. لإنشاء قسم رأس ، أضف

في مستند نص HTML الخاص بك في المفكرة بين العلامات.

كما هو الحال مع

، اترك بعض المسافة بينها بحيث يكون لديك مساحة لإضافة معلومات الرأس.

05 من 07

إضافة عنوان صفحة في قسم الرأس

عنوان صفحة الويب هو النص الذي يتم عرضه في نافذة المتصفح. وهو أيضًا ما تتم كتابته في الإشارات المرجعية والمفضلة عندما ينقذ شخص ما موقعك. تخزين نص العنوان بين

العلامات باستخدام العلامات. لن تظهر على صفحة الويب نفسها ، إلا في الجزء العلوي من المتصفح.

تحمل صفحة المثال هذه عنوان "McKinley، Shasta، and Pets Other".

McKinley، Shasta، and Other Pets

لا يهم طول المدة التي يستغرقها العنوان أو إذا كان يمتد على عدة أسطر في HTML ، ولكن من الأسهل قراءة العناوين القصيرة ، كما قطعت بعض المتصفحات العناوين الأطول في نافذة المتصفح.

06 من 07

الهيئة الرئيسية لصفحة الويب الخاصة بك

يتم تخزين نص صفحة الويب الخاصة بك داخل

العلامات. هذا هو المكان الذي تضع فيه النص والعناوين والعناوين الفرعية والصور والرسومات والروابط وكل المحتويات الأخرى. يمكن أن يكون طالما كنت تحب.

يمكن اتباع هذا التنسيق نفسه لكتابة صفحة الويب الخاصة بك في برنامج Notepad.

يذهب عنوان رأسك هناكل شيء على صفحة الويب هنا

07 من 07

إنشاء مجلد الصور

قبل إضافة محتوى إلى نص مستند HTML ، تحتاج إلى إعداد الدلائل الخاصة بك بحيث يكون لديك مجلد للصور.

1. افتح نافذة المستندات .
2. التغيير إلى مجلد my_website .
3. انقر فوق ملف > جديد > مجلد.
4. قم بتسمية صور المجلد.

قم بتخزين جميع صورك لموقعك في مجلد الصور بحيث يمكنك العثور عليها في وقت لاحق. هذا يجعل من السهل تحميلها عندما تحتاج إليها.