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

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

إنشاء صفحة html

HTML هي اللغة المستخدمة لبناء صفحات الويب. تحدد بنية صفحة الويب وتتحكم CSS في كيفية عرض المحتوى. ليس من الصعب إنشاء صفحة HTML أساسية. إليك دليل تفصيلي للبدء. بمجرد أن يكون لديك صفحة HTML أساسية, أنت على استعداد لإنشاء عناصر أكثر تعقيدًا وديناميكية. لتبدأ, ستحتاج إلى محرر نصوص ومتصفح ويب.

يمكنك أيضًا استخدام معالج النصوص مثل MS Word لإنشاء محتوى صفحة الويب الخاصة بك. يمكنك استخدام الارتباطات التشعبية لربط النص ببعضه البعض. يمكنك أيضًا حفظ الملف كملف html, صفحة على شبكة الإنترنت. هذه الطريقة تعمل بشكل جيد, لكن الصفحات التي تنشئها بهذه الطريقة ضخمة ولا تبدو جيدة في نافذة المتصفح. الجانب السلبي الوحيد لهذه الطريقة هو أنه عليك تعلم استخدام الأدوات المتاحة.

HTML هي لغة ترميزية, مما يعني أنك بحاجة إلى تضمين العلامات لتنسيق المحتوى على الصفحة. تمثل كل علامة أحد عناصر الصفحة. يتم تحديد العلامة بواسطة قوس زاوية. تتطلب بعض العناصر علامة واحدة فقط, بينما يحتاج البعض الآخر إلى اثنين. تحتوي علامة الإغلاق على شرطة مائلة للأمام. فمثلا, تقوم علامة الفقرة بإنشاء عنصر يسمى فقرة. يشكل النص الموجود بين علامتي الفتح والختام نص الفقرة. بصورة مماثلة, تقوم علامة ul بإنشاء قائمة غير مرتبة.

إنشاء قائمة مصغرة

يعد إنشاء قسم يتضمن مصغرة طريقة فعالة لربط العناصر المختلفة على نفس صفحة الويب. يمكن تقسيم صفحة HTML إلى عدة أقسام فرعية, مع كل قسم يحتوي على قائمة بالعناصر. هذه العناصر تخدم أغراضًا مختلفة. يمكنك استخدام سمة النوع لعرض الترتيب الأبجدي. يمكنك أيضًا استخدام الأحرف الصغيرة لإنشاء قائمة بالعناصر بالأحرف a, ب, مسخ.

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

باستخدام html>-بطاقة شعار

أتش تي أم أل>-يتم استخدام العلامة لتحديد منطقة المحتوى الرئيسية لمستند HTML. تتكون منطقة المحتوى الرئيسية من نص متعلق بالموضوع المركزي أو وظيفة الصفحة. يجب أن يكون فريدًا عن المحتوى الآخر على الموقع. قد يظهر محتوى آخر على الصفحة في شكل أشرطة جانبية, روابط التنقل, معلومات حقوق التأليف والنشر, شعارات الموقع, ونماذج البحث. يجب أن تتبع صفحة HTML لغة HTML>-علامة باعتبارها صفحة HTML.

href = تفتح السمة عنصر الارتباط. بعد “=” إشارة, يجب عليك لصق عنوان URL للرابط. يمكنك أيضًا استخدام أسطر فقرة متعددة في عنوان واحد. قوس الإغلاق أمر لا بد منه. سيؤدي هذا إلى منع إساءة تفسير الروابط الخاصة بك. لتسهيل قراءة صفحة html, إضافة ارتباط إلى موقع الويب الخاص بك. أتش تي أم أل>-ستسمح لك العلامة بإضافة روابط تشير إلى صفحة ويب أخرى.

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

باستخدام html>-علامة لتمييز النص

يمكنك استخدام العلامة> علامة لتمييز النص في مستندات HTML. إنه HTML جديد نسبيًا 5 خاصية, ويحدد الجزء المميز من فقرة. العلامة> تعمل العلامة عن طريق تغيير خاصية لون الخلفية لمستند HTML الأساسي. العلامة> تدعم العلامة كلاً من السمات العامة وخصائص الأحداث. سيبرز النص باللون الأصفر أو الأسود. من الممكن أيضًا تغيير لون النص في ملف CSS الأساسي.

