كيفية إنشاء موقع خالية من الاستضافة مع Itty Bitty

الإعلانات

مع البرمجة ، لا يعرف الإبداع عبر الإنترنت أي حدود. في كل يوم ، يستخدم المبرمجون عبر الإنترنت مهاراتهم لإنشاء مشاريع صغيرة للجمهور. Itty Bitty ، وهو موقع تم إنشاؤه من قبل المصمم السابق لـ Google ونائب الرئيس الحالي في Dropbox Nocholas Jitkoff ، هو أحد هذه المشاريع الصغيرة.

باستخدام موقع Itty Bitty ، يمكنك إنشاء موقع ويب HTML صغير مجانًا حتى إذا لم يكن لديك أي استضافة ويب.

شرح إيتي بيتي

وإليك كيف يعمل: itty.bitty.site إنشاء مواقع صغيرة عن طريق تحميلها من خلال عناوين URL الخاصة بها. بعبارة أخرى ، يتم تخزين موقعك وتقديمه في رابطه.

ولهذا السبب ، لا تتطلب مواقع الويب التي تم إنشاؤها باستخدام Itty Bitty أي استضافة ويب على الإطلاق. يحتوي عنوان URL نفسه على البيانات الكاملة للموقع: كيف يبدو ، ماذا يقول ، وما إلى ذلك.

ستلاحظ أنه بمجرد أن تتلقى رابط Itty Bitty ، فسيكون أكبر قليلاً من المعتاد. هذا هو موقع الويب بأكمله.

رابط لينك

يحتوي الموقع الفعلي الذي تم إنشاؤه بواسطة Itty Bitty على واجهة بسيطة للغاية. ضع في اعتبارك أن كل صفحة إضافية على الموقع يتم إنشاؤها باستخدام الموقع نفسه.

من هذه الصفحة، يمكنك البدء فورًا في استخدام HTML الأساسي لإنشاء صفحة بسيطة.

إذا كنت تريد إنشاء موقع Itty Bitty أكثر قوة ، فيمكنك إما سحب مستند HTML وإفلاته مباشرة في موقع الويب أو ربط مشروع موجود مباشرة في المطالبة.

على الرغم من أن المستند أو الرابط قد يستخدم لغات برمجة أخرى مثل CSS أو JS ، فسيستمر تحميلها في موقع Itty Bitty. ومع ذلك ، فإن الفائدة الرئيسية من استخدام Itty Bitty (والسبب الرئيسي الذي يمكن تحميله من عنوان) هو أنه يجب الاحتفاظ بصفحتك تحت حجم معين صغير.

ما مدى صغر موقع Itty Bitty؟

إذا كان Itty Bitty مجانيًا ولا يتطلب استضافة ويب ، فما مدى حجم موقعك حقًا؟ الاجابة: ليس كثيرا.

يقدم الموقع حجم موقعك الإلكتروني في الجزء العلوي الأيمن من النافذة. في حين أن المواقع يمكن أن تتقلب في الحجم ، فهذا يعني أيضًا أن ارتباطك سيتقلب في الحجم أيضًا. لن تسمح لك بعض المواقع بمشاركة الروابط التي يزيد حجمها عن بضعة بايت ، مما قد يحد من قدرتك على مشاركة مواقع أكبر.

لحسن الحظ ، الخالق لديه نشر الحد الأقصى لأحجام البايت ممكن للعديد من المنصات الشعبية لشرح الأحجام التي سوف تستوعبها المنصات المختلفة:

إذا كنت تتطلع إلى تقصير موقع ويب باستخدام Bitly ، على سبيل المثال ، فسيتعين عليك إنشاء موقع ويب صغير جدًا. هذا ينطبق على Microsoft Edge أيضًا. إذا كنت تبحث فقط عن مشاركتها عبر المتصفحات ، يمكنك إنشاء موقع أكبر بكثير.

من رابط إلى موقع Itty Bitty

بينما يمكنك أيضًا إنشاء مواقع Itty Bitty عن طريق إسقاط ملفات HTML فيه مباشرة أو عن طريق كتابة محتويات الموقع مباشرة ، سأوضح لك استخدام مشروع Codepen الذي سبق دادلي ستوري.

Codepen هو أسهل طريقة لإنشاء موقعك باستخدام Itty Bitty. يوفر Codepen للمستخدمين بيئة مطورة سهلة الاستخدام وعملية ربط ملائمة.

ما سبق هو مثال رائع لكيفية عمل العمود الفقري القوي لـ HTML - وإضافات البرمجة الدقيقة الأخرى - لإنشاء موقع ويب بسيط. لحسن الحظ ، إنها أيضًا صغيرة بما يكفي للمشاركة عبر العديد من المنصات المدرجة أعلاه.

لتحويل مشروع Codepen إلى موقع Itty Bitty ، الصق رابط Pen في موقع Itty Bitty. ثم ، مرر الماوس فوق الرمادي بدون عنوان قسم وتعديل النص ليعكس موقعك.

