Speaker A
السلام عليكم.
Full Transcript — Download SRT & Markdown
Speaker A
الاكسبيرت سيستم او النظام الخبير هو عباره عن نظام استطيع من خلاله نقل الخبره البشريه من احد الاشخاص الى احد تطبيقات الحاسب الالي.
Speaker A
في الفيديوهات اللي جايه يا جماعه هنتعلم ازاي اقدر ان انا اعمل نظام خبير، نظام خبير بسيط جدا باستخدام لغه الاتش تي ام ال والسي اس اس والجافا سكريبت.
Speaker A
وان امكن بعد كده هنشتغل على البي اتش بي علشان النظام الخبير يبقى قوي.
Speaker A
مبدئيا يا جماعه رقم واحد انا بشتغل على احد الاي دي اي انتجريتد ديفلوبمنت انفايرومنت او البيئه اللي انا بطور بيها النظام الخبير او الموقع اللي هيحتوي على النظام الخبير.
Speaker A
ممكن اشتغل على النوت بلس بلس او السبلاين اللي تحت هنا او ممكن اشتغل على الدريم ويفر ايا كان الاي دي اي مش هيفرق معاك.
Speaker A
ايا كان محرر الاكواد اللي انت هتشتغل عليه مش هيفرق معاك.
Speaker A
مبدئيا اول ما بنشغل احنا بنشتغل على الدريم ويفر ليه؟ لانه بيسهل لك عمليه صناعه الموقع بالكامل.
Speaker A
ايا كان الموقع اكسبيرت سيستم او او موقع عادي ما عندكش اي مشكله انك تشتغل عليه.
Speaker A
طيب مبدئيا كده اول ما بتشغل برنامج الدريم ويفر بتظهر لك الويندو اللي قدامك دي.
Speaker A
رقم واحد علشان ابدا ان انا اعمل موقع لازم ان انا اضغط على دريم ويفر سايت.
Speaker A
مهمه جدا من هنا.
Speaker A
اضغط على دريم ويفر سايت.
Speaker A
سمي السايت اللي انت عايز تسميه وليكن انا عايز اسميه.
Speaker A
اكسبيرت سيستم.
Speaker A
انا كنت عامل قبل كده اكسبيرت سيستم.
Speaker A
فممكن اكتب اكسبيرت سيستم اثنين مثلا.
Speaker A
هنا السايت نيم.
Speaker A
خليني اقرب لك شويه.
Speaker A
هنا السايت نيم.
Speaker A
ببدا ان انا اكتبه.
Speaker A
اكتب الاسم اللي انت عايزه.
Speaker A
وتحت هنا بختار مكان حفظ الاكسبيرت سيستم.
Speaker A
انا كنت عامل واحد.
Speaker A
خلينا اي مكان يعجبك على الديسك توب او غيره.
Speaker A
خليني نشتغل على الديسك توب ما فيش اي مشكله.
Speaker A
وخليني اعمل لك فولدر جديد.
Speaker A
انا ببدا من الصفر.
Speaker A
وهسمي الفولدر الجديد ده.
Speaker A
اكسبيرت سيستم.
Speaker A
تمام.
Speaker A
وهدخل جوه الفولدر.
Speaker A
هخش جواه.
Speaker A
بعد ما دخلت جوه الفولدر هبدا ان انا اضيف الفولدرات الجديده بتاعتي.
Speaker A
اتش تي ام ال.
Speaker A
واعمل واحد ثاني سي اس اس.
Speaker A
واعمل واحد ثالث جافا سكريبت.
Speaker A
تمام.
Speaker A
واعمل واحد رابع بي اتش بي.
Speaker A
لو في الاخر اشتغلنا على شويه بي اتش بي هنبدا ان احنا نضيف الملفات هنا.
Speaker A
تمام.
Speaker A
عندي برضه فولدر ايمج.
Speaker A
لكن الفولدر ده انا هديه لك جاهز.
Speaker A
الفولدر ده مليان صور.
Speaker A
انت براحتك عايز تنزل صور من على النت.
Speaker A
تمام.
Speaker A
عايز تعمل الموقع على الفوتوشوب بعد كده تقطعه بعد كده تضيفه زي الفل.
Speaker A
وده الصح.
Speaker A
لكن انا هنا بدي لك فكره مش اكتر ولا اقل.
Speaker A
هديه لك بعض الصور الجاهزه والايقونات الجاهزه اللي احنا هنشتغل عليها.
Speaker A
خلاص.
Speaker A
بعد ما عملت الاربع فولدرات هنا.
Speaker A
ودخلت جوه الاكسبيرت سيستم.
Speaker A
خلي بالك اوعى تعمل سلكت على كل ده.
Speaker A
هتحدد كل الملفات اللي هنا تبقى من ضمن ملفات الموقع.
Speaker A
لازم تخش جوه ده.
Speaker A
وتحدد دول خلاص كده كل الملفات الاربعه دول من ضمن ملفات الموقع.
Speaker A
وهقول له ايه.
Speaker A
سلكت.
Speaker A
خلاص.
Speaker A
هعمل ايه.
Speaker A
هقول له سيف.
Speaker A
كده انا انشات الفولدر.
Speaker A
لو رحنا على الديسك توب بشكل بسيط جدا هتلاقي الاكسبيرت سيستم هنا.
Speaker A
وتلاقي الملفات بتاعتك انشات لكن كلها فاضيه.
Speaker A
نرجع ثاني للبرنامج.
Speaker A
هضغط على اتش تي ام ال وده اول فايل انا هبدا ان انا.
Speaker A
انفذه وابدا ان انا اضيف الاكواد فيه.
Speaker A
اول ما بفتحه بعمل كنترول اس.
Speaker A
بسيفه.
Speaker A
واسيفه فين.
Speaker A
جوه الاتش تي ام ال.
Speaker A
باسم ايه.
Speaker A
باسم.
Speaker A
اندكس.
Speaker A
ليه اندكس.
Speaker A
لان محرر او محرك البحث اول ما بيبدا يبحث عن الموقع بتاعك.
Speaker A
بيطلع لك الاندكس كصفحه رئيسيه.
Speaker A
يبقى انت عندك 100 صفحه هيجيب الاندكس ويعرضها للمستخدم علشان يخش على الصفحه الرئيسيه.
Speaker A
خلاص.
Speaker A
هقول له سيف.
Speaker A
ثاني فايل هبدا ان انا اشتغل عليه حاليا هو السي اس اس.
Speaker A
هختار سي اس اس.
Speaker A
اقول له كرييت.
Speaker A
كنترول اس.
Speaker A
او ممكن اقول له ايه.
Speaker A
فايل سيف او كنترول اس الاثنين واحد.
Speaker A
ارجع لورا.
Speaker A
اخش على السي اس اس وابدا ان انا اعمل ايه.
Speaker A
اعمل سيف.
Speaker A
بشكل بسيط جدا.
Speaker A
بعد ما عملت الاتش تي ام ال والسي اس اس لازم ان انا اربط ما بين الاثنين دول.
Speaker A
لان ده دلوقتي ملف لوحده وده ملف لوحده.
Speaker A
عايز اربط ما بينهم.
Speaker A
بروح للاتش تي ام ال.
Speaker A
باجي على اليمين هنا عندي زرار على شكل قفل لو وقفت عليه هيتكتب لي اتش ستايل شيت.
Speaker A
او هبدا ان انا اربط بالسي اس اس.
Speaker A
اضغط على الزرار.
Speaker A
اضغط على براوز.
Speaker A
ارجع ثاني.
Speaker A
اخش للسي اس اس.
Speaker A
واختار السي اس اس.
Speaker A
في حاجه مهمه جدا نسينا نعملها.
Speaker A
السي اس اس ده اول سي اس اس بعمله اسمه ستايل.
Speaker A
انا قعدت تسميته دلوقتي هختاره بشكل عادي جدا.
Speaker A
واقول له اوكي.
Speaker A
واقول له اوكي.
Speaker A
هنا لاحظت حاجه مهمه.
Speaker A
ظهر لي هنا اثنين جنب بعض معناه ان الاثنين ارتبطوا ببعض بشكل كويس جدا.
Speaker A
ما عنديش اي مشكله.
Speaker A
ممكن اقفل الثالث اللي فوق ده.
Speaker A
يعني انتوا شايفين هنا عندي الاتش تي ام ال وهنا الكود بتاع الاتش تي ام ال.
Speaker A
وهنا الكود بتاع السي اس اس.
Speaker A
وهنا عندي ملف السي اس اس الاساسي انا مش محتاجه.
Speaker A
هقفله.
Speaker A
هخلي بس اتحكم في ده وفي ده.
Speaker A
اسهل لي في التنقل ما بين ده والتاني.
Speaker A
خلاص.
Speaker A
طيب رقم واحد هبدا ان انا اسس الموقع بتاعي.
Speaker A
الاتش تي ام ال يا جماعه هي الاكواد المسؤوله عن تاسيس الموقع.
Speaker A
يعني انا بضيف من خلال الاتش تي ام ال الصور.
Speaker A
الصوص.
Speaker A
الجداول.
Speaker A
الفيديوهات.
Speaker A
الصوت.
Speaker A
هيكله الموقع بالكامل عن طريق الاتش تي ام ال.
Speaker A
طب تعال نهيكله.
Speaker A
السي اس اس هي المسؤوله عن تنسيق.
Speaker A
يعني انا ضفت صوره عايز ادي لها بوردر.
Speaker A
اطار.
Speaker A
عايز ادي لها لون معين.
Speaker A
ضفت خط عايز ادي له لون.
Speaker A
حجم بوردر اطار للخط.
Speaker A
عايز ابدا ان انا اعدل الجدول في حاجه معينه.
Speaker A
في الستايل بتاعه.
Speaker A
من اسمها كاسكيدنج ستايل شيت.
Speaker A
او ده ستايل.
Speaker A
السي اس اس للستايل للتنسيقات.
Speaker A
الاتش تي ام ال اضافه الايه.
Speaker A
الالمنت او العناصر.
Speaker A
عايز اسس الموقع بتاعي.
Speaker A
اول حاجه البادي.
Speaker A
هنا عندي يا جماعه ثلاث حاجات الاتش تي ام ال.
Speaker A
التاج هنا مفتوح وهنا مقفول.
Speaker A
الهيد هنا مفتوح وهنا مقفول.
Speaker A
البادي هنا مفتوح وهنا مقفول.
Speaker A
وطبعا يا جماعه الفيديوهات دي للناس اللي فاهمه اتش تي ام ال قبل كده.
Speaker A
لو انت مش فاهم اتش تي ام ال خالص لازم ترجع لدروس ازاي اقدر ان انا اتعلم اتش تي ام ال وسي اس اس من البدايه.
Speaker A
لان المستوى اللي انا هديه لك دلوقتي يعني اعلى من المبتدئ بشويه.
Speaker A
فبالتالي انت محتاج يبقى عندك اساسيات.
Speaker A
هخش جوه البادي وابدا ان انا اقول له البادي بتاعتي متقسمه.
Speaker A
لهيدر.
Speaker A
بالشكل ده.
Speaker A
واقفل الهيدر.
Speaker A
يبقى ستارت تاج والاند تاج.
Speaker A
بعد كده.
Speaker A
انا الموقع اللي هديه لك النهارده انا هخليه مقسوم لاثنين سكشن.
Speaker A
مش سكشن واحد بس.
Speaker A
اول سكشن هديله اي دي.
Speaker A
سكشن واحد.
Speaker A
واقفل السكشن.
Speaker A
وثاني سكشن هديله اي دي.
Speaker A
اي دي.
Speaker A
سكشن اثنين.
Speaker A
تمام يبقى عندي مقسوم لسكشنين.
Speaker A
اخر حاجه عندي.
Speaker A
هعمل الفوتر.
Speaker A
واقفل الفوتر.
Speaker A
يبقى انا هيكلت الموقع.
Speaker A
هل في حاجه هتظهر معايا.
Speaker A
ما فيش.
Speaker A
علشان اشوف الموقع شغال ولا لا.
Speaker A
يعني في حاجه ظهرت ولا لا.
Speaker A
بضغط على العلامه البريفيو.
Speaker A
واقول له يس سيف لي كل حاجه.
Speaker A
فتح لي الموقع زي ما انت شايف فاضي.
Speaker A
انا ما ضفتش ولا اي حاجه فيه لسه.
Speaker A
طيب تعال معايا كده.
Speaker A
انا مبدئيا عندي البادي.
Speaker A
يحتوي على الهيدر والناف سكشن واحد سكشن اثنين فوتر.
Speaker A
دي التقسيمه بتاعتي.
Speaker A
هنفهم الكلام ده بالتفصيل دلوقتي.
Speaker A
عايز رقم واحد الموقع بتاعي اعمل له باك جراوند.
Speaker A
خلفيه كبيره جدا.
Speaker A
الخلفيه دي مش للبادي بس.
Speaker A
لا للموقع بالكامل.
Speaker A
الموقع بالكامل التاج بتاعه اسمه ايه.
Speaker A
اتش تي ام ال.
Speaker A
فبروح للسي اس اس.
Speaker A
واقول له اتش تي ام ال.
Speaker A
وافتح بلوك.
Speaker A
وادي خلفيه.
Speaker A
باك جراوند.
Speaker A
اختار باك جراوند.
Speaker A
اختار يو ار ال.
Speaker A
ادور على الصور الموجوده.
Speaker A
انا عندي هنا مشكله يا جماعه.
Speaker A
انا ما عنديش صور.
Speaker A
فرقم واحد احنا لازم نجيب صور.
Speaker A
واحده واحده كده.
Speaker A
الصور عندي فين.
Speaker A
تعالى معايا نشوف بعض الصور اللي موجوده عندي على الجهاز.
Speaker A
انت طبعا تقدر تحملها من النت.
Speaker A
تقدر تاخدها انا هسيب لك الصور دي.
Speaker A
في رابط تحت الفيديو ده على جوجل درايف.
Speaker A
لو دخلت هتبدا انك تحمل الصور دي.
Speaker A
لو انت عايز تطبق معايا واحده واحده.
Speaker A
الصور هنا اهي.
Speaker A
لو فتحتها صور كتير جدا جدا وايقونات وحاجات غريبه انا منزلها.
Speaker A
فما عندكش اي مشكله انت خد الكلام ده اللي انت عايز يعني خد الصور اللي انت عايزها.
Speaker A
وسيب الصور الثانيه.
Speaker A
تعالى كده.
Speaker A
احنا الاكسبيرت سيستم عندنا هنا.
Speaker A
احنا خدنا خلاص الفايل ده كوبي.
Speaker A
وابدا ان انا اعمل ايه.
Speaker A
انزله هنا.
Speaker A
تمام.
Speaker A
دي كلها صور كتير جدا.
Speaker A
انا طبعا هنزل لك الصور يعني اللي انت هتستخدمها مش اكتر ولا اقل.
Speaker A
هنرجع ثاني علشان نعمل الخلفيه للموقع بالكامل.
Speaker A
علشان اخلي القايمه دي تيجي.
Speaker A
كنترول مسافه.
Speaker A
القايمه اللي قدامك.
Speaker A
اختار ثانيه واحده.
Speaker A
اختار يو ار ال.
Speaker A
من يو ار ال.
Speaker A
هرجع واحده.
Speaker A
هلاقي الايمج اللي انا لسه ضايفهم.
Speaker A
وهدور على صوره انا عاملها عن طريق الفوتوشوب.
Speaker A
يعني انت لو حابب تعمل صوره عن طريق الفوتوشوب.
Speaker A
غيرها تمام.
Speaker A
حابب تنزل صوره من النت جاهزه.
Speaker A
ما عندكش اي مشكله.
Speaker A
يعني اختار على الصوره اللي تعجبك.
Speaker A
بس انا بدور عليها لحد ما الاقيها.
Speaker A
هي الصوره دي.
Speaker A
تمام انا مصممها عن طريق الفوتوشوب.
Speaker A
طبعا هنا حصل حاجه.
Speaker A
انا كنت محدد كله.
Speaker A
ثانيه واحده.
Speaker A
لا كده.
Speaker A
عادي جدا.
Speaker A
ارجع ثاني واختار الصوره دي.
Speaker A
ونبدا من هنا نكتب بعض الكلام.
Speaker A
اول كلمه هنقول له خلي لي الصوره دي نو ريبيت.
Speaker A
ما تتكررش.
Speaker A
هي واحده بس يعني لو حجمها مش مناسب وصغير.
Speaker A
ما تقعدش تكرر لي فيها.
Speaker A
ثاني امر هقول له ايه.
Speaker A
هقول له خليها لي سنتر.
Speaker A
وخليها لي حاجه اسمها فيكسد يعني عالجها لي.
Speaker A
تمام.
Speaker A
تعالى نجرب كده.
Speaker A
تعالى نعمل كده.
Speaker A
نعمل كنترول اس.
Speaker A
وقفنا لحد هنا.
Speaker A
وتعالى نجرب كده.
Speaker A
هتلاقي الصوره زي ما انت شايف.
Speaker A
بس في مشكله عندي على فكره.
Speaker A
اليمين انا حاطط شبكه المفروض انها يعني ما تبقاش كده.
Speaker A
شوف.
Speaker A
الشبكه عماله تصغر وعماله تكبر بالشكل ده.
Speaker A
انا مش عايز الشكل ده يجي لي كده.
Speaker A
يعني دي الباك جراوند.
Speaker A
ما ينفعش انها تصغر كده والابيض يبان.
Speaker A
دي المفروض انها ثابته متنصصه في النص وثابته كده.
Speaker A
ما بتتحركش.
Speaker A
مهما كان عملت زوم ان زوم اوت ما فيش الكلام ده.
Speaker A
فبالتالي هستخدم امر ثاني اسمه.
Speaker A
باك جراوند.
Speaker A
تعالى كده معايا.
Speaker A
نبدا نقول له ايه.
Speaker A
باك جراوند.
Speaker A
ونختار سايز.
Speaker A
ومن سايز هنختار كفر.
Speaker A
خليها لي دي الكفر بتاع الاتش تي ام ال بتاعي.
Speaker A
يعني من الاخر كده ثبتها لي.
Speaker A
خليها لي في الكفر.
Speaker A
مهما بصوا يا جماعه عندي 25%.
Speaker A
بزود بنقص ما فيش اي مشكله هي ثابته.
Speaker A
الكونتنت بيتحرك من عليها لكن هي ثابته.
Speaker A
خلاص.
Speaker A
دي سهله جدا يعني عملنا بس الامرين دول.
Speaker A
ننزل بعد كده نبدا ان احنا ايه نكمل الموقع بتاعنا.
Speaker A
عملت الاتش تي ام ال.
Speaker A
هخش على البادي.
Speaker A
هدي للبادي خصائص واتربيوت.
Speaker A
هقول له عندك البادي.
Speaker A
هديله ويدث.
Speaker A
الودث ده وليكن 1000 بكسل.
Speaker A
وتديله هايت.
Speaker A
الهايت ده وليكن مبدئيا 3000 بكسل.
Speaker A
الهايت ده انا هشيله في اخر الموقع بالكامل.
Speaker A
في الاخر لان هيبقى فيه محتوى.
Speaker A
طول ما طول ما في محتوى الموقع بيطول معاك.
Speaker A
ما فيش محتوى الموقع بيبقى على قد المحتوى الموجود.
Speaker A
تمام.
Speaker A
طيب يبقى عندي الودث كذا.
Speaker A
والهايت 3000 بكسل.
Speaker A
لازم تكتبه بالشكل اللي قدامك ده.
Speaker A
وعندك حاجه اسمها مارجن.
Speaker A
صفر اوتو.
Speaker A
يعني ايه الكلام ده.
Speaker A
يعني من يمين وشمال متوسن في النص البادي.
Speaker A
وفوق وتحت ايه.
Speaker A
صفر بكسل.
Speaker A
تعالى نجرب كده.
Speaker A
باك جراوند مبدئيا بس باك جراوند كلر.
Speaker A
وعايز اديله لون وليكن اللون ده.
Speaker A
عايز اديله اللون الابيض.
Speaker A
ماشي.
Speaker A
واعمل كنترول اس.
Speaker A
تجربه بس نشوف.
Speaker A
شوف البادي جه فين.
Speaker A
اللون الابيض ده.
Speaker A
جه في النص.
Speaker A
لو انت ما عملتش الامر ده مارجن صفر اوتو.
Speaker A
جرب ما تعملهاش كده هتلاقيه جه ناحيه الشمال.
Speaker A
لانه بيجي في الشمال ده المارجن بتاعه الافتراضي.
Speaker A
خلاص.
Speaker A
احنا بالنسبه للباك جراوند كلر.
Speaker A
احنا ممكن نستخدم امر ثاني.
Speaker A
بدام هنعمل باك جراوند.
Speaker A
هكتب باك جراوند.
Speaker A
واعمل نقطتين.
Speaker A
واكتب ابدا ان انا اكتب ار جي بي اي.
Speaker A
بالشكل اللي قدامك ده.
Speaker A
دي العلامات الموجوده.
Speaker A
وابدا ان انا ادي للار الرقم.
Speaker A
والجي رقم ثاني.
Speaker A
والبي رقم والاي رقم.
Speaker A
معنى ايه الكلام ده.
Speaker A
انا بدي له الوان غير الالوان اللي قدامي.
Speaker A
انا مش عايز لون من الالوان دي.
Speaker A
انا عايز لون متخصص.
Speaker A
انا الالوان اللي قدامي دي انا اللي مختارها.
Speaker A
تمام.
Speaker A
فاول واحد اللي هو الار انا هديله اثنين زيرو.
Speaker A
واعمل كومه.
Speaker A
ثاني حاجه هديله 150.
Speaker A
واعمل كومه.
Speaker A
ده لون انا مختاره.
Speaker A
انت حاول تلعب في الالوان لحد ما توصل للدرجه اللي انت عايزها.
Speaker A
رابع حاجه هبدا ان انا اديله 0.3.
Speaker A
علشان اخلي فيه شفافيه.
Speaker A
بس وابدا ان انا اقفل.
Speaker A
الكلام اللي قدامي ده.
Speaker A
واعمل كنترول اس.
Speaker A
تعالى نتفرج كده.
Speaker A
نشوف ممكن اللون يبقى معانا ايه.
Speaker A
زي ما انت شايف لون زي الازرق كده.
Speaker A
بس شفاف.
Speaker A
ودي الالوان اللي انا مديها له.
Speaker A
لان لو اديت له لون عادي باك جراوند كلر مش هيبقى شفاف ومش هقدر اتحكم التحكم ده في الالوان دي.
Speaker A
انت براحتك عايزه ابيض.
Speaker A
عايزه اي لون يعجبك.
Speaker A
ما عنديش اي مشكله.
Speaker A
الالوان دي بتاعتك.
Speaker A
خلاص.
Speaker A
احنا اتحكمنا في البادي.
Speaker A
دلوقتي جه دور مين.
Speaker A
الهيدر.
Speaker A
عايز ادي خصائص للهيدر.
Speaker A
الودث بتاع الهيدر كام.
Speaker A
1000 بكسل.
Speaker A
والهايت بتاع الهيدر كام.
Speaker A
خلينا نديله 250 بكسل.
Speaker A
طبعا لو انت عامل فوتوشوب هتمشي زي رسمه الفوتوشوب بالبكسلايه.
Speaker A
يعني بالظبط.
Speaker A
لكن انا هنا علشان اشتغلت كتير على المواقع فبالتالي اقدر ان انا يعني احاول احدد الابعاد على قد ما اقدر.
Speaker A
خلاص.
Speaker A
طيب احنا قلنا الودث كذا.
Speaker A
والهايت كذا.
Speaker A
بالشكل اللي قدامك ده.
Speaker A
وخليني اشوف هيحصل ايه.
Speaker A
ولا حاجه.
Speaker A
ليه.
Speaker A
لان انا حددت الهيدر بس ما اديتلوش اي خصائص.
Speaker A
ما اديتلوش بوردر ما اديتلوش لون ما اديتلوش اي حاجه علشان يظهر معايا.
Speaker A
لو عايز اتاكد انه موجود بالفعل هديله ممكن لون.
Speaker A
علشان اشوف هو فين.
Speaker A
هديله لون اسود.
Speaker A
ونشوف الهيدر موقعه فين بالظبط.
Speaker A
اهو.
Speaker A
ده الهيدر.
Speaker A
بدات ان انا اعمله.
Speaker A
خلاص.
Speaker A
فبالتالي انا ما عنديش اي مشكله.
Speaker A
ممكن اديله لون مختلف وابدا ان انا العب في الالوان.
Speaker A
بحيث انه يبقى.
Speaker A
يعني خليني ادي ده مثلا 180.
Speaker A
نشوف اللون هيطلع معاك ايه.
Speaker A
ده البي.
Speaker A
تمام.
Speaker A
ده اللون.
Speaker A
ممكن يطلع غامق سنه.
Speaker A
طلع غامق سنه عن اللي تحته.
Speaker A
تمام.
Speaker A
انت عايز تتحكم انت والله عايز.
Speaker A
مش عايز تتحكم في البي.
Speaker A
عايز تتحكم في الجي ترفعه شويه.
Speaker A
200.
Speaker A
وتعالى نشوف هيقلب على لون ايه.
Speaker A
قلب على لون اخضر سنه.
Speaker A
ما فيش اي مشكله بالنسبه لي.
Speaker A
ده الهيدر بتاعي.
Speaker A
خلاص.
Speaker A
طيب بعد ما عملت الهيدر هبدا ان انا اعمل الناف.
Speaker A
كل ده يا جماعه انا باسس.
Speaker A
باسس مش اكتر ولا اقل.
Speaker A
هقول له الناف.
Speaker A
هنا عندنا لو انت تفتكر عندي هنا ناف اهو.
Speaker A
بدايته ونهايته.
Speaker A
عايز اتحكم في الناف.
Speaker A
هقول له عندي الناف.
Speaker A
الودث كام.
Speaker A
1000 بكسل.
Speaker A
الهايت كام.
Speaker A
وليكن 60 بكسل.
Speaker A
عايز اقول له.
Speaker A
عندك امر اسمه بوكس سايزنج.
Speaker A
اختار بوردر بوكس.
Speaker A
علشان البوردر يبقى لجوه مش لبره.
Speaker A
يعني الاطار ما يبقاش خارجي يبقى داخلي.
Speaker A
منه فيه.
Speaker A
علشان ناخد من ال60 بكسل دي.
Speaker A
ما ينفعش ان انا اتعدى حدودي على الاجزاء الثانيه.
Speaker A
فبالتالي براحتك.
Speaker A
لو انت عايز تخليه بوردر عادي ما فيش اي مشكله.
Speaker A
بس شكله مش هيبقى ظريف.
Speaker A
هبدا ان انا اقول له عندك بوردر توب.
Speaker A
واقول له 3 بكسل ده سمكته.
Speaker A
سوليد.
Speaker A
يعني مستقيم كده.
Speaker A
الاطار بتاعه مش راوند.
Speaker A
واقول له الكلر بتاعي وليكن انا عايز اختار الكلر ده.
Speaker A
مثلا.
Speaker A
الثلاث ستات ده.
Speaker A
خلاص.
Speaker A
تعالى نشوف.
Speaker A
ده اول اطار عندي اهو.
Speaker A
خليني اعمل الاطار الثاني من تحت.
Speaker A
البوردر باتون.
Speaker A
بشكل بسيط جدا.
Speaker A
هنزل.
Speaker A
ومكان التوب هعمل بوردر ايه.
Speaker A
هقول له بوردر باتون.
Speaker A
بالشكل اللي قدامك ده.
Speaker A
واشوف برضه نفس النظام.
Speaker A
يبقى ده الناف بتاعي.
Speaker A
ده النافيجيشن بتاعي.
Speaker A
تمام.
Speaker A
هرجع ثاني انا عايز اضيف للهيدر صوره.
Speaker A
طيب الهيدر.
Speaker A
هبدا ان انا اقول له ايمج.
Speaker A
اس ار سي.
Speaker A
وابدا ان انا اشوف صوره.
Speaker A
الصوره دي هبدا ان انا اقللها سنه.
Speaker A
ممكن الاقي في الايكون بعض الصور.
Speaker A
ممكن ده.
Speaker A
ده لوجو.
Speaker A
انا عايز اضيفه.
Speaker A
بس لو جينا نضيفه هنا يعني جينا نضيفه في الهيدر بشكل كده عشوائي.
Speaker A
هتلاقيه ضاف لك هنا.
Speaker A
حجمه كبير مش متظبط.
Speaker A
انا عايز اظبط كل الكلام ده.
Speaker A
مبدئيا انا عايز انقله جهه اليمين.
Speaker A
علشان انقله جهه اليمين هبدا ان انا احطه في ديف.
Speaker A
وهنفهم يعني ايه دلوقتي ديف.
Speaker A
ديف.
Speaker A
اديله اي دي.
Speaker A
اسمي الاي دي لوجو.
Speaker A
علشان اقدر ان انا ايه اتحكم فيه.
Speaker A
وتحت الايمج تحت الصوره.
Speaker A
هبدا ان انا اقفل الديف.
Speaker A
يبقى انا عندي الديفجن او التقسيم ده يحتوي على الصوره دي.
Speaker A
طب الديفجن ده اسمه ايه.
Speaker A
لوجو.
Speaker A
علشان اتحكم فيه عن طريق السي اس اس.
Speaker A
بدام ديف بدام اي دي.
Speaker A
زي ما اتفقنا بنعمل له هاش.
Speaker A
ونكتب لوجو وابدا ان انا اقول له عندك.
Speaker A
وليكن بوردر.
Speaker A
3 بكسل سوليد.
Speaker A
الكلر بتاعه اسود.
Speaker A
مبدئيا انا بعمل كده ليه.
Speaker A
علشان تعرف يعني ايه ديف.
Speaker A
ده الديف اللي هم فيه الاربعه دول.
Speaker A
لو حركت اي حاجه فوق تحت ما عنديش اي مشكله بالكلام ده.
Speaker A
طب تعال ننزل الديف تحت شويه.
Speaker A
هديله مارجن ايه.
Speaker A
اتفقنا.
Speaker A
مارجن توب واقول له المارجن توب عندي بمقدار كام.
Speaker A
وليكن 150 بكسل.
Speaker A
خلاص.
Speaker A
هديله مارجن من اعلى.
Speaker A
يبقى الكلام ده هينزل لتحت.
Speaker A
اه عندي مشكله.
Speaker A
ما نزلش ليه.
Speaker A
اي عنصر يا جماعه بينزل فوق طبقه في الاتش تي ام ال بيلزق.
Speaker A
بيبقى عليها.
Speaker A
لازق عليها.
Speaker A
لو نزل ممكن حتى ياخد الطبقه وينزل بيها.
Speaker A
زي ما انت شايف اهو.
Speaker A
خد الطبقه ونزل بيها لتحت.
Speaker A
احنا مش عايزين كده.
Speaker A
احنا عايزين الديف ده يعوم يبقى عالي.
Speaker A
اعلى من الطبقه مش لازق في الطبقه.
Speaker A
فبديله امر بسيط جدا اسمه فلوت تعويم.
Speaker A
فلوت.
Speaker A
ايه.
Speaker A
جهه الليفت.
Speaker A
جهه الشمال.
Speaker A
خلاص.
Speaker A
بشكل بسيط جدا مجرد ان انا اديته فلوت.
Speaker A
وعملت ريفريش.
Speaker A
هتلاقيه عام فوق الطبقه اللي تحت.
Speaker A
هديله برضه مارجن توب.
Speaker A
علشان ينزل لتحت شويه.
Speaker A
وبكده يا جماعه الدرس الاول من تصميم الاكسبيرت سيستم خلص معانا.
Speaker A
لو عندك اي مشكله اكتب لي في كومنت تحت الفيديو.
![[🔴LIVE 법사위 2월 24일 ] ‘광주’, ‘전남’ 통합 법안 상정… 국민의힘 반발 속 여… — Transcript](https://i.ytimg.com/vi/56esrtiNnUQ/maxresdefault.jpg)