כיצד לעצב דף אינטרנט פשוט ב- Div: 4 שלבים (עם תמונות)

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

כיצד לעצב דף אינטרנט פשוט ב- Div: 4 שלבים (עם תמונות)
כיצד לעצב דף אינטרנט פשוט ב- Div: 4 שלבים (עם תמונות)

וִידֵאוֹ: כיצד לעצב דף אינטרנט פשוט ב- Div: 4 שלבים (עם תמונות)

וִידֵאוֹ: כיצד לעצב דף אינטרנט פשוט ב- Div: 4 שלבים (עם תמונות)
וִידֵאוֹ: ShibaDoge Burn Warzone NFT Gaming Deployment by Multi Millionaire DogeCoin Shibarium Shib Whales ETH 2024, מאי
Anonim

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

צעדים

שלב 1. דע שהתג 'div' משמש בעצם ליצירת אזורים נפרדים או חטיבות של דף האתר

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

שלב 2. צור גיליון סגנונות - תגי 'Div' משתמשים בדפי סגנון המאפשרים לעיצוב האינטרנט של האתר להיות בלתי תלוי בנתונים

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

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

שלב 3. קישור גיליון הסגנונות - ניתן לקשר גיליון סגנונות באמצעות תג קישור

יש להשתמש בזה בחלק "ראש" באתר שלך. לְמָשָׁל. עליך לכתוב את הנתיב לקובץ ה- CSS שלך במקום בו כתוב "נתיב" בדוגמה זו.

עיצוב דף אינטרנט פשוט ב- Div שלב 1
עיצוב דף אינטרנט פשוט ב- Div שלב 1
עיצוב דף אינטרנט פשוט בשלב 2
עיצוב דף אינטרנט פשוט בשלב 2
עיצוב דף אינטרנט פשוט בשלב Div 3
עיצוב דף אינטרנט פשוט בשלב Div 3

שלב 1. להבין את היתרונות של שימוש בתגי div או ללא שולחן:

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

מוּמלָץ: