Ultimate magazine theme for WordPress.

كيفية إنشاء تطبيق Android من الصفر باستخدام كود HTML

7
أنشئ تطبيق Android باستخدام كود HTML

لفهم أفضل ، سنبدأ بالنظر إلى ما يستلزمه الرمز.

إذن ، ما هو الرمز؟

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

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

في تطوير الويب ، يمكن أن يكون الكود من نوعين – كود الواجهة الأمامية والخلفية.

كود الواجهة الأمامية هو نوع الكود المرتبط بما يراه المستخدم. على سبيل المثال ، تشمل الأزرار والنصوص والصور رمز الواجهة الأمامية.

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

لماذا الكود ضروري؟

عادةً ، افترض أن لديك موقع ويب وتقوم بتشغيله. في هذه الحالة ، يجب أن تعرف الكود الأساسي ؛ الطريقة الدقيقة لمعرفة الميكانيكا الأساسية ضرورية إذا كان لديك سيارة. في الأيام التي تتعطل فيها السيارة ، يمكنك إصلاحها بنفسك. في حين أنه من الصحيح أنه يمكنك دفع شخص آخر لإصلاحه ، إلا أنه من الأفضل إصلاحه بنفسك.

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

4 أنواع من التعليمات البرمجية

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

لا داعى للقلق! نظرًا لأنه ليس عليك أن تكون خبيرًا في كل هذه الأمور ، فمن الأهمية بمكان أن يكون لديك فهم أساسي لكل شيء.

1. لغة البرمجة

يُعرف باسم الترميز بدلاً من اللغة. هذا هو محتوى الموقع في مستواه الأساسي. يمكنك التحكم في النص والأزرار والتنسيق باستخدام HMTL.

HMTL هو اختصار لـ Hypertext Markup Language.

2. CSS

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

3. جافا سكريبت

يتحكم في نسبة عالية من التفاعلات على الموقع. عندما يقوم HMTL بإنشاء الزر ، يقرر CSS شكله ، وستتحكم JavaScript في ما يحدث إذا تم الضغط على الزر.

4. PHP

الثلاثة المذكورة أعلاه تسمى لغات الواجهة الأمامية لأنها تتحكم في ما يحدث على الموقع.

PHP – المعالج الأولي للنص التشعبي هو لغة النهاية الخلفية. هذا يعني أنه يتحكم في أشياء معينة مثل البريد الإلكتروني وحساب المستخدم وتسجيل الدخول. وهذا ما يحدث خلف الكواليس لن يكون المستخدم على علم به أو يراه. ومع ذلك ، سوف يعتمدون عليها بشكل كبير.

تخيل أن موقع الويب له واجهة أمامية وخلفية ؛ ترى الواجهة الأمامية (HTML ، CSS ، JavaScript). تتحكم النهاية الخلفية في سلوك وبيانات الموقع – PHP و Java و Python.

وفقًا لـ Jake Byman ، إذا كنت تريد إنشاء موقع ويب بنفسك ، فستحتاج إلى التأكد من الحفاظ على البنية التحتية السحابية (DNS وشهادات SSL وتوفير مثيلات EC2) وخط أنابيب النشر.

قد يكون من المفيد أن تدفع مقابل خدمات الاستضافة ، حتى إذا كنت لا تنوي قضاء الوقت في الحفاظ على الموقع.

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

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

كيفية إنشاء تطبيق باستخدام كود HTML

1. أنشئ عنوان التطبيق

كود html app header

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

<div id="container" style="width: 250px; text-align: center;"> 

تأكد من استخدام نفس الأحجام. انسخ هذا مباشرة.

<div id="header" style="background-color: #ffa500;"> 

يمكنك أن تقرر تغيير رمز اللون مرة أخرى المتاح من w3schools.

<h1 style="margin-bottom: 0;">Dog Show Photos</h1>
</div>

اختر العنوان الذي تختاره وقم بتغييره إليه.

2. إنشاء هيئة التطبيق

كود جسم تطبيق html

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

<div id="content" style="background-color: #eeeeee; float: center;">Save the photos as your screensaver<p> 

اكتب الجملة التي تختارها أعلاه بين العلامات.

<img  data-src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-snc7/582779_550113208345795_117921545_n.jpg" alt="Dog show photos" width="232″ height="150″ /></p> 

تأكد من إنشاء رابط لصورتك ويجب أن يكون البديل هو كلماتك الرئيسية

<p>Join us on <a href="https://www.facebook.com/DogShowPhotosAppsgeyser">Facebook </a>for more doggie adventures</p> 
</div>

كتبت جملة ووضعت رابطًا في منتصف الجملة حول كلمة Facebook. يرجى تغيير الرابط إلى موقع الويب الخاص بك والجملة لتناسب احتياجاتك

3. إنشاء تذييل التطبيق

تذييل تطبيق html

تجد التذييل عادة في أسفل الصفحة. أعتقد اعتقادًا راسخًا أنه في أي تطبيق ، من الأهمية بمكان أن يتمكن المستخدم من الوصول إلى تفاصيل الاتصال بمطور التطبيق. هذا ببساطة لأنه يمكّنهم من الوصول إليك متى ظهرت مشكلة ، بدلاً من كتابة مراجعة سيئة حول التطبيق على Google Play.

<div id="footer" style="background-color: #ffa500; clear: both; text-align: center;">Copyright & copy; Kim Cohen – AppsGeyser.com <a href="https://appsgeyser.com/blog/creating-android-app-html-code/mailto:[email protected]">Send e-mail</a></div> 

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

<script type="text/javascript"  data-src="https://appsgeyser.com/assets/83fc9665/js/uncompressed.jquery.dd.js"></script>
<script type="text/javascript" src="/assets/83fc9665/js/icons.js"></script>
</div>

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

من السهل استخدام الموقع ، والرسوم مجانية بالكامل. كما ترى ، فإن إنشاء تطبيق Android من البداية أسهل بكثير مما تعتقد.


استنتاج

أنت الآن تعرف كيفية إنشاء تطبيق android الخاص بك من البداية باستخدام رمز HTML بسيط. من السهل ، والأفضل أن تمارس ما تعلمته للتو.

صفحة الترحيب لدينا:

عرض الكلب التطبيق html

Source link

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.