Πώς να ονομάσετε νέα αρχεία σελίδας στο Dreamweaver

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

Εάν δημοσιεύετε τον ιστότοπό σας σε διακομιστή ιστού που εκτελείται σε Mac ή Windows, τα ακόλουθα ενδέχεται να μην ισχύουν για εσάς. Αλλά εάν χρησιμοποιείτε διακομιστή ιστού που εκτελεί Unix ή Linux (που χρησιμοποιείται από πολλές εμπορικές εταιρείες φιλοξενίας ιστοσελίδων), οι παρακάτω οδηγίες είναι ιδιαίτερα σημαντικές. Εάν δεν είστε σίγουροι, να είστε ασφαλείς και να ακολουθείτε αυτούς τους κανόνες όταν αποθηκεύετε ιστοσελίδες, εικόνες και άλλα αρχεία στον ιστότοπό σας:

  • Συμπεριλάβετε μια επέκταση στο τέλος για να προσδιορίσετε τον τύπο αρχείου. Τα παραδείγματα περιλαμβάνουν .html για αρχεία HTML και .gif για εικόνες GIF. Το Dreamweaver προσθέτει αυτόματα την επέκταση αρχείου .html στο τέλος των αρχείων HTML, η οποία λειτουργεί για τους περισσότερους διακομιστές Ιστού.

    Ωστόσο, στη σπάνια περίπτωση που χρειαστεί να αλλάξετε την επέκταση σε .htm για τον διακομιστή ιστού σας, μπορείτε να το κάνετε στο παράθυρο διαλόγου Προτιμήσεις του Dreamweaver επιλέγοντας Επεξεργασία→ Προτιμήσεις (Windows) ή Dreamweaver→ Προτιμήσεις (Mac). Ανατρέξτε στην πλαϊνή γραμμή «Εμφάνιση επεκτάσεων αρχείων στα Windows» για συμβουλές σχετικά με τον τρόπο προβολής των επεκτάσεων αρχείων, οι οποίες είναι κρυμμένες στα Windows.

  • Μην χρησιμοποιείτε κενά ή ειδικούς χαρακτήρες στα ονόματα αρχείων. Για παράδειγμα, μην ονομάζετε μια ιστοσελίδα με απόστροφο ή κενά, όπως cat's meow page.html. Εάν θέλετε να διαχωρίσετε λέξεις, μπορείτε να χρησιμοποιήσετε την κάτω παύλα (_) ή την παύλα (-).

    Για παράδειγμα, το meow-page.html είναι ένα καλό όνομα αρχείου. Οι αριθμοί είναι εντάξει στις περισσότερες περιπτώσεις, αν και είναι καλύτερο να μην ξεκινάτε ένα όνομα αρχείου με έναν αριθμό. Τα κεφαλαία γράμματα γενικά δεν έχουν σημασία, αλλά οι περισσότεροι σχεδιαστές μένουν με πεζά. Με αυτόν τον τρόπο διατηρείται συνεπής τα ονόματα αρχείων και διευκολύνεται η ρύθμιση και ο έλεγχος συνδέσμων, επειδή το όνομα του αρχείου και η αναφορά του σε οποιουσδήποτε συνδέσμους πρέπει να ταιριάζουν.

Ο λόγος για όλη αυτή τη φασαρία; Τα ονόματα αρχείων είναι ιδιαίτερα σημαντικά σε ιστότοπους επειδή περιλαμβάνονται στον κώδικα HTML όταν ορίζετε συνδέσμους. Ένας σύνδεσμος από τη μια σελίδα στην άλλη αποτελείται ουσιαστικά από το όνομα του αρχείου.

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

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

Πώς να εμφανίσετε τις επεκτάσεις αρχείων στα Windows

Όταν προβάλλετε σελίδες στην Εξερεύνηση των Windows, δεν θα βλέπετε την επέκταση αρχείου των σελίδων GIF, JPEG ή HTML (αν και αυτές οι επεκτάσεις θα εμφανίζονται στον πίνακα Αρχεία στο Dreamweaver), εκτός εάν αλλάξετε τις ρυθμίσεις σε έναν υπολογιστή με Windows.

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

Ο τρόπος με τον οποίο ανοίγετε το παράθυρο διαλόγου Επιλογές φακέλου εξαρτάται από την έκδοση των Windows που χρησιμοποιείτε. Θα πρέπει να μπορείτε να βρείτε εύκολα το πλαίσιο διαλόγου εάν κάνετε αναζήτηση για Επιλογές φακέλου στην ενότητα Βοήθεια.

Πώς να ονομάσετε νέα αρχεία σελίδας στο Dreamweaver

Ονομάστε την πρώτη σελίδα index.html

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

Ουσιαστικά, όταν ένα πρόγραμμα περιήγησης ιστού έρχεται σε ένα όνομα τομέα, όπως το DigitalFamily.com, η πρώτη σελίδα που ανοίγει είναι το index.html. Ομοίως, όταν ένα πρόγραμμα περιήγησης Ιστού κατευθύνεται σε έναν υποφάκελο μέσα σε έναν ιστότοπο, εμφανίζει επίσης πρώτα τη σελίδα ευρετηρίου.

Ως αποτέλεσμα, εάν δημιουργήσετε έναν υποφάκελο με τα βιβλία ονομάτων, για παράδειγμα, και μέσα σε αυτόν τον υποφάκελο δημιουργήσετε μια σελίδα με το όνομα index.html ως κύρια σελίδα, μπορείτε να πείτε στους επισκέπτες του ιστότοπού σας να εισάγουν απλώς www.DigitalFamily.com/ βιβλία για να φτάσετε στη σελίδα βιβλίων στον ιστότοπό σας. Εάν ονομάσετε στην πρώτη σελίδα οτιδήποτε άλλο, όπως books.html, οι επισκέπτες πρέπει να πληκτρολογήσουν www.DigitalFamily.com/books/books.html για να ανοίξουν τη σελίδα.

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

Δεν έχει σημασία αν χρησιμοποιείτε κεφαλαία ή πεζά γράμματα όταν πληκτρολογείτε ένα όνομα τομέα, αλλά όλα όσα έρχονται μετά το .com (ή .net ή οποιαδήποτε άλλη κατάληξη του ονόματος τομέα σας) πρέπει να ταιριάζουν με τα ονόματα των αρχείων και των φακέλων .


Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.

Εργασία με εικόνες στο Adobe XD

Εργασία με εικόνες στο Adobe XD

Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]

Εργασία με Artboards στο Photoshop CC

Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]

Σχήματα και πολύγωνα στο InDesign

Σχήματα και πολύγωνα στο InDesign

Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]