איך לשים תמונה בכותרת של דף אינטרנט עם Dreamweaver

שלב 1

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

שלב 2

שנה את גודל התמונה. לאחר בחירת תמונה לצמצום, פתח את הקובץ ב- Photoshop. בתפריט בחלק העליון של המסך, בחר "תמונה" ולאחר מכן לחץ על "גודל תמונה". בתיבת הדו-שיח שמופיעה, שנה את הרוחב והגובה של התמונה ל -16 פיקסלים, ולבסוף לחץ על "אישור".

שלב 3

שמור את התמונה שלך כקובץ GIF או PNG. לסוגי קבצים אלה אין כמעט בעיות כאשר יש להמיר אותם לפורמט ICO בשלב הבא. כדי לשמור את התמונה באחד מהפורמטים האלה, בחר "קובץ" בתפריט העליון של Photoshop ולאחר מכן "שמירה בשם". תן את הקובץ favicon שם ולחץ על התפריט הנפתח מתחת לשדה שם הקובץ ובחר את האפשרות "GIF" או "PNG".

שלב 4

המר את התמונה לפורמט ICO. Photoshop אינה יכולה לשמור סוג זה של קובץ בפני עצמה. במקום זאת, עליך להוריד מחבר או להשתמש בכלי אינטרנט. לדוגמה, השתמש בגנרטור favicon החינמי מהאתר "favicon.cc" (ראה הפניות). מתוך הדף הראשי של אתר זה, לחץ על כפתור "ייבוא ​​תמונה". אתר את קובץ GIF או PNG שנוצר בשלב 3 ולחץ על 'העלה'. בעוד כמה שניות, כלי השירות יהפוך את הקובץ שלך לתמונה של 16 פיקסלים מרובעים. כדי לשמור אותו במחשב בפורמט ICO, חפש את הכותרת עם התווית "תצוגה מקדימה" בתחתית הדף ולאחר מכן לחץ על "הורד סמל מועדף". שמור את הקובץ בתיקייה עם שאר הקבצים של דפי האינטרנט שלך.

שלב 5

הוסף את סמל העכבר לאתר האינטרנט שלך. תוכלו לקשר דפי אינטרנט בודדים באותו אופן שבו קבצים חיצוניים לעשות, כגון JavaScript ו- CSS. פתח את דף האינטרנט שלך עם Dreamweaver, ולאחר מכן שנה את הקוד על ידי בחירה באפשרות "הצג" בתפריט בחלק העליון של המסך ולחץ על "קוד" אפשרות. לאחר מכן, הוא כולל את תגי הקוד הבאים :. קוד זה מניח כי סמל העכבר קיים בתיקיית התמונות. אם אתה מציב את סמל העכבר במקום אחר, עדכן את מיקום התוכן. למה אתה צריך לכלול שני קישורים? תאימות בין דפדפנים. Internet Explorer 7 מטפל ב- favicons בדרך שונה מזו של דפדפנים אחרים ודורש כלל אחד כדי להבטיח הצגה נכונה.

שלב 6

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