YAZSYS.COM, Pos, Pop, Point Of Sale إعلان لاصحاب المتاجر ... تحميل افضل واسرع واسهل نظام مبيعات ونقاط البيع انقر هنا
مشاريع برمجة متنوعة مفتوحة المصدر | مواضيع ودروس تعليمية
 
Search in Google
نـصائح من أجل تصميم و تـكويد أفضل و متميز

بسم الله الرحمن الرحيم 

أحـببت طرح هذا الموضوع من أجل فـائدة و مساعدة المطورين و المبرمجين. 

كثيراً ما اشاهد اسئله من المبتدئين في تصميم و تطوير الويب عن من أيـن ابدأ, كـيف ابدأ, مـاذا اختار ؟ أي الالوان افضل ؟ من أين احصل على مصادر و غيرها. 

سأطرح في هذا الموضوع بعض المعلومات التي و اتمنى من الله ان تساهم في مساعدتكم. 

 

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

-- قبل البدأ بتـنفيذ أي مشروع ويب عـليك أولاً أن تدرس مـا هي محتويات الموقع ؟ و لمـن ؟ فتصميم الموقع الاخباري يختلف عن تصميم موقع رياضي أو اقتصادي.

 .. و هـكذا , كمـا يجب عليك أن تحاول رسم الموقع على القلم و الورقه قبل البدأ بالتنفيذ ... جمع المعلومات مهـم جداً و يسهل عليك الكثير. 

 

يعتـمد عالم الويب على عنـصرين اساسياً من أجل تصميم الويب و هـما 

HTML & CSS

و عليك من هنـا البدأ فـي 

HTML5 & CSS3 

و هـي احدث النـسخ الموجوده, هـي ليست برامج ابداً انتبه بـل هـي مفاتيح العمل على اي موقع الكتروني.

  • ابدأ اولا بالـ HTML5 

http://www.youtube.com/results?search_query=%D8%AF%D9%88%D8%B1%D8%A9+HTML5

  • ثم انطلق في الـ CSS3 

http://www.youtube.com/results?search_query=%D8%AF%D9%88%D8%B1%D8%A9+CSS3

 

بعـد تعلمهما, ابدأ بعمل تجاربك الخـاصه .. حتى لو كانت صفحة واحدة لكن ابدأ بالتنفيذ ولا تتوقف . 

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

بعـد اتقان اللغتين في التصميم .. بإمكانك تعـلم الجافا سكريبت و الجيكويري فهـما تساعدنا و تسهلان عليك الكثير من المهـام. و تعـطي جماليات أفضل للموقع. 

 

كـن متابعاً للتكنولوجيا, اجعل تصميمك مقبولاً و محبباً لكل المتصفحات و صممه بقابليه العرض على الموبايل 

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

  • http://www.youtube.com/results?search_query=%D8%AF%D9%88%D8%B1%D8%A9+Responsive+Design+

 

حـاول دائماً تنسيق الالوان في موقعك, استخـدم المواقع التي تقدم خيارات الالوان 

  1. اليكم هـذا الموقع : http://www.dasplankton.de/ContrastA/
  2. و هـذا يقدم الوان متناسقه و جـاهزة : http://pltts.me/palettes/

 

حـاول ان تخفف من الصور المستخدمه بالايقونات : الجأ الى تقنيات الـ Fonts Icon 

  • و هذا موقع مميز يقدمها : http://fortawesome.github.io/Font-Awesome/icons/

 

و هذا موقع يساعدك على ايجاد صور الايقونات التي تساعدك في التصميم : 

  • https://www.iconfinder.com/

 

هذا موقع عربي يقدم خطوط الويب العربيه قابله للإستخدام مباشره او تحميلها و استخدامها : 

  • http://fontface.me/

 

ملاحظات : 

  • تجنـب استخدام العديد من ملفات CSS لانها تثقل من سرعه الويب 
  • حـاول التقليل من الصور المستخدمه من أجل سرعة أفضل. 
  • تـابع التصاميم الأجنـبية بكثرة, و تعلم تقنيات و اساليب مختلفه 

 

أي استفسار انا حـاضر 

 

 
 

 
 
 
برنامج مبيعات ونقاط البيع وجرد المستودعات ومحاسبة خارطة الموقع