כיצד להכין כותרת גומי לאתר

תוכן עניינים:

כיצד להכין כותרת גומי לאתר
כיצד להכין כותרת גומי לאתר

וִידֵאוֹ: כיצד להכין כותרת גומי לאתר

וִידֵאוֹ: כיצד להכין כותרת גומי לאתר
וִידֵאוֹ: איך מכינים את ערכת דובוני הגומי הטבעונית שלי 2024, מאי
Anonim

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

איך מכינים כותרת גומי לאתר
איך מכינים כותרת גומי לאתר

הוראות

שלב 1

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

שלב 2

לאחר שחתכת את הכותרת, שמור אותה על ידי ביצוע אופטימיזציה של הקבצים בעת שמירה לפורמט האינטרנט (שמור לאינטרנט). הגדר את פורמט הקובץ הרצוי לשמירה - לדוגמה, gif, jpeg או png. כדי לשנות כל קטע מהתמונה, לחץ על האפשרות כלי בחירת פרוסות בתפריט ושנה את גודל התמונות כך שגודלן יהיה קטן ככל האפשר, עם האובדן הנמוך ביותר באיכות התצוגה החזותית של התמונה על המסך. שמור את התמונות הערוכות שלך כ- HTML ותמונות.

שלב 3

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

שלב 4

בשורות אלה, במקום yourimage.gif, יש לציין את הנתיב לתמונות שלך עם הרוחב והגובה המתאימים.

שלב 5

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

שלב 6

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

מוּמלָץ: