شرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة
في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة ممكنة و خطوة بخطوة حتى نصل إلى مستوى بناء موقع كامل، الدرس مكون من مجموعة هي:
الدرس الأول:
الدقيقة ( 0:00 )
- مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها
- متطلبات تعلم لغة HTML و CSS
- معلومات أساسية و مدخل لفهم اللغة
- شكل و بنية و هيكلية مواقع الانترنت الحديثة
الدرس الثاني:
الدقيقة ( 8:25 )
- كتابة السطر الأول من لغة HTML
- بناء الهيكل الرئيسي لملف HTML لمخاطبة السيرفر و المتصفح
- فصل رأس البرمجية عن جسم البرمجية
- كتابة عناصر رأس ملف HTML : العنوان - الكلمات المفتاحية - رابط الcss
الدرس الثالث:
الدقيقة ( 16:20 )
- كتابة أول عنصر في جسم ملف HTML و اظهاره على المتصفح
- انشاء ملف CSS لتحكم بأنماط (ستايلات) عناصر HTML
- اعطاء انماط عناصر HTML من خلال ملف CSS
- شرح مفاهيم: المعرف الخاص ID و المعرّف العام Class
الدرس الرابع:
الدقيقة (23:36)
- البدء بكتابة سطور ملف CSS و التحكم بأنماط عناصر HTML
- كتابة و اختيار اللون في CSS
- تعليمات أساسية : width - padding - margin - border - height - color - font size - font family - font style
الدرس الخامس:
الدقيقة (30:40)
- كيفية تنسيق الموقع في منتصف المتصفح
- ادراج معرّف الالتفاف حول الموقع
- تفصيل و تشريح في كتابة عناصر Css و معنى رموز Margin
- شرح مفهوم القيمة الاوتوماتيكية (Auto)
- السيطرة على كل قيم العناصر في Css و اعطائها قيم ابتدائية
الدرس السادس:
الدقيقة (35:30)
- شرح مفهوم تداخل Div و تداخل الوسوم Tags
- تنظيم ملف HTML من خلال تداخل الاقسام
- شرح تعليمة H1 و مفهوم الانماط في HTML بمعزل عن CSS
- تطبيق عملي للمعرفين العام و الخاص ID و Class
- ادراج تعليمة HTML داخل نص و تطبيق معرف عام عليه
- شرح تعليمة text-align
- شرح تعليمة Background-color
- انماط الوسوم الرئيسية في CSS
- اعطاء اقسام الموقع و تلوينة، و اضافة تذييل Footer الموقع
الدرس السابع:
الدقيقة (50:25)
- ادراج صور في موقع الانترنت
- ادراج صورة كخلفية في موقع انترنت
- شرح تعليمة img بالتفصيل والتي تتحكم بالصور في الموقع
- شرح مفهوم الخلفية الثابتة والخلفية المتحركة
- كيفية ادراج تعليق في CSS
- دمج سطور الكود و اختصارها لتوفير مساحة ال CSS
الدرس الثامن:
الدقيقة (1:04:25)
- شرح مفهوم الروابط الفائقة - اللينكات - لينك - روابط .
- ربط لينك خارجي - و ربط لينك خارجي في موقع الانترنت
- تنسيق انماط الروابط في Css و التحكم بتعليمتي a و a:hover
- شرح تعليمة inherit او الوراثة - تعليمة توريث النمط
- ادراج رابط لكلمة داخل نص كامل
- شرح الاوضاع الثلاثة لكتابة CSS لموقع الانترنت
الدرس التاسع:
الدقيقة (1:19:10)
- البدء بادراج قائمة menu - navigation لموقع الانترنت
- التعرف على تعليمتي ul للقوائم العشوائية و il لعناصر القوائم
- التعرف على تعليمة display:block و تعليمة float:left
- ارفاق لينكات الصفحات بعناصر قائمة التحكم
- شرح مفهوم موقع الانترت ذو صفحة واحدة
- العمل على موقع ذو صفحات متعددة
الدرس العاشر:
الدقيقة (1:31:44)
- البدء بتصميم و بناء عمود جانبي لموقع الانترنت
- تفصيل و تشريح بنية موقع الانترنت ذو العمودين فما فوق
- العمل على موقع انترنت responsive أو موقع متجاوب مع قياس المتصفح
- شرح مفهوم القيم بالنسب المئوية بدل النسب المحددة بالبكسل
- التحدث عن مشكلة ارتفاع Div في موقع الانترنت و حل المشكلة
درس اضافي لاعطاء لمسات أضافية لل CSS
الدقيقة (1:43:43)
تعلم الموشن جرافيك في ساعة من الصفر مع تنزيل جميع ملحقاتة 2018 مجانا
تعلم الموشن جرافيك في ساعة مع تنزيل جميع ملحقاتة مجانا
النهارده جبتلكم مفاجئه 😎- جمعتلكم أقوى وأضخم واكبر بوست في تاريخ الموشن هو الموضوع متعب بس لما تستفادو اكيد هيبقي التعب بفايده لو فعلا خلصت البوست كله وطبقت اللي فيه هتبقي من اقوي الناس في الموشن جرافيك
يعني ايه موشن جرافيك ؟ الفيديو ده هيرد ع كل اسالتكم
Aftereffects برامج الموشن جرافيك كتير بس الاشهر منهم هو الافترافكتس
وده لينك لتحميل البرنامج
for mac https://goo.gl/ZzbmtF
for windows https://goo.gl/fahyni
لكل برنامج عشان تقدر تدوس فيه يبقي لازم تعرف اساسياته وعشان تعرف اساسياته لازم تكون باللغه اللي تفهمها وانا جبتلكم الاساسيات بالعربي بس متتعودوش على كده لان كل محتوي الموشن بالانجلش
وديه اساسيات الافتر بس بالانجلش مش حارمكم من حاجه اهوه https://goo.gl/QBfyTe
عشان اعرف احركها في الافترافكتlayers وده درس للناس اللي عاوزه تعرف ازاي افصل الفكتورات الي
وديه مرحله مهمه جدا وبنعمل منها حاجات حلوه وسهله shape animation بعد كده هنخش علي مرحلة الـ
بعد كده هنخش علي جزء الانترو - ازاي تعمل انترو بشكل مميز وسهل علي الافترافكت
logo animation وديه حاجه للـ
google logo animation https://goo.gl/s2t25J
liquid animation بعد كده نخش علي انيميشن جميل جدا وهو الـ
نيجي بقي للجزء الاصعب وهو تحريك الشخصيات صعب بس بيدي قوه للشغل بتاعك
معانا في تحريك الشخصيات 3 ادوات
duik - rubberhoseده لينك التحميل بتاعهم
Rubberhose https://goo.gl/Jdaf6T
وديه لينكات بقي لشرح character animation by Duik
Introduction to duik bassel https://goo.gl/5vjMD8
تطبيقات كامله علي شخصيات
Walk cycle
وديه لينكات بقي لشرح character animation by rubberhose
Run cycle https://goo.gl/iigdky
نخش بقي علي الثري دي جوه الافترافكت وده بيبقي من خلال بلجن اسمها element 3d
ده لينك التحميل بتاعها windows https://goo.gl/DnxLFd
Intro to element 3d
ديه بقي توتريال كامله للـelement 3d
واخيرا وليس اخراً ديه قنوات يوتيوب لافكار جديده للموشن جرافيك
بس بقي عشان انا تعبت 😅😅
والناس اللي حابه تتفرج علي شغلي اهوه
يلا كل اللي مهتم بالموشن شير عشان الكل يستفاد
بواسطة :التعليم ودمج الإلهام
Integrating Inspiration and Learning
Integrating Inspiration and Learning |
Students in k-12 colleges need more than simple educational subjects to prepare for higher schooling or new career opportunities. they want to understand a way to talk successfully in these days’s virtual international. davis college district in utah views virtual conversation abilities as a essential part of schooling. that’s why rather than consolidating career and technical education in specialized high schools, davis college district integrates instructions inclusive of nursing, auto restore, and photo design into fashionable excessive colleges. the exercise makes it less difficult for college students to test with digital capabilities as a probable vocation or as a basis for destiny gaining knowledge of.
media classes at davis college district excessive colleges, inclusive of video manufacturing and sport development, are taught using adobe creative cloud apps. for instance, college students assigned to make a television commercial became thoughts into reality by using growing storyboards in adobe photoshop cc, enhancing video photos with adobe most excellent seasoned cc, adding visible effects using adobe after outcomes cc, and adjusting sound exceptional with adobe audition cc.
“having college students create a commercial changed into a exquisite way to give them actual-international revel in the usage of adobe creative cloud apps,” says trainer eric scholer. “these are programs used inside the industry, and the abilties that they examine translate immediately into the administrative center. however just as importantly, students learn the way to plan a project, meet requirements, and solve any issues which can arise.”
some other manner davis college district is supporting college students display their dedication to communique and training is via giving them the opportunity to earn adobe certified partner (aca) certification. the certification is a amazing way for college students to reveal their essential expertise and abilties with a software program or distinctiveness. in 2017, more than 300 students district-wide earned certification.
with assist from adobe reseller shi global, davis faculty district purchased 2,000 seats of adobe creative cloud for its schools. the licenses are dispensed among classrooms and administrative offices in all 26 junior-high and high colleges within the district. because davis faculty district centralized its adobe innovative cloud buy at the district Degree level, it body of workers use the adobe admin console to without problems display and control license use, saving the district pointless charges whilst imparting large get right of entry to to treasured programs.
بقلم فرانسيسكا لوهمان ، مديرة التسويق للحملة لمؤسسات التعليم في جميع أنحاء العالم
الاشتراك في:
الرسائل (Atom)