كيفية إنشاء موقع على شبكة الإنترنت بلغة Html

جدول المحتويات:

كيفية إنشاء موقع على شبكة الإنترنت بلغة Html
كيفية إنشاء موقع على شبكة الإنترنت بلغة Html

فيديو: كيفية إنشاء موقع على شبكة الإنترنت بلغة Html

فيديو: كيفية إنشاء موقع على شبكة الإنترنت بلغة Html
فيديو: إنشاء صفحة ويب للمبتدئين درس html 2024, يمكن
Anonim

يتم إنشاء جميع المواقع تقريبًا اليوم باستخدام أنظمة إدارة المحتوى - CMS. ولكن لا يزال هناك مبرمجون يقومون بإنشاء صفحات الويب يدويًا مباشرة بلغة ترميز HTML. هل تريد أن تصبح واحد منهم؟

كيفية إنشاء موقع على شبكة الإنترنت بلغة html
كيفية إنشاء موقع على شبكة الإنترنت بلغة html

تعليمات

الخطوة 1

استخدم محرر نصوص فقط لتحرير ملفات html. احفظ النتائج في ترميز Unicode - فلن تواجه مشاكل في وضع الأحرف السيريلية واللاتينية مع علامات تغير في الصورة ، بالإضافة إلى رموز الرموز الرياضية والفيزيائية والأحرف اليونانية في نفس الصفحة في نفس الوقت.

الخطوة 2

قم بتسمية جميع الملفات بامتداد ".html" (بدون علامات الاقتباس). في هذه الأسماء ، يمكن استخدام الأحرف اللاتينية والأرقام والشرطات السفلية والواصلات فقط ، ولكن لا يمكن استخدام علامات الترقيم الأخرى بأي حال من الأحوال (باستثناء الفترة التي تفصل بين الاسم والامتداد) والمسافات.

الخطوه 3

تأكد من حفظ الصفحة الرئيسية للموقع في ملف يسمى "index.html" (بدون علامات الاقتباس). ضع هذا الملف في مجلد جذر الاستضافة. إن محتواه هو الذي سيراه زائر الموقع عن طريق إدخال عنوان URL الخاص به في شريط عنوان المتصفح بدون معلمات إضافية. ضع باقي الصفحة وملفات الصور في نفس المجلد.

الخطوة 4

في كل ملف ، قم بترتيب كتل البداية والنهاية مسبقًا. رتبهم كما هو موضح في الشكل.في السطر الأخير من كتلة QC الأولية - القيمة السداسية العشرية لسطوع المكون الأحمر للون الخلفية من 00 إلى FF ، ЗЗ - نفس الشيء بالنسبة للمكون الأخضر ، CC - نفس للمكون الأزرق.

الخطوة الخامسة

ضع محتوى الصفحة بين كتل البداية والنهاية.

الخطوة 6

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

الخطوة 7

لبدء فقرة ، استخدم العلامة الموضحة في الصورة على اليسار. للحصول على مسافة بادئة من سطر واحد قبل الفقرة ، استخدم العلامة الموضحة في الشكل على اليسار.

الخطوة 8

لإبراز النص بخط مائل وغامق ، استخدم العلامات ومجموعاتها الموضحة في الشكل.

الخطوة 9

لتغيير حجم الخط ولونه ، استخدم الأمر الموضح في الشكل أعلاه ، حيث يتم تحديد قيم CC و ZZ و SS بنفس طريقة لون الخلفية ، HIGH هو ارتفاع الخط بالنقاط. يمكن حذف علامات اللون أو الخط إذا تغير حجم الخط أو لونه فقط. لإلغاء هذا الأمر ، استخدم العلامة الموضحة في الصورة أدناه.

الخطوة 10

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

الخطوة 11

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

الخطوة 12

ابحث في الويب عن برنامج تعليمي حول لغة ترميز HTML ، وسوف تتعلم كيفية استخدام باقي العلامات التي توجد العشرات منها في تلك اللغة.

موصى به: