מהו Bootstrap ומתי עלי להשתמש בו?

Bootstrap מאפשר לבנות אתרים רספונסיביים במהירות.

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

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

מהו Bootstrap ומתי עלי להשתמש בו?

מצד אחד, הופיעו עורכים חזותיים כגון Macromedia (לימים Adobe) Dreamweaver שאפשרו לך לכתוב קוד כמו גם לערוך תוכן ויזואלית. בלינוקס היו לנו כלים כמו Kompozer או NVU שלמרות שלא היו להם את אותן תכונות, הפכו את המשימה לקלה למדי.

אם הייתם טובים בכתיבת קוד, לא היה מחסור בכלים. Anjuta או Eclipse היו סביבות פיתוח אידיאליות למתכנתים מומחים.

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

תן לי להסביר את זה קצת.

מנקודת מבט של קידוד, דף אינטרנט כולל:

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

החלקים השונים של מסמך בתוך מיכל הגוף הם:

  • כותרת: כאן מוצגת הכותרת של האתר. הוא עשוי להכיל את הלוגו, הקישורים, סרגל הניווט או מידע בולט אחר.
  • ניווט: מיכל זה משמש ליצירת תפריט ניווט המעניק גישה לחלקים העיקריים של האתר.
  • מאמר: השם די מתאר את הפונקציה. הוא משמש כדי להבדיל בין נושאים שונים בתוך דף אינטרנט. לדוגמה, הפוסט הזה שבא אחריו בעמוד הראשי של Linux Adictos.
  • סָעִיף: הפרד בין החלקים השונים של מאמר.
  • בַּצַד: מקבץ את התוכן המוצג בצד העמוד.
  • כותרת תחתונה: מציג את המידע בתחתית העמוד. הוא משמש לעתים קרובות להצגת מידע כגון הוראות הגעה, קישורים לאתרים אחרים וחזרה על התפריט.

יש מיכלים לסימון חלקים שונים של הטקסט כ-h (1 עד 6) op המציינים כותרות ופסקאות בהתאמה.

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

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

הבעיה של מנהלי תוכן

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

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

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

במאמר הבא נראה כיצד להשתמש בו.


השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

*

*

  1. אחראי על הנתונים: AB Internet Networks 2008 SL
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.

  1.   ריצ'רד ווטרסון דיג'ו

    מאמר מעניין, למרות שלדעתי הכותרת המתאימה תהיה מנהלי תוכן ובעיות עכשוויות, כאן לא הסבירו שום דבר על bootstrap.
    מה עוד…
    Bootstrap היא ספרייה/מסגרת/ספרייה שמאפשרת לנו לעצב אתרים רספונסיביים מאוד נחמדים, אפשר ליצור אתר בלי לדעת הרבה על CSS, אפשר ליצור ערכת נושא וורדפרס, אבל כדאי להשקיע בזה הרבה זמן כדי לייעל אותו המקסימום.
    CMS כמו וורדפרס נועדו לשפר את התחזוקה של אתר אינטרנט, לכן הם כל כך גמישים, ניתן ליצור בלוגים, אתרים עסקיים, חנויות, פורומים וכו' וכו'... והכל מבלי לגעת בשורת קוד אחת.
    נושאים במקרה של וורדפרס, יש הרבה די פשוטים, המתאימים לבלוג אישי, משהו שלא דורש משיכה ויזואלית יותר. במקרה של ערכות נושא "אטרקטיביות", אלו בדרך כלל כוללים תוספים, אשר מספקים לנושאים פונקציונליות רבה יותר, ניתן להוסיף מטמינים, מגה תפריטים, אנימציות ועוד, לעיתים רחוקות מאוד התוספים כוללים CSS.
    זו הסיבה…
    1.- הימנע משימוש בכל חבילת ה-bootstrap, טען רק את מה שאתה צריך.
    2.- עבור וורדפרס, השקיעו באירוח טוב, זה ישפר את זמני הטעינה שלכם, אתם יכולים לבחור להשתמש ב-CDN כדי לשפר את הטעינה של ערכות הנושא שלכם.
    3.- אם אתה משתמש ב-CMS המבוסס על PHP, אל תצפה למהירויות גדולות, זה נכון שאפשר לייעל אותן, אבל מישהו עם ידע חייב לעשות את זה.
    4.- הפיתוח והתחזוקה של ערכת נושא וורדפרס אינם בהכרח זולים או קלים. ישנן נקודות תורפה רבות שמתגלות מדי יום ופתרון אותן ללא הידע המתאים עלול להיות מסובך, השקעה בתבנית מעורך מנוסה עשויה להיות המתאימה ביותר, כמובן, זה עניין של חיסכון, אבל זה שווה את זה.

    1.    דייגו גרמני גונזלס דיג'ו

      זה המאמר הראשון בסדרה.
      תודה על הקלט שלך

    2.    חורחה דיג'ו

      מאמר נחמד. אני אחכה להמשך.