Bootstrap - מה זה? טוויטר Bootstrap - עיצוב ויצירה של אתרים

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

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

Bootstrap - מה זה?

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

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

כיצד להתחיל ליצור אתר אינטרנט?

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

נושאי אינדיבידואליזציה

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

כל מה שאנחנו מעוניינים - קובץ-CSS עם השם של הנושא (זה ממוקם «css» התיקייה מלבד אותו שם תוכל למצוא עוד שתי פלטפורמת קובץ הגדרות בסיסיות, הם לא יכולים לגעת); וכן «index.html», מייצג פריסה של הדף הראשי. להיות דחוי על ידי זה תוספות ספציפיות אחרות בצורת מחוונים, עוד JavaScript היא התופעות צריכות להיקבע על ידי המשימה שלך כדי ליצור אתר מסוים. לדוגמא, בתבנית תפריט סטנדרטית Bootstrap יכול להיות מתוכנן בצבע אפור ומשעמם. עבור האתר שלך, אתה, כמובן, לשנות אותו כך שהוא בוצע צבע מתאים עם כל התופעות התקינות. זוהי בדיוק אינדיבידואליזציה, אבל כמו שיש Bootstrap, ליצור תפריט מאפס אינו הכרחי, אשר חוסך זמן.

הזדמנויות עבור מעצבים

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

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

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

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