ردود دورة لتصميم صفحات الانترنيت مع هدهد

  • بادئ الموضوع بادئ الموضوع CanDle-Kuw
  • تاريخ البدء تاريخ البدء
:::::::::::::::::::::::::::::::::::::::::::::::::::::::

هذا تطبيقي

32599506.png


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
استاذتي هدهد

أنا استخدم فيستا

لذا لم أجد أمر sours بقائمة view

هل من سبيل ؟

شكرا على مهاراتك القيمة بالمنتدى

كل يوم أكتشف فيك شىء أجمل تبارك الرحمن

محبتك متفائلة

قومي بالضغط بيمين الفاره على الصفحه المطلوبه ...
ثم اختاري view source
 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

انا طبقت التدريب ولاحظت انه نفس نتيجه الدرس الثاني ..

واستنتجت انه ..html , والعنوان الفرعي لا تحتاج الى /

لكن title ضروري انا نحدد نهايتها بــ /

هذا استنتاجي ..

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
التعديل الأخير:
مثل ما قالت أم أبرار

نفس التطبيق السابق طلع,, واللي استنتجته
إنه بعض الأكواد مو ضروري أقفلها حتى أحصل على نتيجة
يكفي فقط كتابتها لتعطيني التأثير المطلوب وعند الرغبة في تغييره
فقط أبدأ بكتابة الكود الجديد
 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

انا طبقت التدريب ولاحظت انه نفس نتيجه الدرس الثاني ..

واستنتجت انه ..html , والعنوان الفرعي لا تحتاج الى /

لكن title ضروري انا نحدد نهايتها بــ /

هذا استنتاجي ..

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

استنتاج موفق ...
بالنسبه لقفله ال <html/> ففي بعض الاصدارات يقوم المحرر بمعالجه الموضوع بنفسه ...
اما بالنسبه لقفله العناوين "/" ...فهذا ما سوف تقومين به بنفسك في تمارين الدرس الثالث ..طبقي التمرين ثم اخبريني ماذا حدث معك ولماذا؟
موفقه
 
مثل ما قالت أم أبرار

نفس التطبيق السابق طلع,, واللي استنتجته
إنه بعض الأكواد مو ضروري أقفلها حتى أحصل على نتيجة
يكفي فقط كتابتها لتعطيني التأثير المطلوب وعند الرغبة في تغييره
فقط أبدأ بكتابة الكود الجديد
استنتاج في محله ...
لكني بانتظار ان تطبقي تمرين الدرس الثالث لكي تكتمل لديك الصوره ....وتعرفن متى تكون القفله ضروريه لا يمكن الاستغناء عنها .... موفقه .
 
تطبيق التمرين الثالث

1170866_l.jpg


ما لاحظته هو فقط بقاء تأثير حجم الخط على النص
يعني لو رغبت في تغيير حجم الخط فلا بد من إقفال كود الاتش
أما لو رغبت بالحفاظ على نفس حجم الكتابة فأبقيه مفتوحاً
 
تطبيق التمرين الثالث

1170866_l.jpg


ما لاحظته هو فقط بقاء تأثير حجم الخط على النص
يعني لو رغبت في تغيير حجم الخط فلا بد من إقفال كود الاتش
أما لو رغبت بالحفاظ على نفس حجم الكتابة فأبقيه مفتوحاً

يستخدم الاشاره - <h> من اجل كتابه العنوان كما اسلفنا ...
ومن الطبيعي ان يكون العنوان اكبر واغمق من بقيه النص ...
من الاخطاء الشائعه ان يتم استخدام الاشاره <h> من اجل تغميق خط النص ...هذه الاشاره مخصصه للعنوان فقط!
عندما قمنا باقفال <h> ...فاننا قد وضعنا حدا لتأثيره على غمق اللون وحدننا الجمله- العنوان- التي نريد <h> ان يؤثر عليها بحيث تعطي نصا غامقا ...
اما بالنسبه للفقره التي تلت <h/> فانها كانت خارج حدود المنطقه المتأثره ب<h> ....فكان حجم خطها عاديا ...
هناك اشارات متخصصه من اجل تغميق الخط سوف اشير اليها في دروس لاحقه ...

