אז אתה רוצה לשים דף מתיז על דף האינטרנט שלך? דפי Splash הם דרך מצוינת למתג את האתר שלך. How-To זה מניח שאתה יודע לא מעט HTML ו- CSS, וזה עשוי לעזור אם אתה יודע גם JavaScript בסיסי.
צעדים
שלב 1. צור את דף המתאר שלך
אתה יכול להשתמש ב- CSS חיצוני (גיליון סגנונות מדורגים), אך בדוגמה זו אנו הולכים להשתמש ב- דף סגנון פנימי. אז אתה צריך להתחיל עם התגים הבסיסיים שלך:
ברוך הבא!
שלב 2. מלא את פרטי ה- CSS והכותרת שבקטע
ברור שתצטרך לשנות את הערכים כך שיתאימו לצרכים שלך:
ברוך הבא!
גוף {צבע רקע: #DCDCDC}
הושמט…
הערה:
ייתכן שתרצה להוסיף נכס CSS עבור הגופנים.
שלב 3. הוסף את הסקריפט כדי לעבור לדף הבית
קטע זה הוא אופציונלי, ותוכל פשוט להשמיט אותו אם אינך רוצה שהוא ימשיך אוטומטית.
הושמט…
window.onload = פסק זמן;
פסק זמן פונקציה () {
window.setTimeout ("הפניה ()", 5000)}
הפניית פונקציות () {
window.location = "Home.htm"
לַחֲזוֹר}
הושמט…
הושמט…
הערות:
המספר 5000 אומר
שלב 5. שניות. שנה זאת לזמנים קצרים או ארוכים יותר. שנה את שם קובץ ההפניה לשם של דף הבית שלך.
שלב 4. הוסף כותרת
זה כנראה צריך להיות שם האתר שלך, ועליך לצרף אותו לתגים כדי להקל על מציאת מנועי החיפוש.
שלב 5. הוסף תמונה
זה אמור להדגים על מה האתר שלך עוסק. שוב אתה יכול להשתמש ב-
תָג.
הושמט…
הערות:
שלב זה מניח ששמרת את תמונת הכותרת באותה תיקייה של .htm קובץ, וכי הוא נקרא בשם "splashimage.jpg". אתה יכול להוסיף מיקום CSS אם אתה מעדיף שהתמונה תהיה במקום אחר על המסך, כגון המרכז.
שלב 6. הוסף כפתור
כפתור זה יהווה דרך למבקרים להגיע לדף הבית מהר יותר. כאשר הם לוחצים עליו, הם עוברים מיד לדף הבית. לחלופין תוכל פשוט לספק קישור לדף הבית.
הושמט…
הערה:
אתה יכול לשנות את "ערך" אלמנט לשינוי הטקסט המוצג בכפתור.
שלב 7. הוסף מעט טקסט
זה יכול להיות כל דבר שאתה אוהב. באופן כללי מדובר בברכת "תודה על הביקור", או בכתב "שנוצר על ידי …".
הושמט…
תודה שביקרת!
הערות:
כאן אתה יכול להשתמש ב- CSS עבור הטקסט. תוכל להשתמש בכותרת (
) במקום זאת אם תרצה.שלב 8. עכשיו יש לך דף התזה עובד
עכשיו הגיע הזמן לעצב את זה באמצעות CSS ולגרום לזה לצאת לחיות!
וידאו - על ידי שימוש בשירות זה, מידע מסוים עשוי להיות משותף עם YouTube
טיפים
- הוסף כמה תוכן שאתה אוהב, אבל אל תעשה את זה עמוס מדי.
- אתה יכול להוסיף צלילים ווידיאו אם תרצה, אבל זה יגרום לזמן טעינה ארוך עבור אנשים מסוימים.
- אם אינך יודע הרבה על HTML או CSS, תוכל להשתמש בעורך מודרך כמו Blogger כדי להפוך את התהליך לפשוט יותר.