שתילת תמונה
או קי.....
ניגש לעצם הענין..
הכנסת תמונה כמו שהיא אל דף האתר שלנו.
כמו שהיא, כלומר- ללא כל שינוי בגודל, בתצוגה וכו. הפקודה הבסיסית כמו שכבר הזכרתי היא:
<"img src="bride.gif" width="104" height="102>



אם נרצה להוסיף לתמונה מעין כיתובית, כזו שתעלה באשר נשים עליה את העכבר, נוסיף את:
<"כל מה שתרצו"= img src="pic.gif" alt>
דוגמא:
שימו את העכבר על התמונה והמתינו שניה.

גודל התמונה.
נוכל להגביל את גודל התמונה לאיזה גודל שנרצה, אך כאן המקום להזכיר ש- א- משקל התמונה לא משתנה ואם היתה כבדה- היא נשארת כזו.=המשמעות טעינה איטית. ב-הפרופורציה של התמונה עלולה להשתנות, משמע אנו עלולים לקבל תמונה מעוותת.

טכניקה זו טובה בעיקר כשאנו ממקמים איקונים, או תמונות שאנו מכירים ויודעים את יחסיות הגדלים שלה. בכל אופן הפקודה תראה כך:

דוגמא:
< img src="pic.gif" width=100 height=100>

< img src="pic.gif" width=50 height=50>

חשוב להסביר בנושא גודל התמונה.
כבר הבנו שלגודל התמונה יש קשר ישיר למהירות טעינתה. לכן, כדי "להקטין" את התמונה.. ממש להקטינה, דבר שיבוא לביטוי במשקל ה"ביטים" -כדאי להשתמש בתוכנות עזר. אני למשל משתמשת בתוכנת ה"פוטושופ", הרבה דברים מעבר להקטנת התמונה ניתן לעשות בפוטושופ, כדי לדעת את רובם יש לשבת ולנסות דבר דבר,, או ללמוד בקורס מסודר..:) אך לצורך ענינינו כעת נשתמש בתוכנה זו להקטנת התמונה. אין זו התוכנה היחידה למטרה זו- רבות נמצאות ברשת.. חלקן אף חופשיות. בסוף הדף וגם בדף האחרון יש רשימה של מקורות לתוכנות רבות. חלקן ישמשו אתכם גם למטרה זו. בכל אופן.. בפוטושופ- אחרי שהעלנו את התמונה, יש לגשת ל,image משם ל-,image size לשנות את סוג ההתיחסות לאחוזים, ולתת את אחוז התמונה הרצויה. כדאי מאוד לשמור את התמונה כקופי ולא מקור, כך לא תאבדו את התמונה המקורית אם תירצו לחזור אליה.


מסגור.
ואולי נרצה ל"מסגר" את התמונה שלנו????
גם זו אפשרות. גודל המסגרת ניתן לכיוון.

<img src="images/ani_kitten.gif"width=243 height=184 border=5 color=black>

<img src="images/ani_kitten.gif" width="243" height="184" border="0">

רקע
תמונה יכולה לשמש גם כרקע לדף האינטרנט שלנו. אז יש צורך בפקודה:
<"body backgound="pic.jpg>

אך אז יש לשים לב שלא לתת לתמונה להשתלט על הדף. התמונה צריכה להיות רקע. זכרו זאת.

בעזרת CSS ניתן לשלוט בצורת ההנחה של התמונה,זה פרק נפרד אך בכתובת הבאה :
http://www.w3schools.com/css/css_background.asp
תוכלו ללמוד ולהתנסות בטכניקה זו בעצמכם.

אתרים רבים מכפי שאוכל למנות יש למציאת תמונות ברשת, אנימציות או רקעים... כמה מהם אמנה בסוף דף זה.אחת הדרכים למצאם לבד היא דרך כל מנוע חיפוש ברשת. מקום טוב להתחיל בו הוא האתר :
http://ditto.com/

קישור
תמונה יכולה גם לשמש קישור, ממש כמו טקסט. יש לרשום את הפקודה לפני התמונה, ואת סגירתה אחריה. למשל, תמונה זו תביא אתכם לתמונה בתחילת הדף, ודוגמת הפקודה שלה תחזיר אתכם חזרה..

והחשוב מכל.... אם ברצונכם להגן כל גרפיקה מסוימת שעמלתם עליה כה רבות... יש דרך !!!
הרי כדי להוריד כל תמונה אנו משתמשים בימני של העכבר.. נכון?? משם אומרים לו שמור בדיסק שלנו. ניתן למנוע את פעולת הימני של העכבר. זה אמנם שייך לפעולת הסקריפט- בדף הבא.. אך אני סבורה שמקומה פה בדך הגרפיקה- להגנה.. כדי להשתמש בקוד, פתחו את החלון הבא, משם לא תוכלו לראות את מקור בימני..:) לכו לתפריט העליון ושימרו את הדף ב- שמור בשם.. אחרי שהוא אצליכם במחשב תוכלו לבקש את המקור דרך הכתבן... מסובך??? כלל לא.. נסו... לאילו שבכל זאת רוצים חיים קלים...:):) הינה הקוד בקובץ טקסט:
הקוד:
והדוגמה:

רשימת האתרים הנוגעים בנושא הגרפיקה.

גרפיקות, עצות לימוד ותוכנות.
עזרה בעשית אנימציות.
אלמנטים שונים כעזר לבנית אתרים.
מקור מקוטלג . ים של גרפיקות + תוכנות להורדה,
עוד מקור להורדת אנימציות.
אתר אחד מטבעת של אתרי גרפיקה רבים.+קישורים נוספים בתוכו.
כשמו כן הוא... גרפיקות חופשי.....
האתר של בוני האתרים-המון הסברים ועוד...
תלת מימד בגרפיקה.
מקום להורדת תוכנות גרפיות.
כפתורים וסטים שלמים.
כל שתרצה לדעת על תוכנות . ADOBE
האתר של מקרומדיה....
עוד חברת תוכנות גרפיות.."הנקניק"...( רק תרגמתי..)
זרקור על הגרפיקה.... שווה מבט...
ועוד....
ועוד....
ועוד....אנימציות....

המדריך נלקח מהאתר http://www.zakai.com