Πώς να προσθέσετε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver: 7 βήματα

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

Πώς να προσθέσετε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver: 7 βήματα
Πώς να προσθέσετε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver: 7 βήματα

Βίντεο: Πώς να προσθέσετε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver: 7 βήματα

Βίντεο: Πώς να προσθέσετε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver: 7 βήματα
Βίντεο: Trello: Πως να οργανώσεις τη συγγραφική σου δραστηριότητα, αλλά και τη ζωή σου!! 2024, Μάρτιος
Anonim

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

Βήματα

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 1
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 1

Βήμα 1. Ανοίξτε το Dreamweaver

Ανοίξτε ένα υπάρχον αρχείο ή ορίστε έναν νέο ιστότοπο και δημιουργήστε ένα νέο αρχείο HTML, εάν δεν το έχετε κάνει ήδη.

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 2
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 2

Βήμα 2. Όταν δημιουργείτε ένα νέο αρχείο HTML, το Dreamweaver θα δημιουργήσει ήδη μια βασική δομή ιστοσελίδας για εσάς

Εισαγάγετε τον κέρσορα κάπου ανάμεσα στις ετικέτες και.

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 3
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 3

Βήμα 3. Εισαγάγετε την εικόνα που θέλετε

Υπάρχουν τρεις εναλλακτικές μέθοδοι για να το κάνετε αυτό:

  • Μεταβείτε στον πίνακα "Εισαγωγή" στο επάνω μέρος. Κάντε κλικ στο «Εικόνα» και επιλέξτε «Εικόνα» από το υπομενού που εμφανίζεται.
  • Προς τα δεξιά, υπάρχει μια γραμμή με την ένδειξη "Εισαγωγή" και "Αρχεία" στην κορυφή. Κάντε κλικ στην επιλογή "Επιλογή" και, στη συνέχεια, κάντε κλικ στην επιλογή "Κοινή" από το αναπτυσσόμενο μενού. Τώρα, εισαγάγετε την εικόνα κάνοντας κλικ στην επιλογή "Εικόνα". Εάν αυτή η γραμμή δεν εμφανίζεται, κάντε κλικ στο σημείο όπου είναι γραμμένος ο χώρος εργασίας "Συμπαγής" ή "Επέκταση". Κάντε κλικ στο «Compact» και μετά στο «Reset Compact» για να επαναφέρετε τις προεπιλεγμένες ρυθμίσεις του Dreamweaver.
  • Πατήστε Ctrl+Alt+I στο πληκτρολόγιό σας.
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 4
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 4

Βήμα 4. Προσαρμόστε το μέγεθος της εικόνας σας εισάγοντας τον αριθμό των εικονοστοιχείων στα πεδία "Πλάτος" και "ightψος"

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 5
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 5

Βήμα 5. Μεταβείτε στη λειτουργία "Σχεδίαση" για να δείτε πώς μοιάζει η εικόνα σας

Κάντε κλικ στο «Ζωντανά» για να δείτε πώς θα μοιάζει πραγματικά στον ιστότοπό σας.

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 6
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 6

Βήμα 6. Κάντε κλικ στην εικόνα

Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 7
Προσθέστε έναν σύνδεσμο σε μια εικόνα στο Adobe Dreamweaver Βήμα 7

Βήμα 7. Αποθηκεύστε την ιστοσελίδα σας πατώντας Ctrl+S (Αποθήκευση) ή Ctrl+⇧ Shift+S (Αποθήκευση ως).

Συμβουλές

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

Συνιστάται: