لغة ترميز النص التشعبي (HTML) هي لغة ترميز تُستخدم لإنشاء وتصميم صفحات الويب ومواقع الويب. يمكنك إنشاء صفحة ويب دون تعلم HTML، ولكن قد تواجه بعض المشكلات، ويجب عليك استخدامها لاحقًا لتجاوز هذه المشكلات، بغض النظر عن محرر التعليمات البرمجية الذي تعمل فيه. هناك العديد من المواقع المتخصصة حيث يمكنك تعلم HTML في المزيد التفاصيل، ولكن في هذه المقالة نعلمك أساسيات إنشاء موقع ويب باستخدام هذه اللغة حتى تتمكن من إنشاء صفحة ويب بسيطة من البداية إلى النهاية.
خطوات
استخدم HTML
1 فهم طبيعة HTML. HTML هي لغة الكود الذي يتكون من صفحات الويب، واللغة هي بنية جميع صفحات الويب الموجودة. لمعرفة شكل HTML، انتقل إلى أي موقع ويب في Internet Explorer وانقر بزر الماوس الأيمن على الصفحة، ثم اختر خيار “عرض المصدر” لرؤية أكواد HTML. هذه هي الرموز التي يراها المتصفح لتحويلها إلى صفحة ويب منسقة يمكن لأي شخص التفاعل معها.
- استخدم زر لوحة المفاتيح F12 في المستعرض.
- استخدم اختصار لوحة المفاتيح Ctrl + U لعرض المصدر في المستعرض.
- اختر خيار “عرض ← عرض المصدر” (أو استخدم اختصار لوحة المفاتيح Option + Command + U) في المتصفح.
- ستجد خيار عرض المصدر المسمى “المصدر” في قائمة عرض في Internet Explorer.
2 اجعل صفحة الويب المبدئية بسيطة بقدر الإمكان. إذا لم تكن صفحتك بسيطة، فستواجه الكثير من المشكلات في التعليمات البرمجية وبناء الجملة.
- من المهم أن تعرف أنك ستكتب المعلومات بين علامة الافتتاح والختام. ستكون علامة الافتتاح بالشكل التالي <___>، وستكون علامة الإغلاق بالشكل التالي . يتم استبدال ___ بالكود.
3 اذهب إلى ابدأ ← البرامج ← الملحقات ← المفكرة. يعد استخدام محرر النصوص أسهل بكثير بعد اختيار لغة HTML حيث يتم تحويل كل شيء تكتبه إلى لون مختلف لتسهيل تصحيح الأخطاء.
4 أخبر المتصفح باللغة التي تستخدمها. في السطر الأول، اكتب ، يجب أن تكون هذه العلامة دائمًا هي العلامة الأولى في شفرتك. بعد ذلك، في السطر الثاني، اكتب. تخبر هذه العلامة الكمبيوتر أنك تكتب صفحة ويب. سيتم إغلاق هذه العلامة في نهاية المستند، ويمكنك كتابة علامة الإغلاق على النحو التالي. تؤدي كتابة علامة النهاية إلى إنهاء صفحة الويب.
5 أضف رأس الصفحة كما هو موضح.
6 اكتب عنوانًا للصفحة. تعد كتابة العنوان أمرًا مهمًا لأنه يمنح المستخدمين فكرة عن موضوع الصفحة، ويتم حفظ العنوان في قائمة الإشارات المرجعية عند وضع إشارة مرجعية على الصفحة. في HTML، يتم تحديد العنوان باستخدام الامتداد
علامة وإغلاق مع بطاقة شعار. يظهر العنوان بعد ذلك على علامة التبويب، ولكن ليس على الصفحة نفسها.7 العمل على نص الصفحة. اكتب ال
لبدء محتوى نص الصفحة، ثم إنهاء المحتوى بامتداد بطاقة شعار. المعلومات التي يتكون منها نص الصفحة تقع بين و العلامات.- يمكنك إضافة نمط إلى نص الصفحة لتغيير لون خلفية الصفحة، يمكنك تغيير لون الخلفية باستخدام يمكن تغيير العلامة، واللون “silver” إلى أي اسم لون آخر أو أي حرف سداسي عشري. تُعرف الكلمات المحاطة بعلامات اقتباس باسم “الخصائص” ويجب وضع هذه الخصائص ضمن علامات اقتباس.
8 اكتب نصًا بين علامات نص الصفحة.
- استخدم ال
علامة للانتقال إلى سطر جديد (لمحاكاة الضغط على مفتاح الإدخال على لوحة المفاتيح).
- يمكنك أيضًا إضافة نص متحرك (نص يتحرك أفقيًا على الشاشة) باستخدام ملف بطاقة شعار.
- استخدم ال
9 أضف بعض الصور. إذا كنت تريد إضافة صور من الإنترنت إلى صفحة الويب الخاصة بك، فيمكنك استخدام ملحق
علامة الصورة كعلامة إغلاق. علامة الإغلاق اختيارية في هذه الحالة.
10 تأكد من ختم جميع العلامات. يجب أن تبدو صفحة الويب الخاصة بك كما يلي
صفحة الويب الخاصة بي
أحب wikiHow بسبب11 احفظ الصفحة. انتقل إلى خيار “حفظ باسم” واختر اسم ملف ومنحه امتداد html (على سبيل المثال، “testfile.html”). اختر “كل الملفات” أو “ملف نصي” في حقل النوع. إذا لم تقم بذلك، فلن يعمل الرمز. ثم انتقل إلى المكان الذي حفظت فيه صفحة الويب وانقر نقرًا مزدوجًا عليها لفتح الصفحة في متصفح الإنترنت الافتراضي لديك.
أفكار مفيدة
- استخدم نموذجًا لاختبار التغييرات التي تجريها على مواقع الويب الخاصة بك (مثل Myspace) قبل إجراء التغييرات الفعلية.
- يعد Espresso برنامجًا جيدًا لكتابة أكواد HTML، حيث يبسط البرنامج كتابة الأكواد من خلال إعطائك اختصارات مختلفة، ويمنحك البرنامج القدرة على معاينة صفحة الويب باستخدام ميزة المعاينة دون الحاجة إلى تغيير الامتداد من html إلى txt.
- استخدم محرر ويب مثل Microsoft Expression Web لإنشاء مواقع ويب أكثر تقدمًا.
- يمكنك أيضًا تجربة Adobe Dreamweaver. يساعدك هذا البرنامج عند مواجهة المشاكل حيث يوضح لك المشكلة وكيفية حلها.
- تعلمك هذه المقالة كيفية إنشاء صفحة ويب. تحقق من المقالات ذات الصلة في ويكي هاو لتتعلم كيفية نشر صفحة الويب الخاصة بك.
- هنا مثال على طريقة غير صحيحة للكتابة
المحتوى من - تأكد من تصحيح جميع الأخطاء.
- يكسب الكثير من الناس لقمة العيش من تصميم صفحات الويب ويمكنك تطوير قدراتك لكسب العيش من هذا المجال أيضًا.
- لا يمكنك كتابة علامات الإغلاق في أي مكان. يجب أن تنتهي العلامة الافتتاحية الأخيرة التي كتبتها قبل العلامات الأخرى، لذا يجب أن تبدو العلامات كما يلي
المحتوى - ابحث عن الملف وأعد تسميته لتغيير الامتداد من “.htm” إلى “.txt” لتعديل الرموز أو حفظ نسختين من الكود، إحداهما بتنسيق htm والأخرى بتنسيق txt. هذا يسمح بتعديل الكود في وقت لاحق.
- يعد إنشاء صفحة ويب بسيطة في دقائق قليلة طريقة رائعة لإثارة إعجاب أصدقائك. يمكنك عرض خدماتك على أحد أصدقائك، مما سيجعلهم سعداء ومُعجبين.
- إذا كانت صفحة الويب الخاصة بك لا تعمل، فقم بنسخ كود HTML السابق وحفظه كما هو موضح، ثم اعرض الصفحة، وقم بتعديل الكود، وشاهد النتائج.
- يجب إنهاء جميع الأحرف الافتتاحية التي تكتبها ما لم تكن واحدة من الأحرف الخاصة التي لا تحتاج إلى اختتام، مثل
أو
.
تحذيرات
- تأكد من كتابة “.html” أو “.htm” في نهاية اسم الملف واختر “All Files” أو “Text File” كنوع للملف. خلاف ذلك، لن يعمل الرمز.
- تأكد من استضافة الصور بنفسك حتى لا تسرق النطاق الترددي لشخص آخر. يمكنك استضافة الصور على منصات مثل فوتوبوكيت أو فليكر أو إيماج شاك.
- ال
- خاصية “bgcolor” قديمة، والطريقة الصحيحة لتغيير لون خلفية العناصر هي استخدام كود CSS.
الأشياء التي سوف تحتاجها
محرر نصوص، مثل Notepad (Windows) أو TextEdit (Mac).
متصفح الإنترنت، مثل أو.
جهاز كمبيوتر متصل بالإنترنت.
مدير ملفات، مثل مستكشف ملفات Windows (اختياري).
منصة استضافة الصور، مثل PhotoBag أو Flickr.