Σπίτι Κοινωνική Media Βασικά στοιχεία HTML σε Adobe CS5 Dreamweaver - dummies

Βασικά στοιχεία HTML σε Adobe CS5 Dreamweaver - dummies

Βίντεο: #3.HTML5-CSS3.Βασικές ετικέτες HTML (Greek Web Tutorials) 2024

Βίντεο: #3.HTML5-CSS3.Βασικές ετικέτες HTML (Greek Web Tutorials) 2024
Anonim

Όταν δημιουργείτε μια νέα ιστοσελίδα στο Adobe Creative Suite 5 (Adobe CS5) του κώδικα δημιουργείται για να βοηθήσει το πρόγραμμα περιήγησης ιστού να αναγνωρίσει το HTML και την έκδοση HTML που χρησιμοποιεί. Το Dreamweaver λειτουργεί στο παρασκήνιο για να διασφαλίσει ότι η σελίδα σας λειτουργεί στις περισσότερες πρόσφατες εκδόσεις των κοινών περιηγητών ιστού, όπως το Firefox, ο Internet Explorer και το Safari.

Ο κώδικας HTML, παρόλο που είναι εύκολος, είναι ακριβώς όπως κάθε άλλη γλώσσα, καθώς πρέπει να υπολογίσετε τη σύνταξη (τη σωστή ακολουθία και τον σχηματισμό του κώδικα) και το λεξιλόγιο (απομνημονεύστε πολλές ετικέτες). Δεν χρειάζεται να έχετε τσιμπήματα ταινιών στα γυαλιά σας για να χτίσετε καλές, καθαρές ιστοσελίδες, αλλά θα πρέπει να αναθεωρήσετε τα παρακάτω βασικά HTML.

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

