خارطة الموقع برنامج مبيعات ونقاط البيع وجرد المستودعات ومحاسبة الرئيسية من نحن اتصل بنا English
Yazsys.com
منذ عام 2012 - 2018
Skip Navigation Links
نظام إدارة المبيعات
|
تعليم & شروحاتExpand تعليم & شروحات
 
نـصائح من أجل تصميم و تـكويد أفضل و متميز
بواسطة Elayan Hamamrah
2015-01-15

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

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

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

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

 

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

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

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

 

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

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 لانها تثقل من سرعه الويب 
  • حـاول التقليل من الصور المستخدمه من أجل سرعة أفضل. 
  • تـابع التصاميم الأجنـبية بكثرة, و تعلم تقنيات و اساليب مختلفه 

 

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

 

 
 
إعلان ... لأصحاب المتجار فقط - برنامج تنفيذي وليس سورس كود
تحميل برنامج مبيعات وجرد المستودعات

 
 
الصفحة الرئيسية
اتصل بنا
نبذة عن هذا الموقع
خارطة الموقع
مشاريع برمجة متنوعة مفتوحة المصدر
مواضيع ودروس تعليمية
 
 
نظام YAZSYS لإدارة المبيعات