هل تريد وضع صفحة البداية على صفحة الويب الخاصة بك؟ تعد صفحات البداية طريقة رائعة لوضع علامة تجارية على موقع الويب الخاص بك. تفترض طريقة التنفيذ هذه أنك تعرف قدرًا كبيرًا من HTML و CSS ، وقد يساعدك أيضًا إذا كنت تعرف بعض JavaScript الأساسي.
خطوات
الخطوة 1. قم بإنشاء صفحة المخطط التفصيلي الخاصة بك
يمكنك استخدام ملف CSS خارجي (ورقة أنماط متتالية) ، ولكن في هذا المثال سنستخدم ملف ورقة الأنماط الداخلية. لذلك عليك أن تبدأ بعلاماتك الأساسية:
أهلا بك!
الخطوة 2. املأ CSS ومعلومات العنوان في القسم
من الواضح أنك ستحتاج إلى تغيير القيم لتناسب احتياجاتك:
أهلا بك!
الجسم {لون الخلفية: #DCDC}
محذوف …
ملحوظة:
قد ترغب في إضافة خاصية CSS للخطوط.
الخطوة الثالثة. أضف البرنامج النصي للانتقال إلى الصفحة الرئيسية
هذا القسم اختياري ، ويمكنك ببساطة حذفه إذا كنت لا تريده أن ينتقل تلقائيًا.
محذوف …
window.onload = مهلة ؛
مهلة الوظيفة () {
window.setTimeout ("redirect ()"، 5000)}
إعادة توجيه الوظيفة () {
window.location = "Home.htm"
إرجاع}
محذوف …
محذوف …
ملحوظات:
الرقم 5000 يعني
الخطوة الخامسة. ثواني. قم بتغيير هذا لفترات أقصر أو أطول. قم بتغيير اسم ملف إعادة التوجيه إلى اسم الصفحة الرئيسية الخاصة بك.
الخطوة 4. أضف عنوانًا
من المحتمل أن يكون هذا هو اسم موقع الويب الخاص بك ، ويجب عليك إرفاقه بعلامات لتسهيل العثور على محركات البحث.
الخطوة 5. أضف صورة
يجب أن يوضح هذا ما هو موقعك. مرة أخرى يمكنك استخدام
بطاقة شعار.
محذوف …
ملحوظات:
تفترض هذه الخطوة أنك قمت بحفظ صورة العنوان في نفس المجلد مثل ملف .htm ملف ، وأن اسمه "splashimage.jpg". يمكنك إضافة موضع CSS إذا كنت تفضل أن تكون الصورة في مكان آخر على الشاشة ، مثل المركز.
الخطوة 6. إضافة زر
سيكون هذا الزر وسيلة للزوار للوصول إلى الصفحة الرئيسية بشكل أسرع. عند النقر فوقه ، يتم نقلهم على الفور إلى الصفحة الرئيسية. يمكنك بدلاً من ذلك توفير رابط للصفحة الرئيسية.
محذوف …
ملحوظة:
يمكنك تغيير ملف "القيمة" عنصر لتغيير النص المعروض على الزر.
الخطوة 7. أضف بعض النص
هذا يمكن أن يكون أي شيء تحبه. بشكل عام ، هو نوع من التحية "شكرًا لك على الزيارة" ، أو "تم إنشاؤه بواسطة …".
محذوف …
شكرا لزيارتك!
ملحوظات:
هذا هو المكان الذي يمكنك فيه استخدام CSS للنص. يمكنك استخدام عنوان (
) بدلاً من ذلك إذا أردت.الخطوة 8. الآن لديك صفحة البداية تعمل
حان الوقت الآن لتجميلها باستخدام CSS وجعلها تعمل مباشرة!
فيديو - باستخدام هذه الخدمة ، قد تتم مشاركة بعض المعلومات مع YouTube
نصائح
- أضف قدر ما تريد من المحتوى ، ولكن لا تجعله مشغولاً للغاية.
- يمكنك إضافة أصوات وفيديو إذا أردت ، ولكن هذا سيجعل وقت تحميل طويلاً لبعض الأشخاص.
- إذا كنت لا تعرف الكثير عن HTML أو CSS ، فيمكنك استخدام محرر إرشادي مثل Blogger لتسهيل هذه العملية.