بعد ذلك ، انقر فوق قائمة طعام في أعلى يمين النافذة.

هذا هو المكان الذي تنشئ فيه رابطًا إلى Itty Bitty. على الرغم من أنه قد لا يبدو كما لو كنت قد أنشأت للتو موقع ويب ، فقد قمت بذلك!

بمجرد النقر فوق انسخ الرابط الخيار ، يمكنك لصق الرابط في متصفحك لعرض الموقع. من المهم أيضًا ملاحظة: بشكل افتراضي ، يمكن إرسال مواقع Itty Bitty عبر رمز الاستجابة السريعة.

يسمح ذلك بعدد كبير من الخيارات ، مثل إرفاق مرجع فعلي للأجهزة المفقودة.

تهانينا ، لديك الآن موقع ويب جاهز للربط بدون خادم ومجاني!

اختصر رابط Itty Bitty الخاص بك أكثر

يمكنك أيضًا إنشاء رابط خالٍ من الفوضى باستخدام أداة تقصير الروابط. سأستخدم Bitly ، الذي لا يسمح لك بتقصير الروابط فحسب ، بل يسمح لك أيضًا بتخصيص الرابط بنصك الخاص إذا قمت بالتسجيل للحصول على حساب مجاني.

مثال Codepen الأصلي أكبر من أن يتم تكثيفه باستخدام Bitly ، لذا إليك مشروع رائع آخر جي تي هيلمز. لقد اتبعت ببساطة العملية أعلاه لتحويل هذا القلم إلى موقع Itty Bitty.

بمجرد الحصول على الرابط الخاص بك ، توجه إلى بتلي. الصق رابطك في صفحة البداية الخاصة بـ Bitly ، أو سجل الدخول إلى حسابك وحدد خلق زر. أدخل رابطك في الموجه التالي.

بمجرد لصق الرابط ، سيتم تحويله تلقائيًا. بعد ذلك ، اضبط الرابط كما تراه مناسبًا باستخدام محرر Bitly إذا قمت بتسجيل الدخول.

أقوم بتغيير الرابط الأولي إلى ITTYBITTYEXAMPLE. يمكنك الآن التوجه إلى bit.ly/ITTYBITTYEXAMPLE كما تفعل مع أي موقع آخر - باستثناء أنه مجاني بالطبع ولا يتطلب استضافة ويب أو صيانة خادم.

الأمن لمواقع Itty Bitty

في حين أن هذه طريقة رائعة ومبدعة لإنشاء مواقع HTML صغيرة ، إلا أنها لا تخلو من عيوبها. يمكنك إساءة استخدام موقع Itty Bitty بنفس سهولة استخدام أي موقع آخر. وهذا يعني أن المواقع يمكن أن تزعجك بميزات مثل التنبيهات.

نظرًا لأن الموقع لا يزال في مرحلة تجريبية ، لا تعتمد بالضرورة على الموقع كطريقة رئيسية لإنشاء وجود آمن على الويب.

إمكانيات Itty Bitty لا حصر لها

غالبًا ما يكون الإبداع الموجود على الإنترنت مثيرًا للإعجاب. ومع ذلك ، نادرًا ما يكون بسيطًا ومتاحًا وسهل الاستخدام مثل Itty Bitty. هل تريد عرض تطبيق صغير؟ تعبث مع عناصر div؟ يمكن تحقيق ذلك بسهولة باستخدام موقع Itty Bitty.

علاوة على ذلك ، لست مقيدًا بعدد معين أو مواقع معينة. تدوين ملاحظة من منشئ الموقع Nocholas Jitkoff وربط موقع داخل موقع للحصول على موقع توضيحي شامل متعدد الصفحات. أو اصنع بلدغ ASCII. الاحتمالات صغيرة الحجم ، ولكن لا نهاية لها في النطاق ، لذا جرب هذه التجربة الصغيرة عبر الإنترنت اليوم!

اذهب إلى أبعد من ذلك وجعل مواقع أفضل تحسين معرفتك بـ HTML و CSS تعلم HTML و CSS مع هذه البرامج التعليمية خطوة بخطوةهل لديك فضول حول HTML و CSS و JavaScript؟ إذا كنت تعتقد أن لديك موهبة لتعلم كيفية إنشاء مواقع الويب من البداية - إليك بعض الدروس الرائعة خطوة بخطوة تستحق المحاولة. اقرأ أكثر قبل إنشاء موقع Itty Bitty! أو تحقق من ذلك استعراض استضافة InMotion استعراض استضافة الويب الكامل InMotion للمبتدئينهل تحتاج إلى استضافة ويب موثوقة؟ ستكشف مراجعة InMotion Hosting إذا كانت الخدمة خيارًا جيدًا لك. اقرأ أكثر لطريقة أخرى لاستضافة موقعك.