Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Anastasis

Πως αλλάζω το εικονίδιο της σελίδας μου στα Αγαπημένα

Recommended Posts

free-html5-frameworks.png

 

Πολλές σελίδες όπως και το designhost όταν τις εισάγεις στα «Αγαπημένα» ή στις «Συνδέσεις» εμφανίζουν ένα εικονίδιο από αριστερά διαφορετικό από αυτό του browser σας. Και όταν επισκεφτεί κανείς αυτή τη σελίδα το εικονίδιο φαίνεται και στη γραμμή της διεύθυνσης.

example_freestuff.gif

Σ’ αυτό το άρθρο θα δούμε πως μπορούμε να βάλουμε ένα εικονίδιο στη δική μας σελίδα. Έτσι αυτό το άρθρο είναι χωρισμένο σε δύο μέρη: Πρώτον, τη δημιουργία του εικονιδίου και δεύτερον την ενσωμάτωσή του στη σελίδα μας.
Προτού αρχίσετε όμως πρέπει να είστε σίγουροι ότι ο server που φιλοξενεί τη σελίδα σας υποστηρίζει αυτή τη δυνατότητα.

Μέρος Α: Δημιουργία του εικονιδίου


 

 

  • Τα εικονίδια είναι αρχεία με κατάληξη .ico και έχουν το δικό τους format. Αν και πολλοί πιστεύουν ότι ένα εικονίδιο είναι ένα μετονομασμένο αρχείο bitmap αυτό είναι λάθος. Για τη δημιουργία, λοιπόν, ενός εικονιδίου πρέπει να χρησιμοποιήσουμε το κατάλληλο πρόγραμμα. Εδώ θα χρησιμοποιήσουμε, ίσως, το πιο γνωστό πρόγραμμα στην κατηγορία του, που δεν είναι άλλο από το Axialis IconWorkshop 5.0. Δοκιμαστική έκδοση του προγράμματος θα βρείτε στην ιστοσελίδα του κατασκευαστή http://www.axialis.com.
     
  • Αφού ανοίξουμε το IconWorkshop θα επιλέξουμε File -> New -> Icon Project και θα μας ανοίξει ένα νέο παραθυράκι στο οποίο θα εισάγουμε τις εξής ρυθμίσεις:

    icon_properties.gif
    (οι ρυθμίσεις είναι ίδιες ανεξάρτητα με ποιο πρόγραμμα χρησιμοποιείτε)

     
  • Το περιβάλλον του IconWorkShop δεν διαφέρει σχεδόν καθόλου από το περιβάλλον οποιουδήποτε προγράμματος ζωγραφικής: Στο κέντρο θα βρείτε τον «καμβά» σας, εκεί δηλαδή όπου θα ζωγραφίσετε το εικονίδιό σας και δεξιά θα βρείτε την παλέττα με τα χρώματα και τα εργαλεία που θα χρησιμοποιήσετε.
     
  • Τώρα αφήστε την φαντασία σας ελεύθερη και σχεδιάστε το εικονίδιό σας. Μόνο να θυμάστε πως καλό θα ήταν να χρησιμοποιήσετε τα ίδια χρώματα με αυτά του site σας και ότι το λογότυπο σας θα ήταν ό,τι καλύτερο σ’ αυτή τη περίπτωση. Τα εργαλεία που θα χρησιμοποιήσετε κυρίως είναι το Flood Fill και το Pencil.
     
  • Μόλις τελειώσετε αποθηκεύστε το εικονίδιό σας επιλέγοντας File -> Save as. Αποθηκεύστε το σε φάκελο της προτιμήσεώς σας δίνοντάς του όνομα favicon.

    Μέρος Β: Ενσωμάτωση στη σελίδα σας

     
  • Αρχικά θα χρειαστεί να ανεβάσετε το εικονίδιο στο server που φιλοξενεί τη σελίδα σας. Ανεβάστε το στον βασικό φάκελο στον οποίο έχετε πρόσβαση, ο οποίος συνήθως είναι ο φάκελος που περιέχει το αρχείο index.
     
  • Στον Internet Explorer καθώς και στους πιο πολλούς browsers η ύπαρξη του εικονιδίου αρκεί για την εμφάνισή του στα Αγαπημένα. Για πλήρη συμβατότητα όμως με όλους τους browsers εισάγετε αυτό τον κώδικα
    κώδικας:
    <LINK REL="SHORTCUT ICON" HREF="/favicon.ico">

    στο head κομμάτι κάθε σελίδας σας.



Αυτά ήταν τα βασικά σημεία που πρέπει να ξέρει κανείς για να βάλει εικονίδιο στη σελίδα του. Καλή επιτυχία!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×