linnou
10-30-2013, بتوقيت غرينيتش 04:02 PM
خمسة تقنية 19 : كيف تصبح مصمم مواقع ؟ ومن اين تبدأ لتتعلم التصميم ؟ (http://www.majnooncomputer.com/?p=3232)
...........
http://www.majnooncomputer.com/wp-content/uploads/2014/08/%D8%AE%D9%85%D8%B3%D8%A9-%D8%AA%D9%82%D9%86%D9%8A%D8%A9-19%D9%83%D9%8A%D9%81-%D8%AA%D8%B5%D8%A8%D8%AD-%D9%85%D8%B5%D9%85%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%9F-%D9%88%D9%85%D9%86-%D8%A7%D9%8A%D9%86-%D8%A3%D8%A8%D8%AF%D8%A3-%D9%84%D8%A3%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9%D8%9F.jpg (http://www.majnooncomputer.com/wp-content/uploads/2014/08/%D8%AE%D9%85%D8%B3%D8%A9-%D8%AA%D9%82%D9%86%D9%8A%D8%A9-19%D9%83%D9%8A%D9%81-%D8%AA%D8%B5%D8%A8%D8%AD-%D9%85%D8%B5%D9%85%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%9F-%D9%88%D9%85%D9%86-%D8%A7%D9%8A%D9%86-%D8%A3%D8%A8%D8%AF%D8%A3-%D9%84%D8%A3%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9%D8%9F.jpg)
الكثير يتسائل اريد ان اتعلم التصميم كيف وماذا افعل ؟ ويبحث عن طرق ووو
وللاسف معظمنا يتعلم خطأ بالبداية ولكن كيف ابدأ بطريقة صحيحة فعلا لاصبح مع الوقت محترف ؟
ملخص ما سأقوله ببساطة هنا هو انك ربما وعلى حسب عشقك للتصميم ستصبح محترفا في 6 اشهر فقط !
ركز معي خطوة بخطوة وباذن الله الخلاصة ستكن باذن الله هنا .
ـــــــــــــــــــــــ
أساسيات تصميم المواقع :
http://www.majnooncomputer.com/wp-content/uploads/2014/08/web-design-basics.png (http://www.majnooncomputer.com/wp-content/uploads/2014/08/web-design-basics.png)
التكويد او الاكواد , ف كل ما تقرأه المتصفحات هو عبارة عن اكواد كل الصور والفيديو ووو هي اكواد .
اكوادنا الاساسية في تصميم المواقع وهي مثل اساس بناء المباني والابراج :
1- لغة Html
وهي لنقل مثلا هي عبارة عن الحديد والاسمنت والطوب الاساسي لبناء المنزل او موقع الانترنت .
مثال على كود code :
<a title="مجنون كمبيوتر"> </a> <a href="http://www.majnooncomputer.com/">
</a>
هذا هو كود code لكلمة عليها رابط تضغط عليه ف يفتح لك الرابط .
لا تركز جدا في الكود code الان لكنه مجرد مثال .
ــــــــــــــــــــ
2- لغة Css
وهي لغة التنسيق للخطوط والالوان والخلفيات والصور وعمل المربعات وما مثله , ويمكننا ان نشبهها بالبويا او الدهانات
والديكور الخاص بالمباني , هي نفس الفكرة بالضبط , هي اللمسة الاخيرة اللتي تعطي لاعمالك اللمسة الفنية .
مثال :
هذا التنسيق الاساسي للبودي الخاص بالمدونة blog :
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#1d5c87 url(images/bg-small.gif) top center repeat;
font-family:Tahoma, Arial, verdana, Century gothic,Tahoma,sans-serif;
font-size:10px;
}
بالطبع يمكننا اضافة تنسيقات اخرى ستتعلموها في css والضبط ولكن تابع .
ــــــــــــــــ
اذا عندنا الاساس لنتعلمة وهم هذه اللغتين , ولكن اين اتعلمهم وكيف اتعلمهم ؟
اين تتعلمهم ؟
اما في مركز قريب منك وواثق به او من كورسات على الانترنت.
ما هي اشهر الكورسات ؟ :
واشهرهم من شركة ليندا , تدخل عليها ثم تدخل على قسم Css وتبدأ من اول كورس
ولتفهم اكثر وتتعلم كيف تحملهم , تابع هذا الموضوع :
تعلم كيف تبحث الدرس مفصل الثالث عن الكورسات والدروس والشروحات (http://www.majnooncomputer.com/?p=2207)
وانصحكم مبدأيا بهذه الكورسات ابحثوا عنها بالتورنت :
KelbyTraining-Css لتعلم Css
ولتعلم Html اكتب في البحث html course
او كورس خاص من ليندا :
lynda XHTML and HTML Essential Training
او html essential او html tutorial
او اذا اردت كورس كامل ابحث عن :
how to design a website ك كورس مجمع فيديو
او how to build a website from scratch
...........
اذا فهمنا اول شيئ سنتعلم لغتين وهما Xhtml و Css وهم الاساس لبناء اي موقع وتشكيله
كيف اصبح محترف في التكويد ؟
ركز هنا جيدا لان هذا الخطأ وقعت فيه شخصيا , ف عند التكويد كنا نكتب ببرنامج Dreamweaver الدريم ويفر
وكنا ليس نكتب الاكواد بنفسنا بل نستخدم القوائم الاوتوماتيكية لانشائها بدلا منا !
وهذا الخطأ اللذي اريدك الا تقع فيه , التكويد يجب ان يكن مانيوال , يعني بيدك , شاهد الفيديو او المحاضر ثم طبق بجهازك
بعدها صدقني مع التمرين في 6 شهور فقط ستكود code وانت مغمض عيناك , لن تشعر بتعب او بصعوبة .
ايضا ملحوظة اخرى هامة جدا :
عند انشائك موقع
احرص جدا على ان تفتح داخل برنامج الدريم ويفر صفحتين , صفحة Html عادية وصفحة اخرى خاصة بملف Css
ثم قم بعمل حفظ للملفين بمجلد واحد وانشئ مجلد خاص بجانبهم في نفس الفولدر باسم : images .
هكذا يكن النظام وهكذا تسهل على نفسك , بعدها في الدورات اللتي قلت لكم عليها ستتعلم كيف تربط بين ال 3 ملفات
بكود code واحد بسيط !
ـــــــــــــــــــــــ
تمام حتى الان ؟ اتمنى ان لا يضيع تركيزك مني ف قد قاربنا على الانتهاء ولكن اريدك ان تتعلم بطريقة صحيحة
حتى لا تصبح تائها فيما بعد ! .
ـــــــــــــــــــــــ
البرامج اللتي احتاجها لاصبح مصمم مواقع . ما هي ؟
dreamweaver للتكويد.
photoshop للتصميم والتقطيع.
adobe flash لتصميمات الفلاش والبانرات .
swish max لتصميمات الفلاش المتحركة السريعة.
هذه هي الاساسيات ومع الوقت ستسخدم برامج اكثر للعلم :D
لكن كيف تتعلم هذه البرامج ؟
انصحك كما ذكرنا من قبل بتحميل كورس من مواقع التورنت او تسجل في دورة في مركز قريب منك .
افضل الكورسات لتتعلم هذه البرامج :
Lynda Photoshop CS5 Essential Training
Lynda.com Dreamweaver CS5
Lynda.com- Flash Professional CS5.5
.................
هذه هي الاساسيات
بعد ان تتعلم الاساسيات وتتمكن منها ستستطع بعدها بسهولة جدا
ان تتوغل داخل عالم البلاتفورم الجاهز مثل وورد بريس وجملة joomla وبلوجر والمنتديات
وتستطيع تصميم عليها والتعديل بسهولة لانك متمكن في الاساسيات .
وبالطبع لهذه البلاتفورم دورات وكورسات يمكنك تحميلها بنفس الطريقة كما شرح طريقةنا http://www.dzbatna.com/images/smilies/cupidarrow.gif .
ــــــــــــــــــــ
هل يتوقف التصميم على هذا ؟
لا اخي واختي
ف بالنسبة للاكواد ستجد الكثير اللذي سيساعدك في اعمالك مثل :
java script
jquery
css advanced effects
html 5
وكل يوم بعالم التصميم هناك جديد وبالنسبة للبرامج ايضا ستجد الكثير لكن اريدك اولا ان تتقن وتحترف الاساسيات
بعدها انطلق وتصفح العالم الرائع في تصميم الويب واختر اي بلاتفورم ستبدع به جدا .
ـــــــــــــــ
اشياء اخرى ستحتاج ان تعرف عنها القليل او الكثير كما تحب :
SEO لتطوير موقعك بحثيا وربطه مع مواقع البحث وتعلم مسك الكلمات .
وربما قليل من ال php سينفعك ايضا http://www.dzbatna.com/images/smilies/cupidarrow.gif
وايضا تتعلم كيف ترفع موقعك على نطاق دوت كوم او مجاني free
ــــــــــــــــــ
هذه الاساسيات للبداية وليس لتطوير مستواك , هي اساسيات التعلم وفن تعلم التصميم
وفن تعلم البحث , اتقنها وبعدها لن تجد شيئ يتوقف معك ف ستتعلم وتطور كما فعلت سابقا http://www.dzbatna.com/images/smilies/cupidarrow.gif
ــــــــــــــــــ
اسف للتطويل ولكن كان للافادة اتمنى ان لم اكن مقصر .
عندك استفسار ؟
شاركنا بتعليق
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
...........
http://www.majnooncomputer.com/wp-content/uploads/2014/08/%D8%AE%D9%85%D8%B3%D8%A9-%D8%AA%D9%82%D9%86%D9%8A%D8%A9-19%D9%83%D9%8A%D9%81-%D8%AA%D8%B5%D8%A8%D8%AD-%D9%85%D8%B5%D9%85%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%9F-%D9%88%D9%85%D9%86-%D8%A7%D9%8A%D9%86-%D8%A3%D8%A8%D8%AF%D8%A3-%D9%84%D8%A3%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9%D8%9F.jpg (http://www.majnooncomputer.com/wp-content/uploads/2014/08/%D8%AE%D9%85%D8%B3%D8%A9-%D8%AA%D9%82%D9%86%D9%8A%D8%A9-19%D9%83%D9%8A%D9%81-%D8%AA%D8%B5%D8%A8%D8%AD-%D9%85%D8%B5%D9%85%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%9F-%D9%88%D9%85%D9%86-%D8%A7%D9%8A%D9%86-%D8%A3%D8%A8%D8%AF%D8%A3-%D9%84%D8%A3%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9%D8%9F.jpg)
الكثير يتسائل اريد ان اتعلم التصميم كيف وماذا افعل ؟ ويبحث عن طرق ووو
وللاسف معظمنا يتعلم خطأ بالبداية ولكن كيف ابدأ بطريقة صحيحة فعلا لاصبح مع الوقت محترف ؟
ملخص ما سأقوله ببساطة هنا هو انك ربما وعلى حسب عشقك للتصميم ستصبح محترفا في 6 اشهر فقط !
ركز معي خطوة بخطوة وباذن الله الخلاصة ستكن باذن الله هنا .
ـــــــــــــــــــــــ
أساسيات تصميم المواقع :
http://www.majnooncomputer.com/wp-content/uploads/2014/08/web-design-basics.png (http://www.majnooncomputer.com/wp-content/uploads/2014/08/web-design-basics.png)
التكويد او الاكواد , ف كل ما تقرأه المتصفحات هو عبارة عن اكواد كل الصور والفيديو ووو هي اكواد .
اكوادنا الاساسية في تصميم المواقع وهي مثل اساس بناء المباني والابراج :
1- لغة Html
وهي لنقل مثلا هي عبارة عن الحديد والاسمنت والطوب الاساسي لبناء المنزل او موقع الانترنت .
مثال على كود code :
<a title="مجنون كمبيوتر"> </a> <a href="http://www.majnooncomputer.com/">
</a>
هذا هو كود code لكلمة عليها رابط تضغط عليه ف يفتح لك الرابط .
لا تركز جدا في الكود code الان لكنه مجرد مثال .
ــــــــــــــــــــ
2- لغة Css
وهي لغة التنسيق للخطوط والالوان والخلفيات والصور وعمل المربعات وما مثله , ويمكننا ان نشبهها بالبويا او الدهانات
والديكور الخاص بالمباني , هي نفس الفكرة بالضبط , هي اللمسة الاخيرة اللتي تعطي لاعمالك اللمسة الفنية .
مثال :
هذا التنسيق الاساسي للبودي الخاص بالمدونة blog :
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#1d5c87 url(images/bg-small.gif) top center repeat;
font-family:Tahoma, Arial, verdana, Century gothic,Tahoma,sans-serif;
font-size:10px;
}
بالطبع يمكننا اضافة تنسيقات اخرى ستتعلموها في css والضبط ولكن تابع .
ــــــــــــــــ
اذا عندنا الاساس لنتعلمة وهم هذه اللغتين , ولكن اين اتعلمهم وكيف اتعلمهم ؟
اين تتعلمهم ؟
اما في مركز قريب منك وواثق به او من كورسات على الانترنت.
ما هي اشهر الكورسات ؟ :
واشهرهم من شركة ليندا , تدخل عليها ثم تدخل على قسم Css وتبدأ من اول كورس
ولتفهم اكثر وتتعلم كيف تحملهم , تابع هذا الموضوع :
تعلم كيف تبحث الدرس مفصل الثالث عن الكورسات والدروس والشروحات (http://www.majnooncomputer.com/?p=2207)
وانصحكم مبدأيا بهذه الكورسات ابحثوا عنها بالتورنت :
KelbyTraining-Css لتعلم Css
ولتعلم Html اكتب في البحث html course
او كورس خاص من ليندا :
lynda XHTML and HTML Essential Training
او html essential او html tutorial
او اذا اردت كورس كامل ابحث عن :
how to design a website ك كورس مجمع فيديو
او how to build a website from scratch
...........
اذا فهمنا اول شيئ سنتعلم لغتين وهما Xhtml و Css وهم الاساس لبناء اي موقع وتشكيله
كيف اصبح محترف في التكويد ؟
ركز هنا جيدا لان هذا الخطأ وقعت فيه شخصيا , ف عند التكويد كنا نكتب ببرنامج Dreamweaver الدريم ويفر
وكنا ليس نكتب الاكواد بنفسنا بل نستخدم القوائم الاوتوماتيكية لانشائها بدلا منا !
وهذا الخطأ اللذي اريدك الا تقع فيه , التكويد يجب ان يكن مانيوال , يعني بيدك , شاهد الفيديو او المحاضر ثم طبق بجهازك
بعدها صدقني مع التمرين في 6 شهور فقط ستكود code وانت مغمض عيناك , لن تشعر بتعب او بصعوبة .
ايضا ملحوظة اخرى هامة جدا :
عند انشائك موقع
احرص جدا على ان تفتح داخل برنامج الدريم ويفر صفحتين , صفحة Html عادية وصفحة اخرى خاصة بملف Css
ثم قم بعمل حفظ للملفين بمجلد واحد وانشئ مجلد خاص بجانبهم في نفس الفولدر باسم : images .
هكذا يكن النظام وهكذا تسهل على نفسك , بعدها في الدورات اللتي قلت لكم عليها ستتعلم كيف تربط بين ال 3 ملفات
بكود code واحد بسيط !
ـــــــــــــــــــــــ
تمام حتى الان ؟ اتمنى ان لا يضيع تركيزك مني ف قد قاربنا على الانتهاء ولكن اريدك ان تتعلم بطريقة صحيحة
حتى لا تصبح تائها فيما بعد ! .
ـــــــــــــــــــــــ
البرامج اللتي احتاجها لاصبح مصمم مواقع . ما هي ؟
dreamweaver للتكويد.
photoshop للتصميم والتقطيع.
adobe flash لتصميمات الفلاش والبانرات .
swish max لتصميمات الفلاش المتحركة السريعة.
هذه هي الاساسيات ومع الوقت ستسخدم برامج اكثر للعلم :D
لكن كيف تتعلم هذه البرامج ؟
انصحك كما ذكرنا من قبل بتحميل كورس من مواقع التورنت او تسجل في دورة في مركز قريب منك .
افضل الكورسات لتتعلم هذه البرامج :
Lynda Photoshop CS5 Essential Training
Lynda.com Dreamweaver CS5
Lynda.com- Flash Professional CS5.5
.................
هذه هي الاساسيات
بعد ان تتعلم الاساسيات وتتمكن منها ستستطع بعدها بسهولة جدا
ان تتوغل داخل عالم البلاتفورم الجاهز مثل وورد بريس وجملة joomla وبلوجر والمنتديات
وتستطيع تصميم عليها والتعديل بسهولة لانك متمكن في الاساسيات .
وبالطبع لهذه البلاتفورم دورات وكورسات يمكنك تحميلها بنفس الطريقة كما شرح طريقةنا http://www.dzbatna.com/images/smilies/cupidarrow.gif .
ــــــــــــــــــــ
هل يتوقف التصميم على هذا ؟
لا اخي واختي
ف بالنسبة للاكواد ستجد الكثير اللذي سيساعدك في اعمالك مثل :
java script
jquery
css advanced effects
html 5
وكل يوم بعالم التصميم هناك جديد وبالنسبة للبرامج ايضا ستجد الكثير لكن اريدك اولا ان تتقن وتحترف الاساسيات
بعدها انطلق وتصفح العالم الرائع في تصميم الويب واختر اي بلاتفورم ستبدع به جدا .
ـــــــــــــــ
اشياء اخرى ستحتاج ان تعرف عنها القليل او الكثير كما تحب :
SEO لتطوير موقعك بحثيا وربطه مع مواقع البحث وتعلم مسك الكلمات .
وربما قليل من ال php سينفعك ايضا http://www.dzbatna.com/images/smilies/cupidarrow.gif
وايضا تتعلم كيف ترفع موقعك على نطاق دوت كوم او مجاني free
ــــــــــــــــــ
هذه الاساسيات للبداية وليس لتطوير مستواك , هي اساسيات التعلم وفن تعلم التصميم
وفن تعلم البحث , اتقنها وبعدها لن تجد شيئ يتوقف معك ف ستتعلم وتطور كما فعلت سابقا http://www.dzbatna.com/images/smilies/cupidarrow.gif
ــــــــــــــــــ
اسف للتطويل ولكن كان للافادة اتمنى ان لم اكن مقصر .
عندك استفسار ؟
شاركنا بتعليق
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
