תרחיש נפוץ באינטרנט הוא שיש לך תמונה באתר האינטרנט שלך כי אתה רוצה קישור. אולי אתה מקודד דף באתר שלך ואתה רוצה להוסיף את התמונה, או אולי אתה רוצה לקשר את זה מאתר אחר, כמו חשבון מדיה חברתית שיש לך. בכל מקרה, הצעד הראשון בתהליך זה הוא לזהות את כתובת האתר (מאתר משאבים אחיד) של תמונה זו. זוהי הכתובת הייחודית ונתיב הקובץ לתמונה הספציפית הזו באינטרנט.
בואו נסתכל איך זה נעשה.
מתחילים
כדי להתחיל, עבור אל הדף עם התמונה שבה ברצונך להשתמש. עם זאת, זכור שתשתמש בתמונה שבבעלותך. הסיבה לכך היא הצבעה על תמונות של אנשים אחרים נחשב גניבת רוחב פס יכול לגרום לך בצרות - גם מבחינה משפטית. אם אתה מקשר לתמונה באתר שלך, אתה משתמש בתמונה שלך ואת רוחב הפס שלך. זה בסדר, אבל אם אתה מקשר לאתר של מישהו אחר, אתה מוצץ את רוחב הפס של האתר שלהם כדי להציג את התמונה. אם אתר זה יש מגבלות חודשיות על השימוש ברוחב הפס שלהם, אשר חברות אירוח רבות לעשות להטיל, אז אתה אוכל לתוך הגבול החודשי שלהם ללא הסכמתם. בנוסף, העתקת תמונה של אדם אחר לאתר שלך עלולה להוות הפרה של זכויות יוצרים. אם מישהו מורשה תמונה להשתמש באתר האינטרנט שלהם, הם עשו זאת עבור אתר האינטרנט שלהם לבד. קישור לתמונה זו ולצייר אותה לאתר שלך, כך שהיא תוצג בדף שלך מחוץ לרשיון זה ותוכל לפתוח אותך עד קנסות וקנסות משפטיים.
בשורה התחתונה, אתה יכול לקשר תמונות שאינן מחוץ לאתר שלך / תחום, אבל זה נחשב גס במקרה הטוב ובלתי חוקי במקרה הגרוע, אז פשוט למנוע את התרגול כל ביחד. למען המאמר הזה, נניח שהתמונות מתארחות באופן חוקי בתחום שלך.
עכשיו כשאתה מבין את "gotchas" של קישור התמונה, אנחנו רוצים לזהות את הדפדפן שבו תשתמש.
דפדפנים שונים עושים דברים אחרת, וזה הגיוני שכן הם כל פלטפורמות תוכנה ייחודיות שנוצרו על ידי חברות שונות. על פי רוב, עם זאת, כל הדפדפנים כל עבודה דומה במקצת בימים אלה. ב- Google Chrome, זה מה שהייתי עושה:
- מצא את התמונה הרצויה.
- לחץ לחיצה ימנית על התמונה ( Ctrl + לחיצה על Mac).
- יופיע תפריט. מתפריט זה, בחר באפשרות העתק כתובת תמונה .
- אם תדביק את מה שמופיע כעת על הלוח שלך, תגלה שיש לך את הנתיב המלא לתמונה זו.
עכשיו, ככה זה עובד ב- Google Chrome. בדפדפנים אחרים יש הבדלים. ב- Internet Explorer, לחץ לחיצה ימנית על התמונה ובחר מאפיינים . בתיבת דו-שיח זו תראה את הנתיב לתמונה זו. העתק את כתובת התמונה על ידי בחירתה והעתקתה ללוח.
ב- Firefox, לחץ לחיצה ימנית על התמונה ובחר את מיקום התמונה להעתיק .
מכשירים ניידים הם אפילו יותר מסובך כשזה מגיע למציאת נתיב כתובת האתר, ומכיוון שיש כל כך הרבה מכשירים שונים בשוק היום, יצירת רשימה סופית של איך למצוא כתובת תמונה על כל הפלטפורמות והתקנים תהיה משימה מרתיעה. עם זאת, במקרים רבים, תוכל לגעת בתמונה ולחזק אותה כדי לגשת לתפריט שיאפשר לך לשמור את התמונה או למצוא את כתובת האתר שלה.
אישור, אז ברגע שיש לך את כתובת האתר של התמונה שלך, אתה יכול להוסיף אותו למסמך HTML. זכור, זה היה כל העניין של התרגיל הזה, כדי למצוא את כתובת האתר של התמונה כדי שנוכל להוסיף אותו לדף שלנו! כך תוסיף אותו ל- HTML. שים לב שתכתוב קוד זה בעורך HTML שאתה מעדיף:
סוּג:
בין הסט הראשון של מרכאות כפולות היית מדביק את הנתיב לתמונה שברצונך לכלול. הערך של טקסט ה- alt צריך להיות תוכן תיאורתי המסביר את מה שהתמונה מיועדת למישהו שלא ממש רואה אותו בדף.
העלה את דף האינטרנט שלך ובדוק אותו בדפדפן אינטרנט כדי לראות אם התמונה שלך נמצאת כעת במקום!
טיפים שימושיים
תכונות רוחב וגובה אינן נדרשות בתמונות, ויש לא לכלול אותן, אלא אם כן אתה תמיד מעוניין שהתמונה תוצג בגודל מדויק. עם אתרי אינטרנט תגובה ותמונות כי reflow ואת גודל בהתאם לגודל המסך, זה לעתים נדירות במקרה בימים אלה. סביר להניח שתעדיף להשאיר את הרוחב והגובה כבויים, במיוחד מכיוון שבמקרה של חוסר מידע או סגנונות אחרים) הדפדפן יציג את התמונה בגודל ברירת המחדל בכל מקרה.