أنت تبحث عن من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية ، سنشارك معك اليوم مقالة حول تصميم مواقع الويب – ويكيبيديا تم تجميعها وتحريرها بواسطة فريقنا من عدة مصادر على الإنترنت. آمل أن تكون هذه المقالة التي تتناول موضوع من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية مفيدة لك.
تصميم مواقع الويب – ويكيبيديا
 |
هذه المقالة بحاجة لصندوق معلومات. فضلًا ساعد في تحسين هذه المقالة بإضافة صندوق معلومات مخصص إليها.
 |
تصميم المواقع هو عملية تخطيط وتنفيذ محتويات متعددة الوسائط عبر الشبكة (الإنترنت )، بواسطة أنماط التقنيات كلغات التوصيف المناسبة للعرض على متصفحات الإنترنت أو بقية واجهات المستخدم المبنية في الإنترنت.[1][2][3]
الأساسيات التي يقوم عليها أي موقع إنترنت[عدل]
يتكون أي موقع على الإنترنت من ثلاث عناصر أساسية (اسم الموقع وعنوانه – الخادم الذي توضع عليه ملفات الموقع – ملفات الموقع نفسه التي تعرض للمستخدم). تتطلب عملية تصميم أي موقع التعامل مع هذه العناصر الثلاث لأنها تكمل بعضها ليظهر الموقع على الإنترنت في النهاية.
معنى تصميم الويب[عدل]
المعنى من عملية تصميم الويب هو إنشاء موقع إنترنت (مجموعة من الملفات الموضوعة جنباً إلى جنب على خادم إنترنت أو أكثر) مما يسمح بعرض المحتوى (ويشمل هذا المحتويات والواجهات التفاعلية) للمستخدم النهائي على شكل صفحة إنترنت عند طلبها والتي تحتوي على عدة عناصر مثل النصوص والنماذج البريدية والصور النقطية وكل ذلك يتم ترتيبه بواسطة إحدى اللغات المستخدمة مثل HTML، XHTML, وXML, وصفحات الطرز المتراصة، وJAVASCRIPT
أساسيات تصميم المواقع[عدل]
من المهم أن يكون تصميم المواقع جيداً، فالمواقع التي بها محتوى جيد بتصميم ردئ أو لا ترتقي لمعايير المستخدم لن يكون لها نفع للمستخدم، أيضاً إذا كان المواقع ذو تصميم رائع لكن ليس بها محتوى جيد فهى عديمة القيمة، من المهم أن يجتمع العنصران – التصميم الجيد والمحتوى الجيد _لنجاح أي موقع على شبكة الانترنت.
التصميم والمحتوى[عدل]
يجب ألا تتداخل خلفية التصميم مع المحتوى بأي شكل من الأشكال، المحتوى يجب أن يكون مقروءاً وواضحاً قدر الإمكان
سهولة التصفح[عدل]
- يجب أن يكون نظام التصفح سهل وواضح للمستخدم ولايحتاج منه جهد للوصول إلى الصفحة المراد الوصول اليها
- يجب أيضاً أن تكون وصلات التصفح واضحة في الصفحة وفي مكان بارز
- يجب أن يعلم المستخدم في أي صفحة هو من صفحات الموقع بتوضيح العنوان في مكان ظاهر أو بتغيير لون وصلة الصفحة المتواجد عليها
التصميم المتجانس وسهولة التحميل[عدل]
- التصميم المتجانس
يجب أن تكون صفحات الموقع متجانسة، فيتعرف عليها المستخدم كصفحة من صفحات الموقع حتى لو كانت الصفحات الداخلية بها اختلافات كبيرة عن الصفحة الرئيسية فيجب ان يجمع صفحات الموقع ككل شكل اساسي يمكن ان يميزة المستخدم.
- سهولة التحميل
يجب ان يمتاز تصميم الموقع بسهولة التحميل، فعادة متصفح الإنترنت ليس له الصبر الكافي لينتظر تحميل موقع ما فترة طويلة، وإذا وجده يأخذ وقت أكثر من المعتاد لينصرف عنه، فيجب العمل على جعل الموقع يفتح بصورة سريعة.
أنواع مواقع الويب[عدل]
بعد التطورات التي حصلت في مجال الإنترنت منذ اختراعها خرج نوعين من المواقع إلى الساحة. قسمت إلى نوعين:
مواقع ذات المحتوى الثابت[عدل]
هذا النوع ظهر أولاً. على يد السير تيم بيرنرز لي مخترع الإنترنت. حيث عمل على إنشاء لغة HTML ليبني بذلك أول موقع ثابت. والمقصود بالثابت أي أن المحتوى لا يتغير تبعا للزائر بل الوحيد الذي يغيره هو صاحب الموقع أو مدير الشبكة. يستخدم هذا النوع اللغات المعروفة مثال على ذلك
- HTML
- CSS
- XHTML
مثال: على المحتوى الفعلي لصفحة ويب:
<html> <head> <title>صفحة إنترنت</title> </head> <body> <p>هذا النص داخل الصفحة</p> </body> </html>
والنتيجة منها أن تظهر جملة «هذا النص داخل الصفحة» داخل الصفحة بينما العنوان يكون «صفحة إنترنت».
مواقع ذات المحتوى التفاعلي[عدل]
مواقع المحتوى التفاعلي هي المواقع التي تمكن المستخدمين من إتمام عمليات محددة على الموقع مثل التسجيل أو نشر البوستات أو دفع الكتروني الخ، وهذه المواقع غالبا تكون ذات طابع استثماري لمالكيها
وقسمت إلى نوعين[عدل]
محتوى تفاعلي ينفذ في الخادم[عدل]
هذا النوع ظهر نتيجة الحاجة إلى توسيع مهام الشبكة (الإنترنت). من مجرد كتابات مقروءة إلى تطبيقات ذكية تلبي حاجات المستخدم وتطوع قدراتها له حيث تمت التجربة الأولى بصنع موقع تفاعلي بلغة Perl. ثم تبعتها اختراع لغة PHP المخصصة للتنفيذ على خواديم الشبكة (الإنترنت ) وقد أضيف لهذا المجال لغات وتقنيات أشهرها:
- PHP
- Perl
- Python
- ASP
- JSP
- اندماج بارد
محتوى تفاعلي ينفذ عند المستخدم[عدل]
وفي أثناء هذا التطور ظهر نوع آخر من المواقع التفاعلية ألا وهي المواقع ذات المحتوى الذي ينفذ عند المستخدم النهائي. ويتكون هذا النوع من عدة تقنيات تشمل:
- جافا سكريبت
- جي كويري
- في بي سكريبت
- ادوبي فلاش
الشكل النهائي للمواقع التفاعلية[عدل]
حالياً لا تستطيع أن تفصل بين هذين النوعين من المواقع لاشتراك جميع هذه التقنيات معاً في تكوين موقع واحد ألا وهو موقع الإنترنت التفاعلي حيث ظهرت نتيجة هذا التزاوج تقنية AJAX.
برامج تصميم المواقع[عدل]
- أدوبي ميوز: في ويندوز وماك.
- سكرييم: في لينكس.
- كوانتا+: في لينكس وماك.
- أدوبي دريمويفر: في ويندوز وماك.
- مايكروسوفت فرونت بايج: في ويندوز (البرنامج تخلت عنه مايكروسوفت رسمياً).
- مايكروسوفت إيكسبريشن ستوديو: في ويندوز.
المواقع المتجاوبة[عدل]
منذ شهر إبريل 2015 أصبح من الضروري أن يكون تصميم أي موقع متجاوباً، أي يسهل تصفحه على الهواتف والأجهزة اللوحية ذات الشاشات الصغيرة. وقد حدث هذا بعد إن قام موقع جوجل بتحديث يخص آليات البحث الخاصة بها حول هذا الأمر. مما يعني أن أي مصمم مواقع يجب أن يأخذ بعين الاعتبار هذا الأمر عند تصميمه لموقع جديد.
انظر أيضًا[عدل]
- مبدأ أقل جهد
- تطبيق الصفحة الواحدة (ويب)
المراجع[عدل]
- ^ “W3C Markup Validation Service”. مؤرشف من الأصل في 11 يوليو 2018.
- ^ W3C QA. “My Web site is standard! And yours?”. مؤرشف من الأصل في 31 ديسمبر 2017. اطلع عليه بتاريخ 21 مارس 2012.
- ^ World Wide Web Consortium: Understanding Web Content Accessibility Guidelines 2.2.2: Pause, Stop, Hide نسخة محفوظة 15 ديسمبر 2017 على موقع واي باك مشين.
تصميم
|
|||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|||||||||||||||||
|
|||||||||||||||||
|
|||||||||||||||||
|
|||||||||||||||||
|
|||||||||||||||||
بوابة إنترنت
بوابة برمجة الحاسوب
بوابة تصميم
| ضبط استنادي: مكتبات وطنية |
|
|---|
| تصميم مواقع الويب في المشاريع الشقيقة: | |
|
|
صور وملفات صوتية من كومنز.فيديو حول من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية
بناء موقع الكتروني في ٥ دقائق بدون برمجة او تصميم | Wuilt
تقدر دلوقتي تعمل موقع شخصي أو موقع لشركتك في ظرف ٥ دقائق وبدون أي معرفة مسبقة بالبرمجة أو التصميم من خلال منصة ويلت اللي بتقدم لك الخدمة دي وبواجهة عربية سهلة وسلسلة.
جرب ويلت من هنا:
https://bit.ly/drooswuilt
تقدر تستفيد بخصم ١٠٪ على الترقية من خلال هذا الكود:
: droosonline
خصم ٧١٪ على كورس نوشن حصرياً من هنا:https://bit.ly/droosacademy
كل الأدوات التي أستخدمها لإنتاج هذه الفيديوهات🎥💡🎙🎤🎧💻 تجدها هنا: https://kit.co/Droosonline
منتجات دروس أونلاين 👕متاحة هنا:https://www.droosonline.com/shop/
لو بتعرف ورد برس فأفضل طريقة لعمل موقعك الخاص🌐 , جرب هوستنجر من الرابط دا : https://bit.ly/3FQtokB
استخدم كود: Droosonline
عشان تاخد خصم اضافي
لو لم يكن لديك اي خبرة في الويب وتريد موقعك بشكل احترافي في اقل من ٥ دقائق ، جرب wuilt من هنا: https://bit.ly/drooswuilt
واستخدم كود: droosonline
عشان تاخد خصم اضافي
تابع دروس بودكاست 🎙 على كل منصات البودكاست
https://spoti.fi/3F9QLVt :سبوتيفاي
https://bit.ly/droospodcastg :جوجل بودكاست
https://apple.co/34AYcsn :آبل بوكاست
https://bit.ly/droospodcastc :كاست بوكس
https://bit.ly/droospodcasta. :أنكر
تابعنا على كل منصات التواصل:
https://www.facebook.com/droosonline/ :صفحة الفيسبوك
https://twitter.com/droos_online :تويتر
https://www.instagram.com/abouzaid_official/ انستجرام:
https://t.me/droosonline4u :تيليجرام
https://droosonline.com/. :الموقع الرسمي
سؤال حول من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية
إذا كانت لديك أي أسئلة حول من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية ، فيرجى إخبارنا ، وستساعدنا جميع أسئلتك أو اقتراحاتك في تحسين المقالات التالية!
تم تجميع المقالة من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية من قبل أنا وفريقي من عدة مصادر. إذا وجدت المقالة من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية مفيدة لك ، فالرجاء دعم الفريق أعجبني أو شارك!
قيم المقالات تصميم مواقع الويب – ويكيبيديا
التقييم: 4-5 نجوم
التقييمات: 5 9 4 8
المشاهدات: 8 6 3 2 3 5 1 0
بحث عن الكلمات الرئيسية من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية
[الكلمة الرئيسية]
طريقة من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية
برنامج تعليمي من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية
من البرامج التي يمكن من خلالها إنشاء المواقع الإلكترونية مجاني
المصدر: ar.wikipedia.org
