תוֹכֶן
עם מיליוני אתרי אינטרנט הקיימים באינטרנט, חיוני כי שלך הוא ייחודי. אחת הטכניקות המשמשות כדי להוסיף אפקט דינמי לאתרים הוא "תמונות rollover", הידוע גם בשם "לחצני הגלילה". בעיקרון, כאשר המבקר מרחף מעל תמונה, הוא משתנה, וחוזר למצב רגיל כאשר העכבר מוסר. זה יכול לשמש עבור כמה אפקטים מתוחכמים, כגון שינוי צבע התמונה או את המכתב. ניתן ליצור תמונת גלגול משלך עם עיצוב HTML בסיסי בתוכניות עיצוב שונות.
הוראות
-
יצירת מסמך חדש של הגודל הרצוי (בפיקסלים) באמצעות תוכנת עריכת תמונות כגון Photoshop. צור את התמונות הרגילות ו "rollover", אשר חייב להיות באותו גודל.
-
שמור את שתי התמונות בנפרד על ידי מעבר לתפריט "קובץ" ובחירת "שמור". השתמש בפורמטים JPEG, GIF או PNG. למרות ששני הראשונים הם הנפוצים ביותר, PNGs שומרים על שקיפות. הקפד לשמור את התמונה בתיקיית השורש המקומית של האתר שלך.
-
פתח את תוכנת העיצוב המתאימה, כגון Adobe Dreamweaver. לחץ על הלחצן "רענן" בספריה כדי לעדכן את הספרייה ותיקיית השורש המקומית עבור האתר שלך. אתר את התמונות בתיקיית הבסיס.
-
עבור לתצוגת הקוד של דף האינטרנט.
-
IT 12
"בקוד, ללא ציטוטים ההתחלה. -
החלף את "http://yoursite.com" בכתובת האתר שלך. כמו כן, החלף את "IMAGE1" ו- "IMAGE2" עם שמות התמונות הרגילות והתמונות "Rollover" בהתאמה.
מה שאתה צריך
- תוכנת עריכת תמונות
- תוכנה לעיצוב אתרים