כיצד ליצור דף Splash לאתר?
זכור, דפי התזה מאיטים את המבקר שלך, וזה יכול להוות מכשול שיהיה לך כזה כשאינו נחוץ.
אז אתה רוצה להכניס דף סנסציה לדף האינטרנט שלך? דפי סנסציה הם דרך נהדרת למתג את האתר שלך. הדרכה זו מניחה שאתה מכיר לא מעט HTML ו- CSS, וזה עשוי לעזור אם אתה מכיר גם JavaScript בסיסי.
- 1צור את דף המתאר שלך. אתה יכול להשתמש ב- CSS חיצוני (גיליון סגנון מדורג), אך בדוגמה זו אנו הולכים להשתמש בגיליון סגנונות פנימי. אז אתה צריך להתחיל עם התגים הבסיסיים שלך:
<html>
<head>
<title> ברוך הבא! </ Title>
<style type = "text / CSS">
</style>
<script type = "text / javascript">
</script>
</head>
<body>
</body>
</html> - 2מלא את פרטי ה- CSS והכותרת בקטע <head>. ברור שתצטרך לשנות את הערכים כך שיתאימו לצרכים שלך:
<html>
<head>
<title> ברוך הבא! </ Title>
<style type = "text / CSS">
גוף {רקע-צבע: #DCDCDC}
</ style >
הושמט...
הערה: ייתכן שתרצה להוסיף מאפיין CSS עבור הגופנים. - 3הוסף את הסקריפט כדי לעבור לדף הבית. קטע זה הוא אופציונלי, ואתה יכול פשוט להשמיט אותו אם אינך רוצה שיעבור אוטומטית.
הושמט...
<script type = "text / javascript">
window.onload = פסק זמן;
זמן קצוב לפונקציה () {
window.setTimeout ("redirect ()", 5000)}
הפניית פונקציה () { window.location = "Home.htm" return}
</script>
הושמט...
<body>
הושמט...
הערות: המספר 5000 פירושו 5 שניות. שנה זאת לזמנים קצרים או ארוכים יותר. שנה את שם קובץ ההפניה לשם של דף הבית שלך. - 4הוסף כותרת. זה כנראה צריך להיות שם האתר שלך, ועליך לצרף אותו בתגי <h1> </h1> כדי להקל על מנועי החיפוש.
- 5הוסף תמונה. זה אמור להדגים במה האתר שלך עוסק. שוב אתה יכול להשתמש בתג <img>.
הושמט...
<body>
<img src = "LmpwZw ==">
</body>
</html>
הערות: שלב זה מניח ששמרת את תמונת הכותרת באותה תיקיה כמו קובץ .htm , ושזה נקרא "splashimage.jpg". אתה יכול להוסיף מיקום CSS אם אתה מעדיף שהתמונה תהיה במקום אחר על המסך, כמו במרכז.
אז אתה רוצה לשים דף התזה בדף האינטרנט שלך? - 6הוסף כפתור. כפתור זה יהווה דרך עבור מבקרים להגיע מהר יותר לדף הבית. כאשר הם לוחצים עליו, הם עוברים מיד לדף הבית. לחלופין תוכל לספק קישור לדף הבית.
הושמט...
<img src = "LmdpZg ==">
<br>
<form>
<input type = "button" value = "דף הבית">
</ form>
</body>
</html>
הערה: אתה יכול שנה את אלמנט ה"ערך " כדי לשנות את הטקסט המוצג על הכפתור. - 7הוסף טקסט. זה יכול להיות כל דבר שאתה אוהב. באופן כללי מדובר "תודה על ביקור" סוג של ברכה, או "נוצר על ידי..." אחד.
הושמט...
</form>
<p> תודה שביקרת! </ P>
</body>
</html>
הערות: זה המקום שבו אתה יכול להשתמש ב- CSS לטקסט. אתה יכול להשתמש בכותרת ( <h1> ) במקום זאת אם תרצה. - 8עכשיו יש לך דף התזה עובד! עכשיו זה הזמן לסדר את השימוש באמצעות CSS ולהפוך אותו לשידור חי!
- הוסף תוכן ככל שתרצה, אך אל תעשה אותו עמוס מדי.
- אתה יכול להוסיף צלילים ווידאו אם תרצה, אבל זה ייקח זמן טעינה ארוך עבור אנשים מסוימים.
- אם אינך יודע הרבה על HTML או CSS, תוכל להשתמש בעורך מודרך כמו Blogger כדי להפוך את התהליך לפשט יותר.
- דפי סנסציה יכולים להיות מעצבנים, ולעתים קרובות אין צורך בהם. תחשוב מדוע אתה רוצה כזה. האם זה בגלל שבאתר של כולם יש כזה, ואתה חושב שהוא נראה מגניב? אל תשיג אחד. האם זה בגלל שאתה צריך לתת למבקרים מידע חשוב? אז עדיף שתכניס אותו. זכור, דפי סנסציה מאטים את המבקר שלך, וזה יכול להוות מכשול להיות כזה כשאין צורך בכך.
קרא גם: כיצד לחפש לפי תאריך ב- Gmail?
