Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> Προγραμματισμός Υπολογιστών Γλώσσες

Πώς να δημιουργήσετε μια εικόνα Χάρτης Χρησιμοποιώντας HTML Προγραμματισμός

Κατανόηση HTML είναι ένα από τα πιο επινοητικοί γλώσσα προγραμματισμού που θα χρησιμοποιηθούν ώστε να κατασκευάσει μια ιστοσελίδα . Η HTML χρησιμοποιεί ετικέτες για να προσθέσετε χαρακτηριστικά σε ιστοσελίδες σας . Οι τέσσερις ετικέτες που χρησιμοποιείται περισσότερο από τα έγγραφα HTML είναι , , και <BODY ...> . Αυτές οι ετικέτες ορίζουν τον τύπο του εγγράφου είναι , και οι μεγάλες ενότητες . HTML έγγραφα έχουν συνήθως την επέκταση . Html ή . Htm . Μπορείτε να χρησιμοποιήσετε HTML για να δημιουργήσετε ένα χάρτη εικόνας που διαιρεί μια εικόνα σε διάφορους τομείς που συνδέονται με μια διαφορετική ιστοσελίδα . Εάν επιλέξετε να δημιουργήσετε χάρτες εικόνας , θα πρέπει να χρησιμοποιήσετε τις εικόνες που έχουν πολλές διαφορετικές περιοχές που οι αναγνώστες μπορούν να επιλέξουν . Οι φωτογραφίες δεν είναι συνήθως μια καλή επιλογή για χάρτες εικόνας . Δημιουργία χαρτών εικόνας είναι ένας καλός τρόπος για να δώσει τις σελίδες σας πιο έφεση . Αυτός ο οδηγός θα σας διδάξει πώς να προσθέσετε χάρτες εικόνας στη σελίδα σας . Παρουσιάζει μια πολύ απλή προσέγγιση για την προσαρμογή της σελίδας σας . Τα πράγματα που θα χρειαστείτε <br> Υπολογιστών <br> <br> Παρουσίαση Περισσότερες οδηγίες <br> Η 1 <p> Ξεκινήστε επεξεργαστή κειμένου ή πρόγραμμα επεξεργασίας κειμένου που θα χρησιμοποιήσετε για να δημιουργήσετε την ιστοσελίδα σας . Εντοπίστε τη σελίδα στον υπολογιστή σας που θέλετε να επεξεργαστείτε . Προσθέστε την εικόνα που θέλετε να χρησιμοποιήσετε μια εικόνα χάρτη στην ιστοσελίδα σας . Συμπεριλάβετε το εσωτερικό της ετικέτας <center> . 2 <br> <p> Τύπος " USEMAP = " # ; " στο εσωτερικό της ετικέτας <IMG> . Αντικαταστήστε το ερωτηματικό με το το όνομα της εικόνας του χάρτη . Τύπος " </CENTER > " για να κλείσετε την ετικέτα . <br> εικόνων 3 <p> Τύπος " <MAP NAME="?"> " Αντικαταστήστε το ερωτηματικό με το όνομα της εικόνας χάρτη το κείμενό σας θα πρέπει να μοιάζει με το παρακάτω : . <center> <IMG SRC="name.gif" USEMAP="#menumap"> ? ? </CENTER > <MAP NAME="menumap"> <br> Η 4 <p> Τύπος " <ΠΕΡΙΟΧΗ SHAPE = " " " Αντικατάσταση της ερωτηματικό με το σχήμα της περιοχής . Χρησιμοποιήστε rect για ορθογώνιο, κύκλος για τον κύκλο και πολυ για ακανόνιστο σχήμα . <br> 5 <p> Τύπος " coords = " a, b, c , d & # x201D ? " . για τις συντεταγμένες ενός ορθογωνίου Αντικαταστήστε το " α και β » . με τις συντεταγμένες της πάνω αριστερή γωνία Αντικαταστήστε το" c και d " με τις συντεταγμένες του στην κάτω δεξιά γωνία για έναν κύκλο , τον τύπο . " coords = & # x201C ? a, b, r " " όπου " α, Β " είναι οι συντεταγμένες για το κέντρο του κύκλου και "r" είναι η ακτίνα για ένα πολύγωνο , του τύπου. " coords =" a, b , c, d ... " ", όπου " a, b, c , d » είναι οι συντεταγμένες κάθε σημείου του πολυγώνου . <br> Η 6 <p> Type " href =" "" . Αντικαταστήστε το ερωτηματικό με τη διεύθυνση της ιστοσελίδας που θέλετε η περιοχή της εικόνας για να συνδεθείτε. Επαναλάβετε τα βήματα 4 έως 6 για κάθε περιοχή της εικόνας . Τύπος " </MAP > " για να ολοκληρώσετε την εικόνα του χάρτη σας . <br> Η <p> 7 Βεβαιωθείτε ότι το κείμενό σας είναι παρόμοιο με το ακόλουθο : <ΠΕΡΙΟΧΗ SHAPE " rect " coords = " 31,50,155,120 " href = & # x201C ? website.html "> </MAP > <br> 8 <p> Ανοίξτε ένα νέο web browser για να βεβαιωθείτε ότι ιστοσελίδα σας εμφανίζει σωστά την εικόνα στο χάρτη Δοκιμάστε τον ιστότοπό σας και βεβαιωθείτε ότι οι επισκέπτες μπορούν. κλικ σε μια περιοχή της εικόνας χάρτη για να εμφανίσετε τη συνδεδεμένη ιστοσελίδα . <br> Η <br> εικόνων <div class="grad2"><script language='javascript' src='http://www.221021.com/ad/gr/2.js'></script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='/Programming/computer-programming-languages/88867.html' >Πώς να αλλάξετε Bullet Style Χρησιμοποιώντας HTML Προγραμματισμός </a></li> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Programming/computer-programming-languages/88869.html' >Πώς να αλλάξει την απόφαση κειμένου με χρήση HTML Προγραμματισμός </a></li> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <h3><a href="/Programming/computer-programming-languages/86407.html" target="_blank">Πώς να Απόσπασμα Πίνακα από DMP </a></h3> <p><a href="/Programming/computer-programming-languages/86407.html" target="_blank">MySQL dump αρχεία χρησιμεύουν ως αρχεία αντιγράφων ασφαλείας για τις μεγάλες δομές βάσεων δεδομένων . Τα αρχεία αυτά περιέχουν τα στοιχεία για την οργάνωση της βάσης δεδομένων , έτσι ώστε οι διαχειριστές μπορούν να αποκαταστήσουν τις βάσεις δεδομένων σε προηγούμενες καταστάσεις σε περίπτωση που κάτι πάει στραβά . Αλλά οι βάσεις δεδομένων μπορούν να πάρουν μεγάλα , ώστε χωματερή αρχεία μπορεί να πάρει εξίσου μεγάλες . Ενημέρωση έναν ενιαίο πίνακα , αντί για ολόκληρη τη βάση δεδομένων , μπορεί να </a></p> <div class="feggexiandsada"></div> <ul class="dsa31das"> <li><a href="/Programming/computer-programming-languages/87680.html" target="_blank">Πώς να Ισοπαλία κειμένου σε Xcode </a></li> <li><a href="/Programming/computer-programming-languages/87272.html" target="_blank">Τύποι Τεχνικές Parsing </a></li> <li><a href="/Programming/computer-programming-languages/86352.html" target="_blank">Πώς να Προσαρμογή gvim για HTML Κωδικοποίηση </a></li> <li><a href="/Programming/computer-programming-languages/87132.html" target="_blank">Πώς να ρυθμίσετε το χρονικό όριο συνεδρίες σε iFrame </a></li> <li><a href="/Programming/computer-programming-languages/87683.html" target="_blank">Βιβλία Σχετικά στην Επιστήμη των Υπολογιστών </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="/Programming/php-mysql-programming/92553.html" target="_blank">Πώς να Ονομάστε ένα Σύνοδο στην PHP </a></li> <li><a href="/Programming/java-programming/89797.html" target="_blank">Πώς να υπολογίσετε Ώρα Χρησιμοποιώντας Java </a></li> <li><a href="/Programming/php-mysql-programming/92924.html" target="_blank">Tutorial : MySQL Design Database </a></li> <li><a href="/Programming/java-programming/89693.html" target="_blank">Πώς να αλλάξετε Locale Struts σε Java </a></li> <li><a href="/Programming/php-mysql-programming/92742.html" target="_blank">Πώς να την εισαγωγή κειμένου σε ένα Πλαίσιο κειμένου σε μορφή HTML Χρησιμοποιώντας την PHP </a></li> <li><a href="/Programming/visual-basics-programming/95225.html" target="_blank">Πώς να κάνει Visual Basic Numbers Round Up </a></li> <li><a href="/Programming/computer-programming-languages/88449.html" target="_blank">PLC Οδηγίες Προγραμματισμός </a></li> <li><a href="/Programming/javascript-programming/91133.html" target="_blank">Πώς να ανακατευθύνει τους χρήστες κινητών </a></li> </ul> </div> <div class="dibud243"> <div class="tibiaodsafda"><h4>Προγραμματισμός Υπολογιστών Γλώσσες</h4></div> <ul class="beitonggu"> <li><a href="http://www.221021.com/Troubleshooting/laptop-troubleshooting/" >Αντιμετώπιση προβλημάτων Laptop</a></li> <li><a href="http://www.221021.com/Hardware/scanners/" >Σαρωτές</a></li> <li><a href="http://www.221021.com/Programming/cc-programming/" >C /C + + Προγραμματισμός</a></li> <li><a href="http://www.221021.com/Hardware/tablet-pcs/" >Tablet PCs</a></li> <li><a href="http://www.221021.com/Troubleshooting/pc-support/" >Υποστήριξη PC</a></li> <li><a href="http://www.221021.com/Programming/python-programming/" >Python Προγραμματισμός</a></li> <li><a href="http://www.221021.com/Hardware/computer-printers/" >Εκτυπωτές</a></li> <li><a href="http://www.221021.com/Troubleshooting/troubleshoot-computer-errors/" >Αντιμετώπιση προβλημάτων Σφάλματα υπολογιστή σας</a></li> <li><a href="http://www.221021.com/Programming/visual-basics-programming/" >Visual Βασικά Προγραμματισμός</a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>