البدايه و المصادر الكامله علشان تقدر تشتغل مصمم مواقع

عايز تبقى مصمم موقع محترف

او

حابب المجال ونفسك تشتغل فيه

او

عايز تعرف ازاى تصمم موقع لشركتك او شغلك

 

فى الاول لازم  تعرف ايه هو تصميم المواقع

 

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

يتم انشاء مواقع الويب باستخدام لغة الترميز html ويتم التخطيط لشكل العناصر داخل صفحة الويب باستخدام css الذي يهتم بشكل الكلمات والالوان وتنسيقها مع بعضها البعض ، لذلك تشمل معظم المواقع مزيج من وhtml التي توضح كيف ستظهر كل صفحة في المتصفح.

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


كورس تصميم مواقع كامل للمبتدئيين مجانا شرح عربى

 

ما هي عناصر تصميم الويب ؟

 

تصميم مواقع الانترنت يستخدم العديد من العناصر الرئيسية التي توجد في جميع انواع التصميم ومنها:

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

 

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

 

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

 

الخطوط : يتم استخدام انواع متعددة من الخطوط والتي تساعد تصميم الموقع حيث يمكن لمعظم متصفحات الويب قراءة عدد من الخطوط المعروفة باسم خطوط الويب الآمنة .

 

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

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

 


كورس لغة css كامل للمبتدئيين شرح عربى

 

 

ما هي مراحل تصميم مواقع الانترنت ؟

 

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

 

تصميم الشكل الخارجي للموقع واختيار الالوان : في هذه المرحلة يتم فيها تصميم الشكل الخارجي للموقع واستخدام العديد من برامج التصميم مثل الفوتوشوب.

 

تحويل التصميم إلى صفحة html : في هذه المرحلة يتم تحويل التصميم من صورته الجامدة إلى صفحة html دون استخدام اي بيانات ويجب الالمام بلغة برمجة مناسبة من أجل تصميم مميز

.
كورس اساسيات html كامل شرح عربى للمبتدئيين

 

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

 

تجميل الموقع وذلك من خلال اضافة مميزات على الموقع مثل التعليقات أو المراسلة.

 

رفع الموقع ونشره على الانترنت

 

ما هي الخطوات والمبادئ العامة لتصميم المواقع الالكترونية ؟

 

اختيار الوان كل من النصوص والخلفية ولابد من وجود تدرج كبير في الالوان بينهما حتى تظهر النصوص بطريقة جيدة.

يجب أن تكون اشكال واحجام النصوص موحدة في الموقع وذلك من أجل الحفاظ على تناسق الموقع.

وجود لوحة الوان ثابتة وآمنة من أجل الزائر أو القارئ.

عدم اللجوء إلى تغيير الالوان في وقت لاحق.

الابتعاد عن استخدام الحروف المائلة لانها لا تظهر بصورة جيدة.

يفضل عدم وضع خطوط تحت الكلمات حتى يتم التفريق بينها وبين اللينكات.

استخدام الخلفيات ذات النسق الشبكي.

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

 

ما هو محتوى ومضمون تصميم المواقع ؟

 

القيام بتحديد المحتوى وتجميع البيانات اللازمة لانشاء الموقع.

اختيار اللغة المناسبة للموقع والتي يتم تحديدها بناء على المكان والجمهور المستهدف.

يجب ان تكون النصوص داخل المحتوى لها خلفية بيضاء وذلك حتى تكون النصوص ظاهرة بوضوح.

التعامل مع المعلومات حسب اهميتها فالاقل أهمية وذلك لان الصفحة الاولى لاي موقع الكتروني هي عنوان الموقع وتظهر قوة الموقع الالكتروني من ضعفه.

يجب ان تكون صفحات الموقع مرتبطة مع بعضها البعض ومتسلسلة من أجل موقع مميز وانيق.

وجود صور مناسبة للنصوص ويفضل وجود فيديوهات لها صلة بالموضوع وهذا بدوره يعزز من أهمية الموقع .

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

 

كورس تعليم برنامج adobe xd لتصميم وجهات المواقع و التطبيقات

 

كي ينجح الموقع برمجياً و تسويقياً ينبغي مراعاة النقاط التالية:

 

صداقة المستخدم من ناحية السرعة و سهولة التصفح و الشكل الجميل و البسيط

صداقة محركات البحث من ناحية الإهتمام بنوعية الروابط و بثباتها و بمتطلبات محركات البحث المختلفة

نجاح التصميم من ناحية تحقيق الجمالية بأخف وزن و بمطابقته للمواصفات القياسية بما يضمن عرض الموقع بنفس الصورة في كل المتصفحات

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

جودة المحتوى أو تميزه

متابعة الموقع الدائمة و تحديثه و تطويره

نشر الموقع باعتماد الطرق الحديثة لكتابة تغذية للموقع و نشرها

ثبات السيرفر و عدم تكرار فصل السيرفر بشكل ينفر الزوار

إعطاء الزوار إمكانية المساهمة في الموقع بحرية مع المراقبة الدورية لجودة مساهمات الزوار

اعطاء الزائر امكانية تخصيص النص و الألوان بشكل يناسب ذوقه.


كورس جى كويرى Jquery كامل شرح عربى للمبتدئيين

 

كيفية تطبيق هذه الخطوات:

 

 بساطة، تطبيق هذه الخطوات عملياً يحتاج لمعرفة بتقنيات الويب 2 و التي من أهم أدواتها لغات البرمجة الأساسية php,MySQL,html,css,JS

 

وديه مجموعة كورسات هتفيدك

 

كورس جافا اسكربت كامل شرح عربى للمبتدئيين

 

كورس اساسيات html كامل شرح عربى للمبتدئيين

 

كورس لغة css كامل للمبتدئيين شرح عربى

 

كورس ui ux شرح عربى كامل للمبتدئيين تصميم ويب

 

كورس تعليم برنامج adobe xd لتصميم وجهات المواقع و التطبيقات

 

كورس تصميم مواقع كامل للمبتدئيين مجانا شرح عربى

 

 


ليصلك منشورتنا وكل جديد على الفيس بوك اضغط هنا

اقرأ ايضا

تحميل كورسات لتعليم مجال تصميم المواقع

المقالات

الدورات التدريبية