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

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

01 من 07

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

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

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

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

02 من 07

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

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

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

03 من 07

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

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

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

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

04 من 07

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

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

​

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

05 من 07

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

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

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

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

06 من 07

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

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

اترك مسافة إضافية بين علامات البداية والنهاية للجسم.

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

07 من 07

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

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

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

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