Θέλετε λοιπόν να τοποθετήσετε μια σελίδα splash στην ιστοσελίδα σας; Οι σελίδες εκτόξευσης είναι ένας πολύ καλός τρόπος για να χαρακτηρίσετε τον ιστότοπό σας. Αυτό το How-To υποθέτει ότι γνωρίζετε αρκετά HTML και CSS και μπορεί να σας βοηθήσει αν γνωρίζετε επίσης κάποια βασική JavaScript.
Βήματα
Βήμα 1. Δημιουργήστε τη σελίδα περιγράμματος
Θα μπορούσατε να χρησιμοποιήσετε ένα εξωτερικό CSS (Cascading Style Sheet), αλλά σε αυτό το παράδειγμα πρόκειται να χρησιμοποιήσουμε ένα εσωτερικό φύλλο στυλ Το Επομένως, πρέπει να ξεκινήσετε με τις βασικές ετικέτες σας:
Καλως ΗΡΘΑΤΕ!
Βήμα 2. Συμπληρώστε τις πληροφορίες CSS και τίτλου στην ενότητα
Προφανώς θα χρειαστεί να αλλάξετε τις τιμές που ταιριάζουν στις ανάγκες σας:
Καλως ΗΡΘΑΤΕ!
σώμα {φόντο-χρώμα: #DCDCDC}
Παραλείπεται…
Σημείωση:
Μπορεί να θέλετε να προσθέσετε μια ιδιότητα CSS για τις γραμματοσειρές.
Βήμα 3. Προσθέστε το σενάριο για να μετακινηθείτε στην αρχική σελίδα
Αυτή η ενότητα είναι προαιρετική και μπορείτε απλά να την παραλείψετε εάν δεν θέλετε να προχωρήσει αυτόματα.
Παραλείπεται…
window.onload = timeout;
χρονικό όριο λειτουργίας () {
window.setTimeout ("ανακατεύθυνση ()", 5000)}
λειτουργία ανακατεύθυνση () {
window.location = "Home.htm"
ΕΠΙΣΤΡΟΦΗ}
Παραλείπεται…
Παραλείπεται…
Σημειώσεις:
Ο αριθμός 5000 που σημαίνει
Βήμα 5. δευτερόλεπτα. Αλλάξτε αυτό για μικρότερους ή μεγαλύτερους χρόνους. Αλλάξτε το όνομα του αρχείου ανακατεύθυνσης στο όνομα της αρχικής σας σελίδας.
Βήμα 4. Προσθέστε έναν τίτλο
Αυτό θα πρέπει πιθανώς να είναι το όνομα του ιστότοπού σας και θα πρέπει να το περικλείσετε για να διευκολύνετε την εύρεση των μηχανών αναζήτησης.
Βήμα 5. Προσθέστε μια εικόνα
Αυτό θα πρέπει να αποδεικνύει το περιεχόμενο του ιστότοπού σας. Μπορείτε και πάλι να χρησιμοποιήσετε το
ετικέτα.
Παραλείπεται…
Σημειώσεις:
Αυτό το βήμα προϋποθέτει ότι έχετε αποθηκεύσει την εικόνα του τίτλου στον ίδιο φάκελο με το .htm αρχείο, και ότι ονομάζεται "splashimage.jpg" Το Μπορείτε να προσθέσετε τοποθέτηση CSS εάν προτιμάτε η εικόνα να βρίσκεται κάπου αλλού στην οθόνη, όπως το κέντρο.
Βήμα 6. Προσθέστε ένα κουμπί
Αυτό το κουμπί θα είναι ένας τρόπος για τους επισκέπτες να φτάσουν πιο γρήγορα στην αρχική σελίδα. Όταν το κάνουν κλικ, μεταφέρονται αμέσως στην αρχική σελίδα. Εναλλακτικά, μπορείτε απλά να δώσετε έναν σύνδεσμο προς την αρχική σελίδα.
Παραλείπεται…
Σημείωση:
Μπορείτε να αλλάξετε το "αξία" στοιχείο για να αλλάξετε το κείμενο που εμφανίζεται στο κουμπί.
Βήμα 7. Προσθέστε λίγο κείμενο
Αυτό μπορεί να είναι οτιδήποτε σας αρέσει. Γενικά είναι ένας χαιρετισμός τύπου "Σας ευχαριστούμε για την επίσκεψη" ή ένας "Δημιουργήθηκε από …".
Παραλείπεται…
Ευχαριστούμε για την επίσκεψη!
Σημειώσεις:
Εδώ μπορείτε να χρησιμοποιήσετε το CSS για το κείμενο. Μπορείτε να χρησιμοποιήσετε μια επικεφαλίδα (
Αντ 'αυτού, αν θέλετε.
Βήμα 8. Τώρα έχετε μια σελίδα splash που λειτουργεί
Τώρα ήρθε η ώρα να το κάνετε όμορφο χρησιμοποιώντας το CSS και να το κάνετε ζωντανό!
Βίντεο - Χρησιμοποιώντας αυτήν την υπηρεσία, ορισμένες πληροφορίες ενδέχεται να κοινοποιηθούν στο YouTube
Συμβουλές
- Προσθέστε όσο περιεχόμενο θέλετε, αλλά μην το κάνετε πολύ απασχολημένο.
- Εάν θέλετε, μπορείτε να προσθέσετε ήχους και βίντεο, αλλά αυτό θα κάνει πολύ χρόνο φόρτωσης για μερικούς ανθρώπους.
- Εάν δεν γνωρίζετε πολλά για HTML ή CSS, θα μπορούσατε να χρησιμοποιήσετε έναν καθοδηγούμενο επεξεργαστή όπως το Blogger για να απλοποιήσετε αυτήν τη διαδικασία.
