اذهب إلى المحتوى
  • 0

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

Hanan Fahad2

السؤال

Recommended Posts

  • 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 للموقع.

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

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

  • 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 يمكن انشاء اي موقع 

وبتوفيق.

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...