3 τρόποι για να προσθέσετε μια εικόνα σε ένα ιστολόγιο

Πίνακας περιεχομένων:

3 τρόποι για να προσθέσετε μια εικόνα σε ένα ιστολόγιο
3 τρόποι για να προσθέσετε μια εικόνα σε ένα ιστολόγιο

Βίντεο: 3 τρόποι για να προσθέσετε μια εικόνα σε ένα ιστολόγιο

Βίντεο: 3 τρόποι για να προσθέσετε μια εικόνα σε ένα ιστολόγιο
Βίντεο: Πώς να φτιάξεις μία Iστοσελίδα με WordPress 2020 - Tο καλύτερο Tutorial στα ελληνικά! 2024, Απρίλιος
Anonim

Η προσθήκη εικόνων ιστολογίου μπορεί να κάνει το ιστολόγιό σας πιο ελκυστικό οπτικά και επίσης να βοηθήσει τους θεατές να κατανοήσουν το περιεχόμενο του ιστολογίου σας μέσω διαγραμμάτων και φωτογραφικών επιδείξεων. Σε άλλες περιπτώσεις, μπορεί να θέλετε να προσθέσετε μια φωτογραφία ιστολογίου για να μοιραστείτε μια εμπειρία όπως η θέα από το υπνοδωμάτιό σας ή τα μέρη που επισκεφτήκατε κατά τη διάρκεια των καλοκαιρινών σας διακοπών. Υπάρχουν πολλές μέθοδοι που μπορείτε να χρησιμοποιήσετε για να προσθέσετε μια εικόνα σε ένα ιστολόγιο, αλλά το πιο κρίσιμο μέρος είναι να χρησιμοποιήσετε τη σωστή πηγή, κώδικα και τοποθέτηση για την εικόνα σας.

Βήματα

Μέθοδος 1 από 3: Φιλοξενία της εικόνας

Προσθήκη εικόνας σε ιστολόγιο Βήμα 1
Προσθήκη εικόνας σε ιστολόγιο Βήμα 1

Βήμα 1. Ανεβάστε την εικόνα ώστε να έχει πρόσβαση σε αυτήν οποιοσδήποτε χρησιμοποιεί το Διαδίκτυο

Ακολουθούν ορισμένοι ιστότοποι που σας επιτρέπουν να ανεβάζετε εικόνες δωρεάν.

  • Λευκώματα Ιστού Picasa: Το Picasa επιτρέπει στους χρήστες με Λογαριασμό Google να ανεβάζουν και να μοιράζονται τις εικόνες τους στο Διαδίκτυο δωρεάν. Μπορείτε να δημιουργήσετε λευκώματα ιστού και να δημιουργήσετε ετικέτες για άτομα και μέρη για να παρέχετε περισσότερες πληροφορίες σχετικά με το τι αφορά κάθε εικόνα. Μπορείτε επίσης να κατεβάσετε το δωρεάν λογισμικό Picasa για να οργανώσετε και να επεξεργαστείτε τις φωτογραφίες σας για να τις ετοιμάσετε για μεταφόρτωση. Διατίθεται δωρεάν αποθηκευτικός χώρος 1 Gigabyte (GB).
  • Flickr: Το Facebook καθώς και οι λογαριασμοί Google μπορούν να χρησιμοποιηθούν για να συνδεθείτε στον ιστότοπο του Flickr. Διαφορετικά, μπορείτε να δημιουργήσετε έναν δωρεάν λογαριασμό Flickr μέσω του ιστότοπου μέσα σε λίγα λεπτά.
  • Photobucket: Το Photobucket είναι ένας δωρεάν ιστότοπος φιλοξενίας εικόνων και κοινής χρήσης βίντεο. Έχει σχεδιαστεί για να επιτρέπει στους χρήστες να μοιράζονται τις φωτογραφίες και τα βίντεό τους με ευκολία στους φίλους και την οικογένειά τους.
Προσθήκη εικόνας σε ιστολόγιο Βήμα 2
Προσθήκη εικόνας σε ιστολόγιο Βήμα 2

