Διαφήμιση
Δουλεύω στον Ιστό εδώ και λίγο καιρό και στην πραγματικότητα το βρήκα πιο εύκολο να γράφω κάθε έγγραφο σε μορφή HTML αντί για DOC ή TXT. Εάν χρησιμοποιείτε τα Έγγραφα Google, στην πραγματικότητα κάνετε το ίδιο, αφού τα Έγγραφα Google (ευτυχώς) έχουν γίνει ουσιαστικά ένας επεξεργαστής HTML WYSIWYG. Η δημιουργία μερικών προτύπων εγγράφων με χρήση HTML και CSS είναι πολύ εύκολη, μπορεί να γίνει από όλους και αν το κάνετε σωστά, θα φαίνεται το ίδιο σε όλους.
Γιατί να χρησιμοποιήσετε HTML;
Ο μεγαλύτερος λόγος που χρησιμοποιώ για έγγραφα καθαρά HTML και CSS είναι ότι είναι ίσως η πιο συμβατή μορφή σε προγράμματα περιήγησης και λειτουργικά συστήματα, εκτός από τη μορφή PDF, η οποία είναι πολύ δύσκολη και/ή ακριβή Καλά. Η χρήση του Microsoft Office δεν είναι επίσης η καλύτερη. Χρησιμοποιώ το Office 2007 που χρησιμοποιεί πολλές επιπλέον δυνατότητες που δεν υποστηρίζονται από προηγούμενες εκδόσεις, επομένως η ποιότητα μπορεί να υποβαθμιστεί. Ποιος ξέρει πώς θα μοιάζουν αυτά τα έγγραφα στο Open Office για παράδειγμα; Εάν δημιουργήσετε ένα έγγραφο HTML που μοιάζει ακριβώς με τον Internet Explorer και τον Firefox που έχετε δημιουργήσει ένα έγγραφο που μπορεί να ανοίξει από χρήστες Mac, Linux και Windows και θα έχει την ίδια εμφάνιση στο 99% των χρηστών προγράμματα περιήγησης.
Τι είναι το CSS και το HTML;
Εάν είστε νέοι σε όλο αυτό το θέμα κωδικοποίησης HTML και CSS, μην ανησυχείτε. Είναι πολύ εύκολο και μπορείτε να βρείτε πολλούς πόρους στον ιστό για να σας βοηθήσουν. Ο κώδικας HTML και CSS είναι αυτό που αποτελεί το μεγαλύτερο μέρος αυτού που βλέπετε σε αυτήν τη σελίδα εδώ, το HTML διέπει το περιεχόμενο, ενώ το CSS διέπει το στυλ ή τον τρόπο παρουσίασης του περιεχομένου.
Πώς μπορώ να δημιουργήσω ένα πρότυπο;
Λοιπόν, θα χρειαστεί να μελετήσετε λίγο κώδικα. Ευτυχώς, τα HTML και CSS είναι πολύ εύκολα κατανοητά. Για να δώσετε σε ένα αντικείμενο ένα περίγραμμα, για παράδειγμα, απλώς πληκτρολογήστε
περίγραμμα: 1px μαύρο συμπαγές
. Αυτό θα δημιουργήσει ένα μαύρο συμπαγές περίγραμμα πλάτους 1 px. Υπάρχουν πολλές επιλογές μορφοποίησης που μπορείτε να αναζητήσετε και να χρησιμοποιήσετε, η πρότασή μου είναι να οπτικοποιήσετε αυτό που θέλετε και μετά να ψάξετε λίγο για να βρείτε πώς να το κάνετε. Το πιο βασικό πρότυπο θα ήταν ένα κενό αρχείο HTML, ρίξτε μια ματιά παρακάτω.
Το περιεχόμενο της σελίδας σας πηγαίνει εδώ.
Στη συνέχεια, μπορείτε να τα γεμίσετε όλα αυτά με περιεχόμενο και στυλ για να δημιουργήσετε το έγγραφό σας. Ρίξε μια ματιά στο παράδειγμα 1, παράδειγμα 2 και παράδειγμα 3 Εφτιαξα. Λάβετε υπόψη ότι ο κώδικας στο σώμα, το περιεχόμενο είναι ακριβώς το ίδιο, αλλάζω μόνο τον κώδικα css. Αυτό δείχνει ότι μπορείτε να χρησιμοποιήσετε το στυλ για να δημιουργήσετε γρήγορα διαφορετικές εμφανίσεις.
Γιατί είναι τόσο υπέροχο αυτό;
Ο λόγος που αυτό είναι τόσο φοβερό είναι ότι μπορείτε να δημιουργήσετε προσαρμοσμένα στυλ για τον εαυτό σας που μπορεί να γίνουν ένα είδος «εμπορικού σήματος» των εγγράφων σας. Μπορείτε να αποκόψετε και να επικολλήσετε τον κώδικα CSS και απλώς να σκεφτείτε το περιεχόμενο μόλις το ολοκληρώσετε. Επίσης, μπορείτε να συνδέσετε στο φύλλο στυλ, επομένως εάν αποθηκεύετε έγγραφα στο διαδίκτυο, δεν χρειάζεται να συμπεριλάβετε το CSS στο ίδιο το αρχείο. Αυτό σημαίνει ότι μπορείτε να συνδέσετε διαφορετικά φύλλα στυλ για διαφορετικές περιστάσεις και δεν χρειάζεται να τροποποιείτε συνεχώς το έγγραφο.
Το CSS επιτρέπει επίσης την ταχύτερη επεξεργασία των εγγράφων ως προς το στυλ. Προτιμώ τα έγγραφά μου να φαίνονται καλά γιατί έτσι νιώθω καλύτερα και με το CSS η διαδικασία μορφοποίησης γίνεται πολύ λιγότερο επιβαρυντική. Όταν καθορίζετε ένα στυλ επικεφαλίδας, θα εφαρμόζεται σε όλες τις επικεφαλίδες αυτού του τύπου. Αυτό σημαίνει ότι δεν χρειάζεται να αλλάξετε μεμονωμένα το χρώμα του φόντου, το χρώμα της γραμματοσειράς, την έντονη γραφή και την υπογράμμιση μιας επικεφαλίδας, απλώς το προσδιορίζετε μία φορά.
Επίσης, καθώς τα Έγγραφα Google διαθέτουν πλέον πλήρη υποστήριξη CSS, μπορείτε απλώς να κάνετε αντιγραφή και επικόλληση του κώδικα στυλ σας στα Έγγραφα και αλλάξτε την εμφάνιση των εγγράφων σας χωρίς να χρειάζεται να περιηγηθείτε μορφοποιώντας κάθε επικεφαλίδα μία προς ένα χρόνος.
Πού μπορώ να μάθω περισσότερα;
Όπως είπα, το CSS είναι ένα απλό εργαλείο, αλλά απαιτεί κάποιες βασικές γνώσεις. Το HTML είναι εξίσου λογικό και εύκολο στην εκμάθηση, προτείνω W3Cschools και για τους δύο. Έμαθα πολλά από αυτά που ξέρω σήμερα εκεί, για βασικές ανάγκες είναι ένα από τα καλύτερα site στο διαδίκτυο. Το W3C αναπτύσσει επίσης τα πρότυπα ιστού, ώστε να είστε σίγουροι ότι ό, τι γράφουν στη σελίδα τους λειτουργεί.
Μια άλλη σελίδα από την οποία μάθαινα πολλά ήταν Η πηγή HTML σας. Αυτή η σελίδα περιέχει HTML και CSS, καθώς και μερικές προηγμένες συμβουλές σχετικά με την κωδικοποίηση, την προώθηση, την προσβασιμότητα και γενικά πώς να δημιουργήσετε έναν καλό ιστότοπο. Παρόλα αυτά, έχει μεγάλη βοήθεια για το CSS, σίγουρα αξίζει μια επίσκεψη.
Τέλος, μπορείτε να ρίξετε μια ματιά σε ορισμένα σχετικά ιστολόγια και άρθρα όπως αυτή η καταπληκτική σύνοψη βασικές τεχνικές CSS και 53 τεχνικές χωρίς τις οποίες δεν μπορείς να ζήσεις.