اذا.. عند كتابه عنوان يليه نص ...فمن الخطاء التقاضي عن استخدام <h/> لان هذا سوف يلغي التمييز بين النص وعنوانه ...ويصبح العنوان والنص شيئا واحدا من الصعب التمييز بينهما ......
 
التعديل الأخير:
اسفه على التاخر بالتطبيق ..

هذا تطبيق الدرس الثالث ..


55863673.gif




مع التدريب ..


28652725.gif






وهذا تطبيق الدرس الرابع ..

98862156.gif



وبانتظاار بقية الدروس ..

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
اسفه على التاخر بالتطبيق ..

هذا تطبيق الدرس الثالث ..


55863673.gif




مع التدريب ..


28652725.gif






وهذا تطبيق الدرس الرابع ..

98862156.gif



وبانتظاار بقية الدروس ..

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

احسنتي يا ام ابرار... اراك في تقدم مستمر ...
بالنسبه لتمرين الدرس الرابع ...بقي ان تكتبي عنوان وفقره على جنب في نفس الصفحه التي كتبتي فيها عنوان وفقره في المنتصف ...
 
فاتتني كل الدروس .. :icon1366:

كثرة الاقسام في المنتدى يخلي الوحده تضيع .. وماتعرف ترجع للمواضيع المشاركه فيها ..و تنسى! :sadwalk:
لكن مو هذا السبب بس.. بعد لاني رجعت البلاد وانشغلت باليلسة مع الاهل عن تصفح المنتدى أو المشاركة .. :shiny:..

و الحين مع الرجعة للغربة بحاول أراجع من اول وجديد .. و أطبق الدروس .. في فرصه ياهدهد؟؟
 
فاتتني كل الدروس .. :icon1366:

كثرة الاقسام في المنتدى يخلي الوحده تضيع .. وماتعرف ترجع للمواضيع المشاركه فيها ..و تنسى! :sadwalk:
لكن مو هذا السبب بس.. بعد لاني رجعت البلاد وانشغلت باليلسة مع الاهل عن تصفح المنتدى أو المشاركة .. :shiny:..

و الحين مع الرجعة للغربة بحاول أراجع من اول وجديد .. و أطبق الدروس .. في فرصه ياهدهد؟؟

طبعا عزيزتي ..طبقي الدروس ..واعرضي عملك ..وسوف اعلق عليه ..
واي سؤال انا في الخدمه.
 
أشكرك عزيزتي هدهد .. سأقوم بوضع تطبيقي للدرس الثالث و الرابع

1.gif


1-قومي بتطبيق الدرس الثالث ...



774743108.jpg

2-لماذا كانت كتابه <h1/>
الزاميه في النص السابق ؟
...جربي ان تكتبي الكود بدون استخدام<h1/> ....
ماذا لاحظتي ؟ ماذا استنتجتي؟


847259141.jpg

لاحظت كما هو واضح من التطبيق .. أنه إذا لم يتم وضع اشاره إغلاق العنوان فإن النص كله سيصبح عنوانا!! .. أي لن نستطيع تمييز العنوان من الفقرة لأنهما بنفس التأثيرات ..

3-ماهي اذا الوظيفه الاساسيه لل <h1/> ؟



وضع نهاية لتأثير العنوان الذي يميزه عن الفقرة ..
 
تمرين
1.gif

كتابه فقرتين منفصلتين ...كل فقره لها عنوانها المستقل ...
الفقره الاولى وعنوانها ذات عرض وسط الصفحه ...



فقرة في وسط الصفحة

379445356.jpg

بينما الفقره الثانيه وعنوانها ذات عرض جانبي ...

فقرة في جانب الصفحة


286065829.jpg


:icon30: :icon30:​

 
احسنتي يا جواهر ..ما شاء الله عليك ...
اعجبني ردك في السؤال الثاني من الدرس الثالث ...ممتاز.
 
عودة
أعلى أسفل