برمجة وتصميم المواقع

جديد تطوير المواقع الإلكترونية

خطوات تطوير المواقع الإلكترونية

يتضمن تطوير أو برمجة صفحات المواقع الإلكترونية (Developing Web Pages) الخطوات الآتية:[١]

  • تعلّم تقنيات ولغات برمجة المواقع الإلكترونية، ويحتوي الإنترنت على كثير من المواقع التي تساعد على تعلّم هذه اللغات مجاناً.
  • استخدام برنامج المحرّر (Editor)؛ لأنّ ملفات كود صفحات المواقع الإلكترونية بالأساس عبارة عن ملفات نصية (Text Files)، ويستطيع المبرمج إنشاء صفحات المواقع الإلكترونية باستخدام برنامج بسيط مثل نوتباد (Notepad) فقط، ولكن عند إنشاء صفحات كبيرة ومعقدة سيكون من الصعب قراءة ملفات نوتباد، لذا سوف يحتاج المبرمج إلى استخدام برنامج تحرير يحتوي على المزيد من الميزات المتقدمة مثل ترميز الألوان، ومن الأمثلة على هذه البرامج نوتباد++ (++Notepad) ومايكروسوفت فيجوال ويب ديفيلوبر إكسبرس (Microsoft Visual Web Developer Express)، وبي بي إديت (BBEdit) المخصص فقط لأجهزة ماك (Mac)، وتعدّ برامج مجانية، ولكن بعضها بحاجة إلى الشراء مثل أدوب دريمويفر (Adobe Dreamweaver)، وميكروسوفت فيجوال ويب ديفيلوبر (MS Visual Web Developer) غير المجاني.
  • إنشاء صفحات المواقع الإلكترونية عن طريق إنشاء ملف نصي (txt)، مثل (page.txt)، ثمّ تغيير امتداد الملف إلى (html) فيصبح اسمه (page.html)، ثمّ فتح الملف باستخدام نوتباد أو أيّ برنامج تحرير، ثمّ كتابة كود إتش تي إم إل (HTML) أو إكس إتش تي إم إل (XHTML) للصفحة، ثمّ حفظ التغييرات، وفتح الملف على المتصفح.
  • التأكد من أنّ الموقع الإلكتروني الذي تمّ إنشاؤه متناسقاً من خلال تنزيل المتصفحات الرئيسية مثل إنترنت إكسبلورر (Internet Explorer)، وفايرفوكس (Firefox)، وسفاري (Safari)، وكروم (Chrome)، وأوبرا (Opera) حيث إن جميعها مجانية، واختبار الموقع الإلكتروني على كل متصفح.
  • التأكد من أنّ الصفحات قانونية، وتتوافق مع المعايير والتوصيات، ويُمكن التحقق من صحتها باستخدام أداة التحقق من صحة العنوان من خلال الرابط الآتي: [http:\\validator.w3.org اضغط هنا] الذي يختبر إذا كان الموقع يحتوي على أخطاء أم لا.
  • تصميم صفحات المواقع الإلكترونية.
  • زيارة مواقع مختلفة ودراستها للحصول على بعض الأفكار لبناء الموقع الإلكتروني، فعند الدخول إلى موقع معين، يُمكن رؤية مصدر الصفحة عن طريق النقر بواسطة زر الفأرة الأيمن على منطقة خالية في المتصفح، وتحديد مصدر العرض (View Source) فيظهر الكود المُستخدَم لإنشاء هذه الصفحة، وقد تختلف طريقة عرض مصدر الصفحة في المتصفحات المختلفة.

المهارات التي يجب تعلمها لبناء موقع إلكتروني

من أهمّ مهارات البرمجة التي يجب على جميع مطوري المواقع الإلكترونية معرفتها:[٢]

  • لغة إتش تي إم إل 5 (HTML 5).
  • لغة سي إس إس 3 (CSS 3).
  • لغة جافا سكريبت (JavaScript).
  • لغة بي إتش بي (PHP).
  • لغة إس كيو إل (SQL).
  • أنظمة إدارة الإصدارات (Version Control Systems).
  • منهجية أجايل (Agile Methodology) لتطوير المواقع.

أفضل أدوات البرمجة لتطوير مواقع الإنترنت

هناك الكثير من الأدوات التي تساعد على تطوير وبرمجة وتصميم المواقع الإلكترونية، ومن أفضلها ما يأتي:[٣]

  • سكيتش (Sketch).
  • إنفجن كلاود (InVision Cloud).
  • سابليم تكست 3 (Sublime Text 3).
  • فاونديشن 6 (Foundation 6).
  • كروم ديف تول (Chrome DevTools).

المراجع

  1. “How to Develop Web Pages”, wikihow.com, Retrieved 12-4-2019. Edited.
  2. Rodrigo Mehren (10-3-2017), “7 Programming Skills All Website Developers Should Know”، makeuseof.com, Retrieved 13-4-2019. Edited.
  3. Jonas DeMuro (2-6-2018), “Best web development tools of 2018”، techradar.com, Retrieved 13-4-2019. Edited.

مقالات ذات صلة

اترك تعليقاً

زر الذهاب إلى الأعلى