أغلاق

كيفيه استضافه ملفات js – css – html

كتابة Sanad Nabil بتاريخ : 26 مارس 2016 - آخر تحديث: 14 أبريل 2019
كيفيه استضافه ملفات js – css – html
كيفيه استضافه ملفات js – css – html

السلام عليكم ورحمه الله وبركاته

اليوم سوف اشرح طريقه اخري لاستضافه ملفات js css html فكنت قد شرح درس سابق بعنوان
كيفيه استضافه ملفات موقعك js-css-html علي Google Drive
في هذا الدرس سوف نتعلم استضافه ملفات js css html علي موقع Github الرهيب والافضل في هذا المجال

فقط تفوق كليا علي خدمه Google code فقد اعترفت شركه جوجل انها وفرت للمستخدمين ما يريدونه ومع ذلك

تمسكوا بموقع Github وايضا نصحت باستخدام الموقع ونقلت جميع مشاريع المستخدمين لموقع Github

واليوم سوف اشرح طريقه اخري لاستضافه ملفات js – css – html علي موقع Github

اولا لاستضافه ملفات js css html علي موقع Githup يجب اولا ان تقوم بعمل حساب في الموقع ادخل علي
الرابط التالي للتسجيل
بعد الدخول علي الموقع اضغط علي كلمه Sign up للتسجيل
ستظهر لك كما بالشكل التالي املئ بياناتك
1- اكتب اسمك في خانه Username
2- اكتب ايميلك في خانه Email 
3- اكتب الباسورد في خانه Password
ثم اضغط Create an Account
كيفيه استضافه ملفات js – css – html
الان سوف تنتقل للخطوه الثانيه
الموقع كما تري في الصوره التاليه منه المجاني ومنه المدفوع ولكن سوف نسجل حاليه في المجاني
1- تختار مجاني
2- بعدها اضغط Continue
كيفيه استضافه ملفات js – css – html
والان كخطوه اخيره في التسجيل الموقع يريد ان يعرف المزيد عنك بملئ بعض من بياناتك يمكنك تجاوز هذه
الخطوه كما بالصوره
فبضغطك علي كلمه Skip this step سوف يكون الان لديك حساب في موقع Github
كيفيه استضافه ملفات js – css – html
الان بعد التسجيل اول خطوه ستفعلها هو ان تقوم بانشاء حافظه لملفاتك بضغطك علي Repository  
كيفيه استضافه ملفات js – css – html
ولانشاء حافظه لملفاتك واعدادها بشكل صحيح تابع الشرح
1- اكتب اسم الحافظه الذي تريده
2- اكتب الوصف
ويمكنك اختيار من يمكنه رؤيه مشروعك هذا فنحن سوف نستخدمه في استضافه ملفات js css html  ولهذا سنختار Puplic 
3- اضغط علي Create Repository
ملاحظه : لا تختار Private ان كنت ستستخدم هذا المشروع لاستضافه ملفات js css html ليتمكن المتصفح من رؤيته ان اخترت Private لن يظهر
كيفيه استضافه ملفات js – css – html
بعدها ستظهر لك الصوره التاليه هذا مثال يقدمه لك الموقع اضغط علي المثال كما بالصوره
كيفيه استضافه ملفات js – css – html
هذا فقط مثال توضيحي من الموقع ليعرفك اكثر علي موقع Github
1- اكتب اسم الملف الذي تريده ولا تنسي ان تضع .js ان كان الكود Js بمعنب اخر لاتضع الاسم فقط
مثال tapseet.js مثال صيح ان كان الكود js او tapseet.css ان كان الكود css
ان كتبت الاسم فقط هكذا tapseet فهذا خطا
2- قم بكتابه الكود ثم في الاخير اضغط Create
كيفيه استضافه ملفات js – css – html
ركز اخي الكريم في هذا الجزء لانه اهم جزء في هذا الشرح
1- اضغط علي Branch Master كما بالصوره
2- اكتب كلمه gh-pages كما هي مكتوبه بالصوره التاليه
3- اضغط علي Create branch : gh-pages
هذه هي اهم خطوه
كيفيه استضافه ملفات js – css – html
الان عند الدخول للموقع بغرض انشاء كود جديد تاكد اولا انه علي خيار gh-pages
ثم اضغط علي New وقم باشاء ملفك
كيفيه استضافه ملفات js – css – html
كما قلنا سابقا عند قيامك بعمل كود تاكد انه علي خيار gh-pages
كيفيه استضافه ملفات js – css – html

الان بعد اتمامك كتابه الكود انسخ الرابط كما بالصوره التاليه

كيفيه استضافه ملفات js – css – html

سوف تجد الرابط علي هذا الشكل
github.com/tapseetcom/tapseet/blob/gh-pages/tapseet.js
ولوضعه في قالبك اجعله يبدوا بالشكل التالي
tapseetcom.github.io/tapseet/tapseet.js
توضيح
ما باللون الازرق هو اسم المستخدم
ما باللون الاحمر هو اسم الحافظه
ما باللون الاخضر هو اسم الملف
شاهد الصوره التاليه

كيفيه استضافه ملفات js – css – html

ارجوا ان ينال الشرح اعجابكم ولا تنسي ان تدعمنا بضغطك للزر لايك ومشاركه الموضوع الي اللقاء في موضوعات اخري

انت رائع ! كن ايجابيا وضع بصمتك بمشاركة الموضوع
رائع جدا !
X
هل لديك مقترحات لتحسين تجربتك أكثر؟
الإسم *
بريدك الإلكتروني *
إرسال
إرسال