Υπολογιστές

Μια ηλεκτρονική κάρτα στην ιστοσελίδα σας

Σεπτέμβριος 2020

Μια ηλεκτρονική κάρτα στην ιστοσελίδα σας


Σε αυτό το σεμινάριο θα δημιουργήσετε μια ιστοσελίδα χαιρετισμού ηλεκτρονικής κάρτας για τον ιστότοπό σας. Σχεδόν όλοι οι χρήστες στο διαδίκτυο έχουν στείλει ή έλαβαν ηλεκτρονικό μήνυμα ηλεκτρονικού ταχυδρομείου. Αλλά αυτό που οι περισσότεροι άνθρωποι δεν σκέφτονται είναι πώς λειτουργεί. Όταν στέλνετε έναν ηλεκτρονικό χαιρετισμό, δεν στέλνετε πραγματικά την πραγματική ηλεκτρονική κάρτα. Στέλνετε ένα μήνυμα ηλεκτρονικού ταχυδρομείου που περιέχει έναν σύνδεσμο προς την ιστοσελίδα που εμφανίζει τον ηλεκτρονικό χαιρετισμό ηλεκτρονικής κάρτας.

Αυτές οι ιστοσελίδες ηλεκτρονικής κάρτας είναι κατασκευασμένες από απλό κώδικα HTML. Σκέφτηκα ότι θα ήταν ένα ωραίο πρόγραμμα διακοπών για να δημιουργήσετε τον δικό σας χαιρετισμό ηλεκτρονικής κάρτας για τον ιστότοπό σας. Κάντε κλικ εδώ για να δείτε την τελική ηλεκτρονική κάρτα. Φυσικά, η ηλεκτρονική σας κάρτα θα είναι καλύτερο από αυτές τις εμπορικές ηλεκτρονικές κάρτες, επειδή δεν θα έχει όλη αυτή τη διαφήμιση συνδεδεμένη. Και μπορείτε να πείτε σε όλη την οικογένεια και τους φίλους σας ότι το κάνατε μόνοι σας. Όπως ακριβώς και οποιαδήποτε ηλεκτρονική κάρτα στο διαδίκτυο, θα μπορείτε να στείλετε ηλεκτρονικά την ηλεκτρονική διεύθυνση για την ηλεκτρονική σας κάρτα σε όλους τους χρήστες της λίστας σας.

Αλλά θα χρειαστείτε κάποια γραφικά διαδικτυακών διακοπών για αυτή την ηλεκτρονική κάρτα. Έτσι έχω κάνει μια ωραία εικόνα φόντου για την ιστοσελίδα και ένα μικρό animation "Season's Greetings". Ας φτιάξουμε έναν ειδικό φάκελο για την ηλεκτρονική σας ηλεκτρονική κάρτα και να καλέσουμε αυτό το φάκελο "Holiday". Στη συνέχεια, μπορείτε να βάλετε τις εικόνες και την ίδια την ιστοσελίδα σε αυτόν τον φάκελο και να ανεβάσετε ολόκληρο το θέμα στον ιστότοπό σας. Όταν τελειώσουν οι αργίες, μπορείτε να διαγράψετε το φάκελο και δεν θα έχει καμία επίδραση στον κύριο ιστότοπό σας καθόλου.

Κάντε λήψη αυτών των εικόνων στον φάκελο "Holiday". Κάντε δεξί κλικ στις παρακάτω εικόνες και αποθηκεύστε στο φάκελο σας.


1. Κινούμενα σχέδια:
SeasonsGreetings.gif

2. Ιστορικό:
SeasonsGreetingsbg.jpg


Εντάξει, ανοίξτε το πρόγραμμα επεξεργασίας κειμένου και ας ξεκινήσουμε.

Βήμα 1. Αρχικό HTML. Γράψτε τον βασικό κώδικα HTML που πηγαίνει σε κάθε ιστοσελίδα HTML. Χρειάζεστε βοήθεια?

Βήμα 2. Ένας τίτλος για την ηλεκτρονική σας κάρτα. Πληκτρολογήστε τον τίτλο για την ηλεκτρονική σας κάρτα ανάμεσα στις ετικέτες και τις ετικέτες.

Βήμα 3. Meta ετικέτες. Για αυτήν την αποστολή δεν μας απασχολεί η εύρεση και η καταγραφή της μηχανής αναζήτησης αυτής της ιστοσελίδας, ώστε να μπορείτε να αφήσετε κενές τις τιμές για τις ετικέτες meta ("").

Βήμα 4. Ετικέτα σώματος. Μια από τις εικόνες που κατεβάσατε ήταν μια εικόνα φόντου για την ιστοσελίδα της ηλεκτρονικής σας κάρτας. Ονομάστηκε SeasonsGreetingsbg.jpg. Ας προσθέσουμε το χαρακτηριστικό φόντου στην ετικέτα σώματος.



Βήμα 5. Ας φτιάξουμε ένα τραπέζι. Θα χρησιμοποιήσουμε έναν απλό πίνακα HTML που έχει τρεις σειρές, ένα κελί πίνακα σε κάθε σειρά και το όριο που έχει οριστεί στο μηδέν. Πρέπει επίσης να ορίσουμε το χαρακτηριστικό ευθυγράμμισης στο κέντρο και το χαρακτηριστικό valign στο κάτω μέρος για κάθε κελί πίνακα. Τελικά θέλουμε το τραπέζι να φτάσει το 100% του πλάτους της ιστοσελίδας. Χρειάζεστε βοήθεια?

Βήμα 6. Προσθέστε την κινούμενη εικόνα. Τώρα είστε έτοιμοι να προσθέσετε την κινούμενη εικόνα που έχετε κατεβάσει. (SeasonsGreetings.gif) Όπως μπορείτε να δείτε, η κινούμενη εικόνα είναι ένα αρχείο gif και αντιμετωπίζεται όπως οποιοδήποτε αρχείο εικόνας gif από το πρόγραμμα περιήγησης. Θα τοποθετήσετε αυτήν την κινούμενη εικόνα στη δεύτερη σειρά του πίνακα. Θυμάστε τον κώδικα HTML για μια εικόνα;


border = "0" alt = "ECard">
Σημείωση--Το βέλος υποδηλώνει ότι ο κώδικας είναι τυλιγμένος σε μια δεύτερη γραμμή και πρέπει να είναι όλοι σε μια γραμμή.

Επόμενο →




Μαθήματα Ηλεκτρονικής Ηλεκτρονικής Autotronics (Σεπτέμβριος 2020)



Άρθρο Tags: Μια ηλεκτρονική κάρτα στην ιστοσελίδα σας, HTML, Ecard, Ecard, ταχυδρομική κάρτα, ηλεκτρονική ταχυδρομική κάρτα, HTML, XHTML, DHTML, φιλοξενείται CGI, web hosts, domain, ονόματα τομέα, FTP, JPEG, GIF, CSS freeware, shareware, W3C, World Wide Web Consortium, πρότυπα, σενάρια, πηγαίο κώδικα, φύλλα στυλ, ιστός, γλώσσες, συνδέσεις, μαθήματα

Δημοφιλείς Αναρτήσεις Ομορφιά

Πολυτελής συνταγή ζεστής σοκολάτας

Τι είναι να Ya;
χόμπι και χειροτεχνίες

Τι είναι να Ya;

Γιόγκα και Τρέξιμο

Γιόγκα και Τρέξιμο

Υγεία και άσκηση