Χρησιμοποίηση ccs για να αποβάλει τους πίνακες
CSS ή τα πέφτοντας απότομα φύλλα ύφους έχει ανοίξει τις τεράστιες δυνατότητες για τα σχέδια ιστοχώρου, σχεδιαγράμματα ιστοσελίδας και τα νέα χαρακτηριστικά γνωρίσματα. Ο κώδικας HTML μπορεί να γίνει πιό σύντομος, καθαρότερος και απλούστερος από CSS με συνέπεια τη γρηγορότερη φόρτωση ιστοσελίδας, και να καταστήσει τους πιό προσιτούς στις μηχανές αναζήτησης. Εδώ διηγούμαι την εμπειρία μου με μόνο ένα μέρος CSS - χρησιμοποιώντας την για να αποβάλω τους πίνακες.
Εάν εξετάζετε παραδοσιακά σχεδιασμένη ιστοσελίδας, είναι πιθανό να βρείτε τον αριθμό πινάκων στο σχεδιάγραμμα. Οι πίνακες χρησιμοποιήθηκαν νωρίτερα μόνο για την επίδειξη των πληροφοριών σε μια συνοπτική μορφή. Αλλά οι σχεδιαστές ιστοχώρου άρχισαν σύντομα τους πίνακες για άλλες εφαρμογές όπως η παρουσίαση των εικόνων, της γραφικής παράστασης και άλλων διακοσμήσεων.
Ιστοσελίδας μου ήταν προηγούμενα checkerboards των πινάκων. Κάθε ιστοσελίδας σχεδόν πλήρως καλύφθηκε με τους πίνακες και πολλοί πίνακες τοποθετήθηκαν μέσα σε άλλους πίνακες. Δεδομένου ότι προσπάθησα να προσθέσω περισσότερα χαρακτηριστικά γνωρίσματα το σχέδιο έγινε όλο και περισσότερο περίπλοκο με συνέπεια τους πιό μακροχρόνιους χρόνους φόρτωσης. Πήρε επίσης το μέρος του χρόνου «να ρυθμιστούν» οι πίνακες στη σελίδα για να το καταστήσει αποδεκτό.
Δεν ήταν ένας εύκολος στόχος να ξανασχεδιαστούν όλες οι σελίδες που χρησιμοποιούν CSS. Αλλά μόλις άρχισα, οι βελτιώσεις ήταν περισσότερο απ' ό, τι είχα διαπραγματευτεί τον ξέν. Το σχέδιο έγινε απλούστερο, η εμφάνιση βελτιωμένη και ο καιρός φόρτωσης ήρθαν κάτω από αρκετά. Ο κώδικας φάνηκε πραγματικός καθαρός. Οι περισσότερες από τις ετικέττες του «TD» και «TR» πήγαν.
Ο σκοπός αυτής της άσκησής μου δεν ήταν πραγματικά να αλλάξω την εμφάνιση αλλά να καταστήσω το σχέδιο απλούστερο. Τώρα οι πίνακες που χρησιμοποιήθηκαν νωρίτερα μόνο για το σκοπό σχεδίου έχουν αποβληθεί. Για την εξάλειψη των πινάκων το πρώτο βήμα είναι να αποφασιστεί ποιους πίνακες ή που πιό συγκεκριμένα τα κύτταρα πρέπει να αφαιρεθούν. Για την εφαρμογή CSS κάθε κύτταρο ενός πίνακα μπορεί να θεωρηθεί ως «κιβώτιο». Σε αυτά τα κιβώτια δίνονται οι ιδιαίτερες ταυτότητες και η περιγραφή κάθε «κιβωτίου» πηγαίνει CSS στον κώδικα. Στα «κιβώτια» μπορούν να δοθούν τα ονόματα όπως box1, box2 κ.λπ. Η περιγραφή του «κιβωτίου» μπορεί να περιλάβει το μέγεθος, τη θέση της ιστοσελίδας, το χρώμα υποβάθρου και την εικόνα εάν οποιοιδήποτε, λεπτομέρειες πηγών, να γεμίσει, λεπτομέρειες κ.λπ. συνόρων. Η θέση του «κιβωτίου» μπορεί να γίνει «σταθερή» ιστοσελίδας, ή μπορεί οπότε σ'αυτή την περίπτωση η θέση μπορεί να καθοριστεί όσον αφορά ένα άλλο «κιβώτιο».
Εάν η θέση και οι διαστάσεις των κιβωτίων επιλύονται κατάλληλα, αρμόζουν τακτοποιημένα ιστοσελίδας που δίνει της ένα καθαρό βλέμμα. Δεδομένου ότι ο κώδικας που συνδέεται με τα επιτραπέζια σχέδια απομακρύνεται, το περιεχόμενο της σελίδας επιτυγχάνει περισσότερη προεξοχή στον κώδικα. Αυτό διευκολύνει τις αράχνες μηχανών αναζήτησης να βρεθεί το πραγματικό περιεχόμενο της σελίδας.
Εάν έχετε διάφορες ιστοσελίδας με το παρόμοιο σχέδιο, ο CSS κώδικας με αυτές και άλλες λεπτομέρειες μπορεί να τεθεί σε ένα εξωτερικό αρχείο. Αυτό θα κοντύνει περαιτέρω τον κώδικα για κάθε σελίδα. Με CSS το μέρος πολλές βελτιώσεις μπορούν να γίνουν στο σχέδιο και το σχεδιάγραμμα ιστοσελίδας. CSS μπορεί επίσης να χρησιμοποιηθεί για τη βελτιστοποίηση μηχανών αναζήτησης της σελίδας.
Η εμπειρία μου με CSS είναι μεγάλη και αναρωτιέμαι γιατί δεν χρησιμοποιείται συχνότερα. Οι συμβουλές μου - μετατρέψτε βασισμένο στο CSS σχέδιο.
Το Sanjay Johari συμβάλλει τα άρθρα τακτικά διάφορα ezines. Ο ιστοχώρος του περιέχει τις πληροφορίες, τα άρθρα, τους πόρους, τις ευκαιρίες και περισσότερων για τους μικρούς ιδιοκτήτες επιχείρησης και τους κατ' οίκον βασισμένους ιδιοκτήτες επιχείρησης. http://www.sanjay-j.com
Ενώστε την πιό μακροχρόνια τρέχοντας εμπορική ευκαιρία Διαδικτύου - επειδή λειτουργεί! http://www.sanjay-j.com/empowerism.html
Αρθρο Πηγη: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster παίρνει τον κώδικα HTML
Προσθεστε αυτο το αρθρο στον ιστοτοπο σας τωρα!
Webmaster υποβάλλει τα άρθρα σας
Εγγραφή που απαιτείται καμία! Συμπληρώστε τη μορφή και το άρθρο σας είναι στον κατάλογο Messaggiamo.Com
