כיצד ליצור אתר ללא אירוח עם איתי ביטי

פרסומת

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

באמצעות אתר Itty Bitty תוכלו ליצור אתר HTML זעיר בחינם גם אם אין לכם אירוח אתרים.

הסבר איתי ביטי

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

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

תשימו לב שברגע שתקבלו את הקישור Itty Bitty שלכם, הוא יהיה מעט גדול מהרגיל. זה כל האתר שלך.

קישור לקישור

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

מדף זה, אתה יכול להתחיל מייד להשתמש ב- HTML בסיסי ליצירת דף פשוט.

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

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

כמה קטן אתר איטי ביטי?

אם איתי ביטי בחינם ואינו דורש אירוח אתרים, כמה גדול האתר שלך יכול להיות באמת? התשובה: לא מאוד.

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

למזלנו, ליוצר יש פרסמו את הגדלים של המקסימום בתים אפשרי להרבה פלטפורמות פופולריות להסביר אילו גדלים פלטפורמות שונות יתאימו:

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

מקישור לאתר איתי ביטי

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

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

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

כדי להמיר פרויקט Codepen לאתר של Itty Bitty, הדבק את קישור העט לאתר Itty Bitty. ואז, העכבר מעל האפור ללא שם חלק וערוך את הטקסט כך שישקף את האתר שלך.

לאחר מכן לחץ על תפריט בפינה השמאלית העליונה של החלון.

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

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

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

מזל טוב, עכשיו יש לך אתר מוכן לקישור שהוא פחות שרת וחינם!

קצר עוד יותר את קישור האיטי ביטי שלך

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

הדוגמה המקורית של Codepen שלנו גדולה מכדי להתעבות באמצעות Bitly, אז הנה עוד פרויקט פנטסטי מאת JT Helms. פשוט עקבתי אחר התהליך שלמעלה כדי להמיר את העט הזה לאתר Itty Bitty.

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

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

אני משנה את הקישור הראשוני ל- ITTYBITTYEXAMPLE. עכשיו אתה יכול לפנות אל bit.ly/ITTYBITTYEXAMPLE כמו בכל אתר אחר - למעט, כמובן, שהוא בחינם ואינו דורש אירוח אתרים או תחזוקת שרתים.

אבטחה לאתרי ביטי אתרים

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

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

האפשרויות של איטי ביטי הן אינסופיות

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

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

המשך הלאה והפוך אתרים טובים עוד יותר לפי שיפור הידע שלך ב- HTML ו- CSS למד HTML ו- CSS בעזרת הדרכות שלב אחר שלבהאם אתה סקרן HTML, CSS ו- JavaScript? אם אתה חושב שיש לך כשרון ללמוד כיצד ליצור אתרים מאפס - הנה כמה הדרכות שלב אחר שלב שכדאי לנסות. קרא עוד לפני שאתה יוצר אתר Itty Bitty! או לבדוק סקירת InMotion Hosting שלנו סקירה מלאה של אירוח אתרים ב- InMotion למתחיליםזקוק לאירוח אתרים אמין? סקירת InMotion Hosting שלנו תגלה אם השירות הוא בחירה טובה עבורכם. קרא עוד לדרך אחרת לארח את האתר שלך.