menu
attachment
  • الصفحة الرئيسية
  • صفحة الخطأ
  • لخدمه الاعلانات لدينا
  • الفهرس
  • سياسه الخصوصية
  • شروط الاستخدام
  • اتصل بنا
  • إشعار قانوني
notifications
الكتروني - أخبار التقنية والتكنولوجيا
  • الصفحه الرئيسيه
  • منوعات
  • _قسم الاخبار
  • _قسم المشاكل والحلول
  • البرمجه والمواقع والحمايه والتصميم
  • _قسم البرمجه والمواقع
  • _قسم الحمايه والاختراق
  • _قسم القوالب والاسكربتات
  • _قسم المواقع
  • البرامج والتطبيقات وانظمه التشفيل
  • _اهم الشروحات
  • _قسم البرامج والتطبيقات
  • _قسم الهواتف وانظمه التشغيل
  • _قسم الانترنت المجانى
    10|recentpost
  • الكتروني - أخبار التقنية والتكنولوجيا
  • البرمجه والتصميم والتطوير
  • الدروس والشروحات
  • قوالب و اسكربتات
  • موضوع مهم جداً يعرفك كيف تبدأ لتصميم الويب , بداية من البرامج التي تحتاجها حتى الشروحات التي تجعلك مصمم ويب.
Mohamed Elsayed
0

موضوع مهم جداً يعرفك كيف تبدأ لتصميم الويب , بداية من البرامج التي تحتاجها حتى الشروحات التي تجعلك مصمم ويب.

2017/10/23
share
  • ‏المشاركة في Facebook
  • ‏المشاركة في Twitter
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement

موضوع مهم جداً يعرفك كيف تبدأ لتصميم الويب , بداية من البرامج التي تحتاجها حتى الشروحات التي تجعلك مصمم ويب.



كيف اتعلم تصميم المواقع
تعلم تصيم الويب


تعريف مصمم الويب : مصمم الويب بإختصار هو الذي يهتم بالشكل الخارجي للموقع , يقوم بتصميم الازرار والالوان والشعار , فهو عامل مثل الشخص الذي يدهن المنزل او يقوم بتصميم بألوان جميله.


الادوات اللازمه في تصميم الويب | مسار مصمم الويب


تحتاج الى كتابة اكواد , وهذه تكون في محررات مخصصه لها وليس الكابه في ملف نصي او ملف وورد , فيمكن ان تختار احد افضل برامج كتابة الاكواد البرمجه من هذا الموضوع "أفضل 5 برامج لكتابة الأكواد البرمجية"


ماذا تحتاج لتعلم تصميم الويب

(1) لغة HTML : هي لغه تعمل على بناء هيكل صفحات الويب {كورسات HTML}
(2) لغة CSS : لغة جميله تغير الوان الموقع والاحجام و نوع الخط {كورسات CSS}
(3) دروس مهمه جداً:
كيف تتجنب الوقوع في اخطاء HTML {هنا}
كيف تتجنب الوقوع في اخطاء CSS {هنا}

-----------------------------

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

كورس التخطيط {هنا}
كورس التطبيق الاول على HTML + CSS {هنا}


نأتي لمرحلة التطوير وهي على HTML5 و CSS الجديده

لغة HTML5 متطوره , فيه مفيده وتحتاجها في عملك , تم تطوير الوسوم واضافة مميزات جديده , وايضا توفر عليك جهد ووقت اثناء التصميم.


تعلم HTML5 الجديد {هنا}
تعلم CSS الجديده {هنا}

-----------------------------

ماذا بعد ؟
تعلم مكتبة jQuery , مكتبه مشهوره مبنية على Javascript , فمن خلالها تضيف لمسات سحريه في الموقع , وهي مكتبه سهله ومهمه جداً لتصنع شكل جميل للموقع بدلا من ان يكون الموقع صامت.

تعلم Javascript , وطبعا Javascript مهمه ومن خلالها تفهم مكتبة jQuery لاني ذكرت ان jQuery مبنيه على Javascript , وايضا الـ Javascript بعد تعملها تفيدم في التطوير في المستقبل و وتساعدك على تعلم لغات برمجه لان يوجد لغات برمجه متشابهه.

تعلم jQuery , بعد تعلم هذه المكتبه , طبق ما تعلمته من {هنا} , {هنا}
كورس Javascript الأساسي لإتقان اللغة
كورس Javascript DOM للتعامل مع صفحة الويب
كورس Javascript BOM للتعامل مع المتصفح

-----------------------------

اطار العمل Framework : ربما سمعت عن Bootstrap فهنا نتعرف على البوتستراب , فهو اطار جميل ويعمل التصميم بسهوله ويوفر عليك الوقت والجهد الكثير في كتابة الاكواد , مع Bootstrap يسهل عليك الانتهاء من العمل المطلوب منك في وقت وجيز ويكون الموقع متوافق مع Responsive , يعني متوافق مع الاجهزه المختلفه , سواء موبايل او تاب او كمبيوتر وهكذا ....الخ , تعلم Bootstrap 3 من قناة الزيرو لاني لم اجل الكثير من الشروحات العربيه لـ Bootstrap 3

تعلم Bootstrap 3
تحويل PSD لتصميم بواسطة البوتستراب
كيفية عمل إطار عمل خاص بك تستخدمه في جميع تصميماتك ليوفر عليك الوقت والجهد

-----------------------------

تعلم Responsive لتجعل التصميم متجاوب مع الاجهزه المختلفه

ماهو Responsive : هذذ يجعل تصميم الموقع متجاوب ومتوافق مع الاجهزه المختلفه مثل الموبايل و التاب و اللاب توب وعرض الشاشات المختلفه , فهو مهم جدا جدا

شرح  "Responsive" من البدايه


-----------------------------

مواقع مهمه قد تحتاجها
MDN
SitePoint

Bootstrap
Share This
clear
  • الكاتب Mohamed Elsayed
    Mohamed Elsayed
    منشئ ومدير منصه "الكترونى" المتخصص فى أخر أخبار التقنية، أخبار الأجهزة، أخبار الهواتف، أخبار الإلكترونيات الحديثة، أندرويد، أبل، سامسونج، جالكسي. استعراضات الهواتف و الأجهزة الإلكترونية و أكثر .
  • at 10/23/2017
البرمجه والتصميم والتطوير الدروس والشروحات قوالب و اسكربتات مواقع

add_comment ليست هناك تعليقات:

إرسال تعليق

تابعنا على فيسبوك

اقسام الموقع

  • اخبار (408)
  • اضافات مهمه (53)
  • البرمجه والتصميم والتطوير (179)
  • الحماية والاختراق (177)
  • الدروس والشروحات (244)
  • الربح من الانترنت (167)
  • العاب (34)
  • برامج وتطبيقات (268)
  • برمجه (2)
  • طب (2)
  • قسم اليوتيوب (45)
  • قوالب و اسكربتات (32)
  • كورسات (2)
  • مشاكل وحلول (159)
  • مواقع (165)
  • مواقع التواصل الاجتماعي (20)
  • نت مجانى (48)
  • هواتف واجهزه وانظمه التشغيل (411)
  • pubg (1)

Contributors

  • Mohamed Elsayed
  • Nafaa Abo El Nieil
  • mohamed elsayed

اهم المشاركات

  • تعرف على هذه البرنامج الجديد من مايكرسوفت للتحكم في حاسوبين بفأرة ولوحة مفاتيح واحدة !
       هل فكرت يوما في ان تتحكم بحاسوبين بفأرة و لوحة مفاتيح واحدة، قد يبدو لك هذا مستحيلا لكنه امر حقيقي ويمكن فعله بسهولة، لهذا احببت ان اشارك...
  • الحلوى السرية لنظام أندرويد 13 ستكون Tiramisu
     تخلى أندرويد رسميًا عن الحلويات  في أندرويد 10: تم تسمية نظام التشغيل بنفس رقم إصداره. ومع ذلك ، تواصل  غوغل داخليًا استخدام الحلويات لكل إ...
  • نظام أندرويد 12 الجديد سيسمح لك بدخول ألعابك بلمح البصر
    ستتيح لك ميزة "العب أثناء التنزيل" التي طال انتظارها بدء تشغيل لعبة بحجم 400 ميجابايت في 10 ثوانٍ فقط بدلاً من الدقائق التي قد تتط...
  • الشاشة المطبعة | مشكلة وجود طبعة على هواتف سامسونج ماهي ؟ وما هو الحل ؟
      الصورة الشبحية او خيال التطبيقات على الشاشة وبسبب عدم انتظام البيكسلات واحدة من المشكلات التي يعاني منها بشكل كبير مستخدمي شاشات من نوع AM...
  • كيفية ارسال رسائل واتس آب تختفي بمجرد رؤيتها
      ارسال رسائل واتس آب تختفي بمجرد رؤيتها  ، إذا كنت تستخدم Instagram المملوك لـ Facebook، فيجب أن تكون على دراية بميزة الرسائل المختفية. أطل...
bannner1

مواقع ندعمها

  • =https://www9.0zz0.com/2021/07/27/17/616991107.jpg
  • ضع موقعك هنا
  • ضع موقعك هنا
  • ضع موقعك هنا
  • # سكريبت إنشاء صور المواضيع
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • #اتصل بنا
  • facebook
  • youtube
  • twitter
  • pinterest
attachment
  • الصفحة الرئيسية
  • سياسه الخصوصية
  • شروط الاستخدام
  • إشعار قانوني
  • اتصل بنا
  • سجل الزوار
  • من نحن
  • الفهرس
  • facebook
  • youtube
  • twitter
  • pinterest
عن  الموقـع الكتروني - أخبار التقنية والتكنولوجيا

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

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

روابط مفيدة

  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا

اقسام الموقع

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

  • facebook
  • youtube
  • twitter
  • pinterest
الكتروني - أخبار التقنية والتكنولوجيا