Γενικά, οι ετικέτες HTML αποτελούνται από τρία μέρη:

  • Ετικέτα: Το κύριο μέρος των πληροφοριών HTML, για παράδειγμα για ισχυρή ή έντονη για την ετικέτα γραμματοσειράς ή

    για έναν πίνακα HTML. Μια ετικέτα κατασκευάζεται πάντα από μια λέξη-κλειδί που περικλείεται σε ένα σύνολο παρενθέσεων, όπως

    ή

    .

    Επειδή οι περισσότερες ετικέτες έρχονται σε ζεύγη, πρέπει να εισαγάγετε μια ετικέτα ανοίγματος (

    ) και μια ετικέτα κλεισίματος (

    ). Στο XHTML 1. 0 Μεταβατικό (το πρότυπο που χρησιμοποιείται για όλες τις νέες σελίδες που έχουν δημιουργηθεί στο Dreamweaver), όλες οι ετικέτες πρέπει να κλείσουν. Μπορείτε είτε να κλείσετε μια ετικέτα είτε να δημιουργήσετε μια αυτοκόλλητη ετικέτα, συμπεριλαμβάνοντας την κάθετο πριν από το βραχίονα κλεισίματος:

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

  • Χαρακτηριστικό: Σας επιτρέπει να τελειοποιήσετε την εμφάνιση μιας συγκεκριμένης ετικέτας HTML. Ένα χαρακτηριστικό προστίθεται πάντα σε μια ετικέτα ανοίγματος και μπορεί να πάρει διαφορετικές τιμές για να ελέγξει τα χαρακτηριστικά όπως το χρώμα, το μέγεθος και τον προορισμό του συνδέσμου. Για παράδειγμα, η ευθυγράμμιση είναι ένα χαρακτηριστικό της ετικέτας

    (παράγραφος) που καθορίζει τον τρόπο ευθυγράμμισης του κειμένου μέσα στην παράγραφο.

    Εδώ είναι ένα παράδειγμα μιας ετικέτας παραγράφου (

    ) με προστιθέμενο χαρακτηριστικό:

    Αυτό είναι κεντρικό κείμενο

  • Τιμή: Το χρώμα, το μέγεθος και ο προορισμός σύνδεσης, Χαρακτηριστικό. Για παράδειγμα, μπορείτε να ορίσετε έναν δεκαεξαδικό αριθμό ως τιμή για ένα χαρακτηριστικό χρώματος. Ένα παράδειγμα μιας τιμής για το χαρακτηριστικό bgcolor της ετικέτας (το οποίο ελέγχει τη συνολική εμφάνιση σελίδας) μπορεί να είναι "κόκκινο" ή "# CC0000".

  • Το είναι η σειρά με την οποία εμφανίζονται οι ετικέτες. Εάν εφαρμόζεται μια ετικέτα , φαίνεται σαν εξής: Το κείμενο αυτό είναι έντονο . Προσθέστε μια πλάγια ετικέτα και βλέπετε Αυτό το κείμενο είναι έντονα και πλάγια. . Παρατηρήστε την τοποθέτηση σε ετικέτα των ετικετών: Εργάζεστε από μέσα προς τα έξω όταν κλείνετε ετικέτες.

  • Βασικά στοιχεία HTML σε Adobe CS5 Dreamweaver - dummies

    Η επιλογή των συντακτών

    Μείωση του θορύβου σε εικόνες HDR με πολλαπλά επίπεδα

    Μείωση του θορύβου σε εικόνες HDR με πολλαπλά επίπεδα

    Εικόνες υψηλής ευκρίνειας (HDR) δεν βγαίνει πάντα από την αγαπημένη σας εφαρμογή HDR που φαίνεται τέλεια. Ορισμένες εικόνες έχουν πολύ θόρυβο (ένα κοινό πρόβλημα με το HDR) γενικά. Το αποκορύφωμα της μεθοδολογίας μείωσης θορύβου είναι η εφαρμογή προσαρμοσμένων επιπέδων μείωσης θορύβου σε συγκεκριμένες περιοχές της εικόνας με τη χρήση πολλαπλών στρώσεων και ...

    Μειώστε τον θόρυβο σε επιλεγμένες περιοχές εικόνων HDR

    Μειώστε τον θόρυβο σε επιλεγμένες περιοχές εικόνων HDR

    Ένα κοινό πρόβλημα με υψηλή δυναμική περιοχή (HDR) Οι εικόνες είναι ότι έχουν υπερβολικό θόρυβο ή μπορεί να χρειαστούν διαφορετικά επίπεδα θορύβου σε διαφορετικές περιοχές. Μπορείτε να μειώσετε τον θόρυβο στις εικόνες HDR μόνο σε επιλεγμένες περιοχές της εικόνας και όχι σε ολόκληρη την εικόνα. Εφαρμογή της μείωσης θορύβου σε ένα ολόκληρο στρώμα ...

    Μειώστε τον θόρυβο στις φωτογραφίες HDR μονής έκθεσης

    Μειώστε τον θόρυβο στις φωτογραφίες HDR μονής έκθεσης

    Αυτό το παράδειγμα μείωσης του θορύβου σε μία έκθεση Η φωτογραφία υψηλής ευκρίνειας δείχνει τα χειριστήρια μιας πυροσβεστικής μηχανής. Ήταν ένα περιστασιακό στιγμιότυπο κατά τη διάρκεια μιας εκδρομής. Οι ρυθμίσεις χαρτογράφησης τόνων για τη φωτογραφία στο Photomatix Pro δεν είναι όλοι αξιοσημείωτες. Η αντοχή είναι 100 και ο Χρώμα Κορεσμός είναι 80. Η φωτεινότητα είναι 4. 0 και ...

    Η επιλογή των συντακτών

    Πώς να αλλάξετε το μέγεθος του Adobe Edge Animate Stage - dummies

    Πώς να αλλάξετε το μέγεθος του Adobe Edge Animate Stage - dummies

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

    Πώς να χρησιμοποιήσετε εικόνες και κείμενο στο Adobe Edge Animate - ανδρείκελα

    Πώς να χρησιμοποιήσετε εικόνες και κείμενο στο Adobe Edge Animate - ανδρείκελα

    Εργαλεία για να δημιουργήσετε σχήματα στο Στάδιο, τα οποία στη συνέχεια γίνονται στοιχεία που μπορείτε να ζωντανέψετε και να προσθέσετε δράσεις. Το ίδιο ισχύει και για την εισαγωγή εικόνων και τη σύνταξη κειμένου. Εισαγωγή εικόνων στο Edge Animate Μπορείτε να εισαγάγετε εικόνες στο έργο Edge Animate από το μενού ...

    Η επιλογή των συντακτών

    Πώς να αλλάξετε το πλάτος της στήλης και το ύψος της γραμμής στο Excel 2010 - dummies

    Πώς να αλλάξετε το πλάτος της στήλης και το ύψος της γραμμής στο Excel 2010 - dummies

    Μπορείτε να αλλάξετε τυχόν πλάτη ή ύψος της στήλης στα φύλλα εργασίας σας, για να βελτιώσετε την αναγνωσιμότητα και την εμφάνιση των δεδομένων. Για παράδειγμα, αν το φύλλο εργασίας σας περιέχει πολλούς αριθμούς, μπορείτε να διευρύνετε τις στήλες για να κάνετε το φύλλο εργασίας λιγότερο γεμάτο. Θα πρέπει πάντα να διευρύνετε στήλες που περιέχουν κελιά με καταχωρίσεις κειμένου που έχουν περικοπεί ή ...

    Πώς να αλλάξετε το πλάτος της στήλης και το ύψος της γραμμής στο Excel 2007 - dummies

    Πώς να αλλάξετε το πλάτος της στήλης και το ύψος της γραμμής στο Excel 2007 - dummies

    Μπορείτε να αλλάξετε τυχόν πλάτη ή ύψος της στήλης στα φύλλα εργασίας σας, για να βελτιώσετε την αναγνωσιμότητα και την εμφάνιση των δεδομένων. Για παράδειγμα, αν το φύλλο εργασίας σας περιέχει πολλούς αριθμούς, μπορείτε να διευρύνετε τις στήλες για να κάνετε το φύλλο εργασίας λιγότερο γεμάτο. Θα πρέπει πάντα να διευρύνετε τις στήλες που περιέχουν κελιά με καταχωρίσεις κειμένου που έχουν περικοπεί ή ...