لا تعلن معظم برامج قراءة الشاشة عن عنصر العلامة, ولكن يمكنك استخدام خاصية محتوى CSS أو. قبل و. بعد العناصر الزائفة لتوضيح النص الذي تريد تمييزه. الإعلانات مطولة وتضيف معلومات غير ضرورية إلى الصفحة, لذلك يجب عليك استخدامها باعتدال. فمثلا, يمكنك استخدام الإعلانات لتمييز مصطلح البحث أو حظر الاقتباسات. الإعلانات مدعومة من قبل جميع المتصفحات الرئيسية.

بالإضافة إلى نمط لون الخلفية, يمكنك استخدام "highme’ فئة لتمييز النص في مستند HTML الخاص بك. تدعم جميع المتصفحات نمط لون الخلفية. يمكنك أيضًا استخدام كلمة "أصفر’ بدلاً من رمز اللون. يمكنك استخدام نفس الكود لتمييز فقرة أو قسم من النص. يمكنك أيضًا استخدام فئات CSS لتمييز النص.

باستخدام html>-علامة لإنشاء قائمة مصغرة تتضمن

أتش تي أم أل>-يتم استخدام العلامة لإنشاء قائمة من العناصر المصغرة. يحتوي على علامة الإغلاق المقابلة واسم العنصر صغير. يتم ترميز مستندات HTML باستخدام ترميز أحرف UTF-8, الذي يدعم إدراج أحرف Unicode. عند استخدام ملف html>-بطاقة شعار, تأكد من تحديد UTF-8 في ملف “حفظ باسم” صندوق المحادثة.

باستخدام html>-علامة لإضافة قائمة مصغرة تتضمن إلى صفحة HTML أمر سهل. يمكنك استخدام هذه العلامة لأي عنصر يدعم قائمة غير مرتبة. يمكنك حتى استخدام قائمة غير مرتبة لقائمة التنقل. يحتوي عنصر dl على قائمة من أزواج المصطلحات والأوصاف. يتم عرض العناصر الموجودة في القائمة المرتبة مع عداد تصاعدي إلى اليسار. يمكنك أيضًا حذف عنصر dl إذا كان عنصر القائمة متبوعًا مباشرةً بعنصر آخر.

هناك طريقة أخرى لإدراج قائمة مصغرة وهي إضافة عنصر تذييل في مستند HTML. يمثل هذا العنصر تذييل أقرب محتوى تقسيم. عادة ما تحتوي على معلومات عن المؤلف, بيانات حقوق النشر, أو روابط للمستندات ذات الصلة. باستخدام html>-علامة لإنشاء قائمة مصغرة تتضمن على صفحة HTML

باستخدام html>-علامة لتمييز كتل النص الفردية

يقوم HTML5 بتمييز كتل النص الفردية بالعلامة> عنصر. تعمل علامة HTML5 هذه على تغيير لون المحتوى في المصدر إلى درجة معينة من اللون الأصفر أو الأسود, السماح للقارئ بتمييز النص المهم. يمكن استخدامه أيضًا للإشارة إلى أقسام المحتوى التي تحتاج إلى مزيد من الاهتمام مقارنة بالنصوص الأخرى. العلامة> يدعم العنصر السمات العامة وخصائص الأحداث في HTML. عند استخدامها بشكل صحيح, يمكن أن تعزز علامة HTML5 هذه قابلية قراءة صفحة الويب.

معيار HTML4 يوقف العلامات على مستوى الأحرف ذات النمط المادي. يتعاملون مع العرض, ومن الأفضل استخدام CSS لهذه الأغراض. لقد أعاد HTML5 تقديمها. لم تعد مهملة, لكنها لا تزال ليست الطريقة الوحيدة لتمييز كتل نصية فردية. استخدم CSS لتمييز الكتل الفردية للنص باستخدام HTML5! ستسلط هذه الطريقة البسيطة الضوء على كتل نصية فردية داخل جزء من المحتوى.

يطفو: يمكنك استخدام خاصية CSS هذه لتعويم عنصر إلى الحافة اليسرى أو اليمنى للعنصر المحتوي. يمكن استخدامه لإنشاء شبكة أو أعمدة. يمكنك أيضًا استخدام خاصية CSS تسمى float لتعويم إطار iframe أو صورة على الهامش الأيمن أو الأيسر للمتصفح. تسهل هذه السمات تمييز الكتل الفردية باستخدام CSS.