Βήμα 2. Λάβετε τη διεύθυνση URL της εικόνας για την εικόνα που θέλετε να εμφανίζεται στο ιστολόγιό σας

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

Μέθοδος 2 από 3: Δημιουργία κώδικα HTML εικόνας

Προσθήκη εικόνας σε ιστολόγιο Βήμα 3
Προσθήκη εικόνας σε ιστολόγιο Βήμα 3

Βήμα 1. Χρησιμοποιήστε τη διεύθυνση URL της εικόνας για να δημιουργήσετε τον κώδικα HTML που πρέπει να χρησιμοποιηθεί για να προσθέσετε τη φωτογραφία ή την εικόνα του ιστολογίου

Εδώ είναι η γενική ακολουθία του κώδικα.

  • Το URL πρέπει να είναι το πλήρες URL της εικόνας.
  • Το Χ πρέπει να αντικατασταθεί με το πλάτος και το ύψος (σε pixel) στα οποία θέλετε να εμφανίζεται η εικόνα.
  • Η Περιγραφή πρέπει να είναι μια σύντομη περιγραφή του τι αφορά την εικόνα.

Μέθοδος 3 από 3: Προσθήκη εικόνας ιστολογίου

Προσθήκη εικόνας σε ιστολόγιο Βήμα 4
Προσθήκη εικόνας σε ιστολόγιο Βήμα 4

Βήμα 1. Ανοίξτε τη σελίδα HTML του ιστολογίου σας

Μπορείτε να χρησιμοποιήσετε το Dreamweaver για να δείτε το HTML του ιστολογίου σας εκτός σύνδεσης ή να μεταβείτε στην καρτέλα "Επεξεργασία HTML" εάν θέλετε να επεξεργαστείτε HTML χρησιμοποιώντας το Blogger ή άλλες παρόμοιες διαδικτυακές υπηρεσίες blogging.

Προσθήκη εικόνας σε ιστολόγιο Βήμα 5
Προσθήκη εικόνας σε ιστολόγιο Βήμα 5

Βήμα 2. Επιλέξτε την περιοχή μέσα στο HTML του ιστολογίου σας όπου θέλετε να τοποθετήσετε την εικόνα και επικολλήστε τον κώδικα HTML της εικόνας

Αφήστε κενό 1 κενή γραμμή πριν και μετά τον κώδικα HTML της εικόνας.

Προσθήκη εικόνας σε ιστολόγιο Βήμα 6
Προσθήκη εικόνας σε ιστολόγιο Βήμα 6

Βήμα 3. Αποθηκεύστε τις αλλαγές σας και δείτε το ιστολόγιο ή την ανάρτηση ιστολογίου σας όπου έχετε προσθέσει τον κώδικα HTML της εικόνας

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

Συμβουλές

  • Ορισμένες υπηρεσίες blogging όπως το Blogger και το Wordpress προσφέρουν ένα κουμπί "Προσθήκη εικόνας" στη γραμμή εργαλείων όταν δημιουργείτε ή επεξεργάζεστε μια ανάρτηση ιστολογίου. Μπορείτε να χρησιμοποιήσετε αυτό το κουμπί για να ανεβάσετε εικόνες και να εκχωρήσετε ρυθμίσεις όπως μέγεθος και στοίχιση για κάθε εικόνα.
  • Δοκιμάστε να εξερευνήσετε μερικά από τα διαθέσιμα γραφικά στοιχεία εάν θέλετε να προσθέσετε εικόνες ιστολογίου στην κεφαλίδα, το υποσέλιδο ή την πλαϊνή μπάρα του ιστολογίου σας Blogger ή Wordpress. Μπορείτε να βρείτε πολλά γραφικά στοιχεία που σας επιτρέπουν να προσθέσετε μια εικόνα σε ένα ιστολόγιο και να μετακινήσετε τις εικόνες σε διαφορετικές τοποθεσίες γύρω από τις αναρτήσεις του ιστολογίου σας, όπως ακριβώς μετακινείτε άλλα γραφικά στοιχεία.

Συνιστάται: