كيفية إنشاء صفحة البداية لموقع ويب: 8 خطوات (بالصور)

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

كيفية إنشاء صفحة البداية لموقع ويب: 8 خطوات (بالصور)
كيفية إنشاء صفحة البداية لموقع ويب: 8 خطوات (بالصور)

فيديو: كيفية إنشاء صفحة البداية لموقع ويب: 8 خطوات (بالصور)

فيديو: كيفية إنشاء صفحة البداية لموقع ويب: 8 خطوات (بالصور)
فيديو: كيفية ارسال رساله عبر الايميل Gmail لشخص او شركه بكل سهوله 2024, يمكن
Anonim

هل تريد وضع صفحة البداية على صفحة الويب الخاصة بك؟ تعد صفحات البداية طريقة رائعة لوضع علامة تجارية على موقع الويب الخاص بك. تفترض طريقة التنفيذ هذه أنك تعرف قدرًا كبيرًا من HTML و CSS ، وقد يساعدك أيضًا إذا كنت تعرف بعض JavaScript الأساسي.

خطوات

قم بإنشاء صفحة البداية لموقع الويب الخطوة 1
قم بإنشاء صفحة البداية لموقع الويب الخطوة 1

الخطوة 1. قم بإنشاء صفحة المخطط التفصيلي الخاصة بك

يمكنك استخدام ملف CSS خارجي (ورقة أنماط متتالية) ، ولكن في هذا المثال سنستخدم ملف ورقة الأنماط الداخلية. لذلك عليك أن تبدأ بعلاماتك الأساسية:

أهلا بك!

قم بإنشاء صفحة البداية لموقع الويب الخطوة 2
قم بإنشاء صفحة البداية لموقع الويب الخطوة 2

الخطوة 2. املأ CSS ومعلومات العنوان في القسم

من الواضح أنك ستحتاج إلى تغيير القيم لتناسب احتياجاتك:

أهلا بك!

الجسم {لون الخلفية: #DCDC}

محذوف …

ملحوظة:

قد ترغب في إضافة خاصية CSS للخطوط.

قم بإنشاء صفحة البداية لموقع الويب الخطوة 3
قم بإنشاء صفحة البداية لموقع الويب الخطوة 3

الخطوة الثالثة. أضف البرنامج النصي للانتقال إلى الصفحة الرئيسية

هذا القسم اختياري ، ويمكنك ببساطة حذفه إذا كنت لا تريده أن ينتقل تلقائيًا.

محذوف …

window.onload = مهلة ؛

مهلة الوظيفة () {

window.setTimeout ("redirect ()"، 5000)}

إعادة توجيه الوظيفة () {

window.location = "Home.htm"

إرجاع}

محذوف …

محذوف …

ملحوظات:

الرقم 5000 يعني

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

قم بإنشاء صفحة البداية لموقع الويب الخطوة 4
قم بإنشاء صفحة البداية لموقع الويب الخطوة 4

الخطوة 4. أضف عنوانًا

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

قم بإنشاء صفحة البداية لموقع الويب الخطوة 5
قم بإنشاء صفحة البداية لموقع الويب الخطوة 5

الخطوة 5. أضف صورة

يجب أن يوضح هذا ما هو موقعك. مرة أخرى يمكنك استخدام

Image
Image

بطاقة شعار.

محذوف …

ملحوظات:

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

الخطوة 6. إضافة زر

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

محذوف …

ملحوظة:

يمكنك تغيير ملف "القيمة" عنصر لتغيير النص المعروض على الزر.

قم بإنشاء صفحة البداية لموقع الويب الخطوة 7
قم بإنشاء صفحة البداية لموقع الويب الخطوة 7

الخطوة 7. أضف بعض النص

هذا يمكن أن يكون أي شيء تحبه. بشكل عام ، هو نوع من التحية "شكرًا لك على الزيارة" ، أو "تم إنشاؤه بواسطة …".

محذوف …

شكرا لزيارتك!

ملحوظات:

هذا هو المكان الذي يمكنك فيه استخدام CSS للنص. يمكنك استخدام عنوان (

) بدلاً من ذلك إذا أردت.

قم بإنشاء صفحة البداية لموقع الويب الخطوة 8
قم بإنشاء صفحة البداية لموقع الويب الخطوة 8

الخطوة 8. الآن لديك صفحة البداية تعمل

حان الوقت الآن لتجميلها باستخدام CSS وجعلها تعمل مباشرة!

فيديو - باستخدام هذه الخدمة ، قد تتم مشاركة بعض المعلومات مع YouTube

نصائح

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

موصى به: