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

خمسة تقنية 19 : كيف تصبح مصمم مواقع ؟ ومن اين أبدأ لأتعلم التصميم بطريقة صحيحة؟

8 56

 

خمسة تقنية 19 : كيف تصبح مصمم مواقع ؟ ومن اين تبدأ لتتعلم التصميم ؟

 

………..

خمسة تقنية تصميم مواقع

الكثير يتسائل اريد ان اتعلم التصميم كيف وماذا افعل ؟ ويبحث عن طرق ووو

وللاسف معظمنا يتعلم خطأ بالبداية ولكن كيف ابدأ بطريقة صحيحة فعلا لاصبح مع الوقت محترف ؟

ملخص ما سأقوله ببساطة هنا هو انك ربما وعلى حسب عشقك للتصميم ستصبح محترفا في 6 اشهر فقط !

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

ـــــــــــــــــــــــ

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

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

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

اكوادنا الاساسية في تصميم المواقع وهي مثل اساس بناء المباني والابراج :

1- لغة Html

وهي لنقل مثلا هي عبارة عن الحديد والاسمنت والطوب الاساسي لبناء المنزل او موقع الانترنت .

مثال على كود :
<a title=”مجنون كمبيوتر”> </a> <a href=”http://www.majnooncomputer.com/”>
</a>

هذا هو كود لكلمة عليها رابط تضغط عليه ف يفتح لك الرابط .

لا تركز جدا في الكود الان لكنه مجرد مثال .

ــــــــــــــــــــ

2- لغة Css

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

والديكور الخاص بالمباني , هي نفس الفكرة بالضبط , هي اللمسة الاخيرة اللتي تعطي لاعمالك اللمسة الفنية .

مثال :

هذا التنسيق الاساسي للبودي الخاص بالمدونة :

}

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 وتبدأ من اول كورس

ولتفهم اكثر وتتعلم كيف تحملهم , تابع هذا الموضوع :

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

وانصحكم مبدأيا بهذه الكورسات ابحثوا عنها بالتورنت :

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 شهور فقط ستكود وانت مغمض عيناك , لن تشعر بتعب او بصعوبة .

 

ايضا ملحوظة اخرى هامة جدا :

عند انشائك موقع

احرص جدا على ان تفتح داخل برنامج الدريم ويفر صفحتين , صفحة Html عادية وصفحة اخرى خاصة بملف Css

ثم قم بعمل حفظ للملفين بمجلد واحد وانشئ مجلد خاص بجانبهم في نفس الفولدر باسم : images .

هكذا يكن النظام وهكذا تسهل على نفسك , بعدها في الدورات اللتي قلت لكم عليها ستتعلم كيف تربط بين ال 3 ملفات

بكود واحد بسيط !

ـــــــــــــــــــــــ

تمام حتى الان ؟ اتمنى ان لا يضيع تركيزك مني ف قد قاربنا على الانتهاء ولكن اريدك ان تتعلم بطريقة صحيحة

حتى لا تصبح تائها فيما بعد ! .

ـــــــــــــــــــــــ

البرامج اللتي احتاجها لاصبح مصمم مواقع . ما هي ؟

dreamweaver للتكويد.

photoshop للتصميم والتقطيع.

adobe flash لتصميمات الفلاش والبانرات .

swish max لتصميمات الفلاش المتحركة السريعة.

هذه هي الاساسيات ومع الوقت ستسخدم برامج اكثر للعلم 😀

لكن كيف تتعلم هذه البرامج ؟

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

افضل الكورسات لتتعلم هذه البرامج :

Lynda Photoshop CS5 Essential Training

Lynda.com Dreamweaver CS5

Lynda.com- Flash Professional CS5.5

……………..

هذه هي الاساسيات

بعد ان تتعلم الاساسيات وتتمكن منها ستستطع بعدها بسهولة جدا

ان تتوغل داخل عالم البلاتفورم الجاهز مثل وورد بريس وجوملا وبلوجر والمنتديات

وتستطيع تصميم عليها والتعديل بسهولة لانك متمكن في الاساسيات .

وبالطبع لهذه البلاتفورم دورات وكورسات يمكنك تحميلها بنفس الطريقة كما شرحنا 🙂 .

ــــــــــــــــــــ

هل يتوقف التصميم على هذا ؟

لا اخي واختي

ف بالنسبة للاكواد ستجد الكثير اللذي سيساعدك في اعمالك مثل :

java script

jquery

css advanced effects

html 5

والاكشن سكريبت للفلاش والكثير

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

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

ـــــــــــــــ

اشياء اخرى ستحتاج ان تعرف عنها القليل او الكثير كما تحب :

SEO لتطوير موقعك بحثيا وربطه مع مواقع البحث وتعلم مسك الكلمات .

وربما قليل من ال php سينفعك ايضا 🙂

وايضا تتعلم كيف ترفع موقعك على نطاق دوت كوم او مجاني

ــــــــــــــــــ

هذه الاساسيات للبداية وليس لتطوير مستواك , هي اساسيات التعلم وفن تعلم التصميم

وفن تعلم البحث , اتقنها وبعدها لن تجد شيئ يتوقف معك ف ستتعلم وتطور كما فعلت سابقا 🙂

ــــــــــــــــــ

اسف للتطويل ولكن كان للافادة اتمنى ان لم اكن مقصر .

عندك استفسار ؟

شاركنا بتعليق هنا اسفل التدوينة او تابعنا على صفحتنا في فيس بوك :

Facebook

 

8 تعليقات
  1. مدونة كن داعيا للخير يقول

    شكرا جزيلا على المقال القيم

  2. mady يقول

    بجد هاااااااااااااااااااااايل وانشالله استفيييد

  3. Majnoon Computer يقول

    مدونة كن داعيا للخير , mady
    شكرا لكم يا شباب للتفاعل ومنورين ^_^

  4. […] خمسة تقنية 19 : كيف تصبح مصمم مواقع ؟ ومن اين أبدأ لأتعلم … […]

  5. amr_amr0182000 يقول

    رااااااااااااائع فعلا ومحتاجه حد عنده إراده وصبر

    جزاك الله خيرا

    1. Majnoon Computer يقول

      الله يخليك عمرو
      منور ^_^

  6. معاذ خليفات يقول

    لو سمحت … هل لديك رابط لفيديوهات شرح الhtml من الصفر

    1. معاذ خليفات يقول

      مجاني

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.