Πώς να κάνω μια ιστοσελίδα Ιστορικό Με Κέντρο Εικόνα

Μερικές φορές ένας μοναχικός , με επίκεντρο φόντο σελίδας Web μπορεί να δημιουργήσει μια δραματική επίδραση που βελτιώνει τη διάθεση μιας ιστοσελίδας . Για παράδειγμα , μια εικόνα της Γης που επιπλέει πάνω σε μαύρο φόντο μπορεί να γοητεύσει τους επισκέπτες σε μια ιστοσελίδα αστρονομία . Πολλοί προγραμματιστές να χρησιμοποιούν φύλλα στυλ για να ελέγχετε τη θέση και την εμφάνιση του κάθε αντικειμένου σε μια σελίδα Web . Αυτό περιλαμβάνει υπόβαθρα . Πειραματιστείτε με επίκεντρο υπόβαθρο , επιλέγοντας μία από τις αγαπημένες σας εικόνες και στυλ του στην ιστοσελίδα σας . Οδηγίες
Η 1

Ανοίξτε το Notepad . Προστίθεται το ακόλουθο κείμενο για να δημιουργήσετε ένα κενό έγγραφο HTML : !

<? DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">?

<? html xmlns = " http://www.w3.org/1999/xhtml " >?

<? κεφαλής >?

<? τίτλο >? Κέντρο μια ιστοσελίδα Test <? /title >?

<? - ενότητα Εισαγωγή στυλ εδώ ** - >?

<? /κεφαλής >?

<? σώματος >?

<? h1 >? Αυτή η σελίδα έχει ένα Centered εικόνας φόντου <? /h1 >?

<? εισόδου id = τύπου " Button1 " = " κουμπί " value = " κουμπί " />? <? εισόδου id = " Text1 " type = " text " />?

<? /body >?

<? /html >?

Αυτός ο κώδικας δημιουργεί έναν τίτλο , ένα κουμπί και ένα πλαίσιο κειμένου 2

Προσθέστε τον ακόλουθο κώδικα Style Sheet παρακάτω "Εισαγωγή ενότητα ύφους εδώ : » .

<? στυλ >?

body { υπόβαθρο : url ( « xyz.jpg » ) σταθερού κέντρου δεν - επαναλαμβάνω? }

<? /στυλ >?

Αυτός ο ορισμός στυλ κέντρα την εικόνα φόντου από το σώμα της σελίδας . Αντικαταστήστε το " xyz.jpg " με μία από τις εικόνες σας .
Εικόνων 3

Πατήστε το πλήκτρο " Ctrl + S " για να ανοίξει το σημειωματάριο του " Save As " παράθυρο . Πληκτρολογήστε " Center_Web_Page_Test.html " στο πλαίσιο " Όνομα αρχείου " και κάντε κλικ στο κουμπί " Αποθήκευση ". Σημειωματάριο θα αποθηκεύσετε το αρχείο HTML .
Η 4

Ανοίξτε ένα πρόγραμμα περιήγησης και πατήστε το πλήκτρο " CTRL + O " για να ανοίξετε το " Open File " παράθυρο . Εντοπίστε το αρχείο HTML και κάντε διπλό κλικ σε αυτό . Το πρόγραμμα περιήγησης θα εμφανιστεί . Βεβαιωθείτε ότι το πρόγραμμα περιήγησης κέντρα την εικόνα φόντου .
Εικόνων