איך מכינים כובע גומי

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

איך מכינים כובע גומי
איך מכינים כובע גומי

וִידֵאוֹ: איך מכינים כובע גומי

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

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

איך מכינים כובע גומי
איך מכינים כובע גומי

נחוץ

שיהיה לך אתר משלך

הוראות

שלב 1

כדי להכין כובע גומי, צייר אותו תחילה בפוטושופ. ואז להפריד 3 חלקים של התמונה: 2 צדדים והאמצע. החלקים האלה צריכים להיות ברוחב של כ- 10-20 פיקסלים בערך בגובה הכותרת הרצויה. שמור כל אלמנט כך שיהיו לך 3 קבצים שונים: 1.gif, 2.gif, 3.gif. הגש את התמונות לאתר.

שלב 2

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

טבלה ברוחב של 100% תימתח או תתכווץ בהתאם לגודל המסך של המשתמש.

שלב 3

צרו שורה בטבלה, שבתא שלה מניחים את הצד השמאלי של כותרת האתר 1.gif:

שלב 4

צור קטע אמצעי בכותרת האתר המורכב מתמונת 2

.header {רקע-תמונה: url ('images / 2.gif');}

שלב 5

כעת, בשורה של הטבלה, צור תא נוסף והניח בו את האלמנט האמצעי של החלק העליון של האתר, תוך שהוא מצביע על כותרת שמו בקוד CSS:

שם האתר

>

שלב 6

לאחר שיצרת את התא השלישי בשורת הטבלה, הצב את הצד הימני של כותרת האתר 3

שם האתר

מוּמלָץ: