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

Home Software Web كيفية تعلم تصميم المواقع , كيفية تعلم برمجة المواقع

Unknown 8:04 PM Software, Web

معنى تصميم الويب

المعنى من عملية تصميم الويب هو إنشاء موقع إنترنت (مجموعة من الملفات الموضوعة جنباً إلى جنب على خادم إنترنت أو أكثر) مما يسمح بعرض المحتوى (ويشمل هذا المحتويات والواجهات التفاعلية) للمستخدم النهائي على شكل صفحة إنترنت عند طلبها والتي تحتوي على عدة عناصر كالنصوص والصور وكل ذلك يتم ترتيبه بواسطة إحدى اللغات المستخدمة مثل

 HTML, XHTML, XML, CSS, JAVASCRIPT

أساسيات تصميم المواقع

من المهم أن يكون تصميم الموقع جيداً، فموقع به محتوى جيد بتصميم ردئ أو لا يرتقي لمعايير المستخدم لن يكون له نفع للمستخدم، أيضاً إذا كان الموقع ذو تصميم رائع لكن ليس به محتوى جيد فهو عديم القيمة، من المهم أن يجتمع العنصران ( التصميم الجيد والمحتوى الجيد) لنجاح الموقع

التصميم والمحتوى

يجب ألا يتداخل التصميم مع المحتوى بأي شكل من الأشكال، المحتوى يجب أن يكون مقروءاً وواضحاً قدر الإمكان

سهولة التصفح

1- يجب أن يكون نظام التصفح سهل وواضح للمستخدم ولايحتاج منه جهد للوصول إلى الصفحة المراد الوصول اليها

2- يجب أيضاً أن تكون وصلات التصفح واضحة في الصفحة وفي مكان بارز 

3- يجب أن يعلم المستخدم في أي صفحة هو من صفحات الموقع بتوضيح العنوان في مكان ظاهر أو بتغيير لون وصلة الصفحة المتواجد عليها

أنواع مواقع الويب

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

قسمت إلى نوعين:

مواقع ذات المحتوى الثابت

HTML هذا النوع ظهر أولاً. على يد السير تيم بيرزلي مخترع الإنترنت. حيث عمل على إنشاء لغة

ليبني بذلك أول موقع ثابت   

والمقصود بالثابت أي أن المحتوى لا يتغير تبعا للزائر بل الوحيد الذي يغيره هو صاحب الموقع أو مدير (HTML,CSS ,XHTML)يستخدم هذا النوع اللغات المعروفة مثال علي ذلك  الشبكة و

مواقع ذات المحتوى التفاعلي

وقسمت إلى نوعين:

1- محتوى تفاعلي ينفذ في الخادم:

هذا النوع ظهر نتيجة الحاجة إلى توسيع مهام الشبكة (الإنترنت) . من مجرد كتابات مقروءة إلى تطبيقات  Perlوتطوع قدراتها له حيث تمت التجربة الأولى بصنع موقع تفاعلي بلغة  المستخدم ذكية تلبي حاجات

(PHP,Python,ASP) وقد أضيف لهذا المجال لغات وتقنيات أشهرها

2- محتوى تفاعلي ينفذ عند المستخدم:

وفي أثناء هذا التطور ظهر نوع آخر من المواقع التفاعلية ألا وهي المواقع ذات المحتوى الذي ينفذ عند 

.(Javascript, VB script, Flash)النوع من عدة تقنيات تشمل  المستخدم النهائي. ويتكون هذا

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

سكرييم : في لينكس

كوانتا+: في لينكس وماك

أدوبي دريمويفر: في وندوز وماك

مايكروسوفت إيكسبريشن ستوديو: في وندوز

كومودو في ويندوز

وهناك العديد من المحررات والبرامج

المواقع المتجاوبة او الديناميكية

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

مجالات العمل في مجال الويب

Front-End -1

Back-End -2

Full Stack -3

     :-Front Endأولا :

يقصد به هو الجزء من الموقع الذي يتفاعل معه المستخدمين، أي شيء من مكونات الموقع التي يمكنك   مشاهدتها، ويمكنك إحداث أي حدث عليها، مثل ال Buttons  Dropdowns menu

 والخطوط والألوان ومعارض الصور وحركات ال Animation  وغيرها .... الخ.

وبهذا يكون دوره هو تكويد التصميم الذي يأخذه من المصمم ويحوله الى شكل يمكن التفاعل معه من قبل المستخدمين، كما أن هذا المطور(الذي يعمل في هذا المجال) كلما ازداد مهارة زادت لديه القدرة على تحديد نقاط الضعف في التصميم والتي يمكن أن تسبب إزعاجا للمستخدمين، أو يمكنه وضع أفكار لاختصار الخطوات الطويلة، لذلك يكون التنسيق بينه وبين الSystem Analyst بشكل جيد للخروج بأفضل شكل ممكن

Front Endوالمهارات الواجب توافرها عند ال

(Java script , HTML , CSS)التعلم الجيد ل

Bootstrap, jQuery , LESS , SASS أيضا بعد إتقان هذه أن تتقن بعض بيئات العمل الموجودة مثل

:-Back Endثانيا :

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

Back Endالمهارات الواجب توافرها عند ال

أهم المهارات المطلوبة هي قدرتك على الربط بين قواعد البيانات، والتطبيقات والتعامل معها ضمن السيرفر .وهذا يعني أنه يلزمني تعلم لغة تهتم وتتعامل مع السيرفر وتقوم بهذه المهام ومن هذه اللغات أو المتطلبات الي يجب أن أتعلمها أو أن أعلمها هي

(PHP ,ASP Python ,....etc)

وايضا مجموعة من الادوات مثل

 وهي تعني  (Sql) هذه تأتي بعد تعلمك أو معرفتك ل (My Sql ,Oracle , SQL Server )

مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ  (Structure Query Language)

GIT , SVN  مثل ال version control وايضا عليك ان تتعلم

 -:Full Stackثالثا :

 معا Back End و ال Front End وهو من يقوم بعمل ال

كيفية البدء في مجال الويب 
عليك ان تتبع الترتيب التالي حتي تتحترف تصميم وبرمحة المواقع

HTML

CSS

HTML5

CSS3

Java Script

Jquery

Ajax

Bootstrap

Wordpress

ثم في النهاية اختيار لغة البرمجة المفضلة مع قاعدة البيانات الخاصه بها مثل

SQL Serverتاتي معها  C# لغة البرمجة

Oracle تاتي معها Javaلغة البرمجة  

  My Sqlتاتي معها  PHPلغة البرمجة