مقدمة عن تطوير وتصميم الويب

القائمة الرئيسية

الصفحات

آخر الأخبار[LastPost]

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

👇🏻قم بالنزول الى اخر المقالة لتحميل المحاضرات👇🏻

مقدمة عن تطوير وتصميم الويب

تطوير الويب

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

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

انواع تخصصات مطوري الويب

هناك ثلاثة أنواع من تخصص مطوري الويب:

  • مطور الواجهة الأمامية.
  • مطور الواجهة الخلفية.
  • المطور الكامل.

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

مجالات مصممي ومطوري الويب

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

تاريخ التطور

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

بداية الويب وتصميم الويب

في عام 1989 ، أثناء عمله في CERN ، اقترح تيم بيرنرز لي إنشاء مشروع نص تشعبي عالمي ، والذي أصبح يعرف لاحقا باسم شبكة الويب العالمية. خلال الفترة من 1991 إلى 1993 ولدت شبكة الويب العالمية. يمكن عرض صفحات HTML النصية فقط باستخدام متصفح ويب بسيط في وضع الخط. في عام 1993 ، أنشأ مارك أندريسن وإريك بينا متصفح Mosaic. في ذلك الوقت كان هناك العديد من المتصفحات ، ولكن معظمها كان قائما على يونكس والنص الغني بشكل طبيعي. ولم يكن هناك نهج متكامل لعناصر التصميم الجرافيكي مثل الصور أو الأصوات. كسر متصفح الفسيفساء هذا القالب. تم إنشاء W3C في أكتوبر 1994 "لقيادة شبكة الويب العالمية إلى إمكاناتها الكاملة من خلال تطوير بروتوكولات مشتركة تعزز تطورها وتضمن قابلية التشغيل البيني". وقد أدى ذلك إلى تثبيط أي شركة عن احتكار متصفح ملائم ولغة برمجة ، مما كان يمكن أن يغير تأثير شبكة الويب العالمية ككل. يواصل W3C وضع المعايير ، والتي يمكن رؤيتها اليوم باستخدام جافا سكريبت ولغات أخرى. في عام 1994 ، شكل أندريسن شركة Mosaic Communications Corp. التي أصبحت تعرف فيما بعد باسم Netscape Communications ، متصفح Netscape 0.9. أنشأت Netscape علامات HTML الخاصة بها بغض النظر عن عملية المعايير التقليدية. على سبيل المثال، تضمن Netscape 1.1 علامات لتغيير ألوان الخلفية وتنسيق النص مع الجداول على صفحات الويب. طوال الفترة من 1996 إلى 1999 ، بدأت حروب المتصفح ، حيث قاتلت Microsoft و Netscape من أجل الهيمنة النهائية على المتصفح. خلال هذا الوقت ، كان هناك العديد من التقنيات الجديدة في هذا المجال ، ولا سيما أوراق الأنماط المتتالية وجافا سكريبت و HTML الديناميكي. على العموم ، أدت مسابقة المتصفح إلى العديد من الإبداعات الإيجابية وساعدت تصميم الويب على التطور بوتيرة سريعة.

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

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

في عام 1996 ، تم تطوير فلاش. في ذلك الوقت ، كانت أداة تطوير محتوى Flash بسيطة نسبيا مقارنة بالوقت الحالي ، باستخدام أدوات التخطيط والرسم الأساسية ، وسلائف محدودة ل ActionScript ، وجدول زمني ، ولكنها مكنت مصممي الويب من تجاوز نقطة HTML وصور GIF المتحركة وجافا سكريبت. ومع ذلك ، نظرا لأن Flash يتطلب مكونا إضافيا ، فقد تجنب العديد من مطوري الويب استخدامه خوفا من الحد من حصتهم في السوق بسبب عدم التوافق. بدلا من ذلك ، عاد المصممون إلى رسوم متحركة gif وجافا سكريبت للأدوات. لكن فوائد Flash جعلته شائعا بما يكفي بين الأسواق المستهدفة المحددة ليشق طريقه في النهاية إلى الغالبية العظمى من المتصفحات ، وقويا بما يكفي لاستخدامه لتطوير مواقع بأكملها.

منذ نهاية حروب المتصفحات تم إصدار متصفحات جديدة. العديد من هذه مفتوحة المصدر مما يعني أنها تميل إلى أن يكون لها تطور أسرع وأكثر دعما للمعايير الجديدة. يعتبر الكثيرون الخيارات الجديدة أفضل من Internet Explorer من Microsoft.

أصدر W3C معايير جديدة ل HTML و CSS ، بالإضافة إلى واجهة برمجة تطبيقات JavaScript الجديدة ، كل منها كمعيار جديد ولكن فردي. في حين أن مصطلح HTML5 يستخدم فقط للإشارة إلى الإصدار الجديد من HTML وبعض واجهات برمجة تطبيقات جافا سكريبت ، فقد أصبح من الشائع استخدامه للإشارة إلى المجموعة الكاملة من المعايير الجديدة.

2012 وما بعدها

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

الأدوات والتقنيات

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

المهارات والتقنيات

  • تصميم التسويق والاتصالات

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

  • تصميم تجربة المستخدم والتصميم التفاعلي

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

الوظائف التفاعلية المتقدمة

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

المحاضرات اليومية

Chapter - 2 Chapter - 3 Chapter - 4 Chapter - 8 Chapter - 9 Chapter - 11 Chapter - 13 Chapter - 14 
  • التمارين والامثلة
Chapter - 2 Chapter - 3 Chapter - 4 Chapter - 8 Chapter - 9 Chapter - 11 Chapter - 13 Chapter - 14  
  • المرجع
مرجع تطوير ويب

تعليقات