Σχεδιάστε ένα πρόχειρο σχέδιο για το πρότυπό σας . Χρησιμοποιήστε ένα μολύβι και χαρτί ή ένα γραφικό πρόγραμμα σχεδιασμού για τη δημιουργία μιας σκίτσο του σχεδιασμού του προτύπου σας . Περιλαμβάνουν ενότητες για κάθε περιοχή και το είδος του περιεχομένου που θέλετε το πρότυπο να περιέχει . Συνήθως, μια ιστοσελίδα πρότυπο σχεδιασμού θα περιλαμβάνει μια κεφαλίδα, ένα μενού για την πλοήγηση στο site, και χώρους για την προβολή κειμένου και άλλα μέσα ενημέρωσης . 2
Δημιουργήστε ένα αρχείο PHP για κάθε σελίδα στην ιστοσελίδα πρότυπο σας . Ονομάστε το αρχείο της αρχικής σελίδας " index.php " και τα άλλα αρχεία με τα ονόματα να αντανακλούν το περιεχόμενό τους . Μπορεί, για παράδειγμα , θέλετε να χρησιμοποιήσετε " help.php " για μια σελίδα βοήθεια . Εισαγωγή στοιχείων HTML μέσα σε αρχεία PHP σας να περιέχει κάθε τμήμα του περιεχομένου της ιστοσελίδας , για παράδειγμα :
$ SITE_TITLE = " Website title " ? Echo " <;/html > "? ? . > Εντός της HTML σε PHP σας , περιλαμβάνουν στοιχεία για να κρατήσει τις περιοχές του κειμένου , εικόνων και άλλου περιεχομένου Χρήση CSS για να υπαγορεύσει τον τρόπο τα στοιχεία στο πρότυπο πρέπει να τοποθετείται . Στο τμήμα της σελίδας κεφάλι σας , σύνδεση με ένα εξωτερικό αρχείο CSS (αντικαταστήστε τις κενές ετικέτες κεφάλι ) : Δημιουργήστε το αρχείο σας " templatestyle.css " σε έναν επεξεργαστή κειμένου και να εισάγετε τον κωδικό για να καθορίσουν τον τρόπο τα τμήματα της σελίδας είναι να παρουσιαστούν : body { πλάτος : 900px ? } # header { width: 100 % ? text- align: center ? font - weight: bold ? } μενού # { width: 100 % ? } περιεχόμενο { width: 100 % ? χρώμα : # 333333 ? } δηλώσεις CSS καθορίζει τη θέση του κάθε στοιχείου , καθώς και οπτικά χαρακτηριστικά συμπεριλαμβανομένου του κειμένου και χρώματα φόντου , τις γραμματοσειρές , τα σύνορα και πολλά άλλα . Χρησιμοποιήστε τις εικόνες στο εσωτερικό πρότυπο για την ενίσχυση του σχεδιασμού . Οι περισσότεροι ιστοσελίδα πρότυπα περιλαμβάνουν εικόνες για να προσθέσει στην εμπειρία του χρήστη . Ανάλογα με το σκοπό ενός τόπου , μπορεί να περιλαμβάνει εικόνες στην ενότητα κεφαλίδας και στο περιεχόμενο της κάθε σελίδας. Επιπλέον , οι εικόνες μπορούν να χρησιμοποιηθούν ως υπόβαθρο για να προσαρμόσουν την εμφάνιση των στοιχείων χώρο , όπως σε αυτό το παράδειγμα CSS : περιεχόμενο . {Υπόβαθρο : URL ( " bgimg.jpg ")? } Εικόνες σπάσει το κείμενο και άλλα στοιχεία σε μια ιστοσελίδα , πράγμα που καθιστά ευκολότερο και πιο ευχάριστο να διαβάσει . Δοκιμάστε το πρότυπο PHP σας με πραγματικό περιεχόμενο . Τοποθετήστε το δείγμα κειμένου και εικόνες στο πρότυπο κώδικα για να βεβαιωθείτε ότι η PHP , HTML και CSS είναι όλα αποτελεσματικά κωδικοποιημένα . Ανεβάστε τα αρχεία προτύπων σε ένα διακομιστή Web και να περιηγηθείτε στις σελίδες , ελέγχοντας ώστε να λειτουργούν σωστά και να παρουσιάσει το περιεχόμενο για το καλύτερο αποτέλεσμα . Όταν εισάγετε πραγματικό περιεχόμενο σε ένα πρότυπο , που συχνά θα αντιληφθείτε σφάλματα και οι τομείς προς βελτίωση .
Η
3
.
Η 4
5
Η
εικόνων
Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα