• 0

كيف أصمم موقع ويب

https://ta.sdaia.gov.sa/

كيف صمم هذا الموقع ماهي اللغات وكيف عمل التطبيق باي لغه كل التفاصيل 

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 1

مرحباً @hanan fahad11

يمكنكي إستخدام مواقع مثل Wappalyzer أو builtwith لفحص المواقع ولكشف التقنيات التي يستخدمها (لاحظي أن بعض التقنيات لا تستطيع هذه المواقع إظهارها)

عند تحليل الموقع سنجد أنه يستعمل bootstrap ومكتبة jQuery بالإضافة إلى عدة مكتبات أخرى مثل html5shiv و modernizr  وفي الغالب يتم إستخدام لغة java كلغة backend للموقع.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

مرحبًا حنان.

هذه الصفحة هي صفحة هبوط تم بناؤها عن طريق البرمجة الخاصة باستخدام التقنيات التالية:

  • Bootstrap
  • مكتبة AOS للتأثيرات الحركية 
  • مكتبة Jquery

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

مرحباً @hanan fahad11،
إنه كغيره من المواقع الالكترونية البسيطة والتي تتألف من صفحة واحدة أو عدة صفحات ويمكن تصميمه عن طريق HTML, CSS و الجافاسكريبت، وبالطبع يمكن استعمال أطر عمل محددة أو تقنيات أخرى لتسهيل العمل ولكنها ليست إلزامية.
لمساعدتك في المستقبل في حال شككت في موقع ما عن التقنيات المستخدمة في بنائه فيوجد العديد من المواقع على الانترنت التي تقدّم هذه الخدمة عن طريق عرض جميع التقنيات المستخدمة في الموقع.
أما فيما يخص تطبيقات الموبايل فيمكن تنفيذها إما عن طريق Android و Swift أو باستخدام Flutter وبالتالي يتم كتابة كود التطبيق في مكان واحد ويمكن إخراجه إلى المنصتين معاً بنفس الوقت.
بالتوفيق،

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 6 دقائق مضت قال سامح أشرف:

مرحباً @hanan fahad11fahad11

يمكنكي إستخدام مواقع مثل Wappalyzer أو builtwith لفحص المواقع ولكشف التقنيات التي يستخدمها (لاحظي أن بعض التقنيات لا تستطيع هذه المواقع إظهارها)

 

عند تحليل الموقع سنجد أنه يستعمل bootstrap ومكتبة jQuery بالإضافة إلى عدة مكتبات أخرى مثل html5shiv و modernizr  وفي الغالب يتم إستخدام لغة java كلغة backend للموقع.

كيف استخدمه ماعرفت له 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 ساعات قال hanan fahad11:

كيف استخدمه ماعرفت له 

  • عند الدخول إلى موقع  Wappalyzer يمكنكي كتابة رابط الموقع في مربع البحث في الأسفل ثم الضغط على علامة البحث، كما في الصورة

601ea13221cb5_Screenshot2021-02-06160034.png.b3973224bd2336041911c8d371fc978b.png

  • وستظهر كل المعلومات التي تم إستخراجها من الموقع
  • عند الضغظ على أي تقنية من هذه التقنيات ستظهر معلومات عنها والروابط الرسمية لها.
  • بالنسبة لموقع builtwith فنفس الشيء، نضع رابط الموقع توكلنا (sdaia.gov.sa) في مربع البحث ونضغظ على lookup وستظهر قائمة بكل التقنيات التي تم إستخراجها من الموقع 
  • لاحظي أن بعض التفنيات تم إخفائها من موقع builtwith ولا يتم إظهارها إلا في النسخة المدفوعة.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 16 ساعات قال hanan fahad11:

 

كيف صمم هذا الموقع ماهي اللغات وكيف عمل التطبيق باي لغه كل التفاصيل 

لتصميم موقع ويب تحتاج الى HTML لبناء الأساس والقاعدة التي ستعمل عليها ، مثل العناوين والقوائم 

ولإعطائها مظهر جمالي او لون الموقع يمكنك ذالك بأستخدام CSS حيث من خلالها يمكنك تلوين اي الصفحة المكتوبة ب HTML

الأن قمت ببناء الأساس وقمت ببناء القوائم لا كن الصفحة جامدة تحتاج الى Java Script  لتحريك عند الضغظ او عند المؤشر وتقم ايضا بحفظ الملفات التي فل موقع

 

مبدئيا موقع https://ta.sdaia.gov.sa/ تم انشائه باستخدام  bootstrap و JQuery والعديد من المكتبات الأخرى  ولاكن من خلال HTML  و CSS  و Java script يمكن انشاء اي موقع 

وبتوفيق.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن