الرئيسيةالتسجيلدخول

شاطر | 
 

 Course HTML

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4, 5  الصفحة التالية
كاتب الموضوعرسالة
Mr.gemy
عضو جديد
عضو جديد


ذكر
عدد الرسائل : 14
العمر : 26
تاريخ التسجيل : 09/06/2008

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 8:03 pm

شكرا تلموذ باشا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abdo
عضو جديد
عضو جديد


ذكر
عدد الرسائل : 11
العمر : 28
تاريخ التسجيل : 31/10/2007

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 9:17 pm

تمام يا تلموذ ومنتظرين الدرس القادم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نور
مشرفه عامه
مشرفه عامه


انثى
عدد الرسائل : 5392
العمر : 28
تاريخ التسجيل : 26/10/2007

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 9:30 pm

فعلا شغل جامد

_________________



امحي زنوبك
من هنا

http://www.shbab1.com/2minutes.htm
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف


ذكر
عدد الرسائل : 1053
العمر : 28
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 10:13 pm



برافوووووووووووووووو تلموذ

بجد هايل

الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف


ذكر
عدد الرسائل : 1053
العمر : 28
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 10:20 pm


بصى يا سما تلموذ كاتب ملحوظة صغيرة
هى بعض المتصفحات لا تتعرف على رموز الالوان الا بعد وضع أشارة # فيستحسن وضعها غالبا
والله اعلم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف


ذكر
عدد الرسائل : 1053
العمر : 28
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

مُساهمةموضوع: رد: Course HTML   الثلاثاء يونيو 10, 2008 10:36 pm


بقولك اية يا تلموذ هى الصورة دى image.jpg ممكن ابدلها بأى أسم صورة ليا على الجهاز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 1:42 am

الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 1:43 am

شكرا ياأمير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 1:46 am

طب الحمد لله انك حليت مشكله الالوان انا كنت لسه هجاوبك


بس عشان مشكش غيري الكلام بئي
ههههههههه

وانت يا عم أمير

ممكن تجيب اي صوره ليك او اي صوره للجيران كمان وتغير اسمها وتعمل الي انت عاوزه
ايه رأيك

ملحوظه:
انا هتوقف عن الدروس شويه لرغبه بعض الاعضاء عشان هما متأخرين وكمان عشان جولدن فلور وكمان عشان الاعضاء تلحء تطبء كويس

عاوز اشوف ابداع
شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 2:46 am

شوف برضو
هههههههههههههه

انا كنت والله هجبلك حته من الاطار
وبعدين رجعت قولت خلاص بقى فى ثقه
بس شكلك مش بتثق فى حد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr.gemy
عضو جديد
عضو جديد


ذكر
عدد الرسائل : 14
العمر : 26
تاريخ التسجيل : 09/06/2008

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 6:35 am

شكرا تلموذ باشا

بس عندى سؤال اما بجي احفظ الصفحة مبلاءيش الامتداد المطلوب

يا ريت أي حد يفيدنى


الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 6:38 am



خدبالك بيكتب الاسم وبعده الامتداد زى ما تلموذ قايل فى الصوره
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف


ذكر
عدد الرسائل : 1053
العمر : 28
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

مُساهمةموضوع: رد: Course HTML   الأربعاء يونيو 11, 2008 9:11 am


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


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 6:53 am

فين باقى الدروس ياتلموذ

كفايه كده على الدرس دا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 6:58 am


اوك ربع كدا وهحط الدرس الي بعده
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 7:01 am

لا لا

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


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:07 am

ادعيلي ياسما

الدرس الثالث الخطوط




أهلاً وسهلاً بك إلى الدرس الثالث من دروس HTML. لا زلنا نناقش معاً أساسيات تنسيق صفحات الإنترنت والتحكم بخصائصها. وسوف نتابع ذلك في هذا الدرس من خلال التعرف على الوسوم الخاصة بالخطوط.
سوف تلاحظ في هذا الدرس والدروس اللاحقة أن هناك أكثر من طريقة لأداء نفس العمل، أو إعطاء نفس الخصائص لصفحات الإنترنت. وبالمقابل قد يبدو لك أن بعض الوسوم والخصائص متشابهة في تأثيرها، لكن بالقليل من التدقيق والتجربة ستكتشف أن لكل وسم خصوصيته.

ولنبدأ

راجع صفحتنا البسيطة التي عملنا فيها في الدرسين السابقين. إننا لم نقم بالتعامل مع الخطوط فيها ولا بأي شكل من الأشكال. أي أننا تركناها على إعداداتها الافتراضية.
وبالمناسبة فإن هذه الإعدادات هي خط عادي، نوعه
Times New Roman وحجمه 3 (بمقياس متصفحات الإنترنت).

الوسم الأول الخاص بالخطوط هو


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








والآن أعرف ماذا تريد أن تسأل، ستقول لقد ثبت حجم الخط على حده الأدنى عند الدرجة -2 وعلى حده الأعلى عند الدرجة +4. إذن ما الفائدة من وجود الدرجات الأخرى الأقل من -2 والأكبر من +4؟
حسنا وأنا أجيبك بسؤال آخر: ماذا لو قمنا بتغيير الحجم الافتراضي للخط في كل الصفحة إلى 1 بدلاً من 3؟ (وسوف نقوم بذلك فعلاً بعد قليل)، ألا نحتاج في هذه الحالة إلى الدرجات من +1 إلى +6 لتمثيل الأحجام الأكبر منه؟ وإذا قمنا بتحديد 7 كحجم إفتراضي ألا نحتاج إلى الدرجات من -1 إلى -6 لتمثيل الأحجام الأصغر منه؟ إذن نحن نحتاج فعلاً إلى هذه الدرجات لكي نغطي جميع الإحتمالات الواردة.
أرجو أن يكون هذا الجواب قد أقنعك :-)

وهذه بعض الأمثلة لتوضح لك كيفية استخدام هذا الوسم، وسوف أرفق نتيجة كل مثال بعده مباشرة.








ننتقل الآن إلى الوسم الثاني من الوسوم الخاصة بالخطوط وهو



وعمله هو تحديد نوع الخط وخصائصه بالنسبة للصفحة كلها . أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه.
هل لاحظت انه وسم مفرد ولا يحتوي على وسم للنهاية؟ بالطبع ما الحاجة إلى وسم النهاية طالما أنه يتعامل مع الصفحة ككل ومع الإعدادات الأساسية لها، وليس مع كلمة أو سطر أو فقرة بذاتها. لذلك فإن هذا الوسم يكتب عادة في أول الملف، ويفضل مباشرة بعد وسم


أما الخصائص المستخدمة معه فهي نفس الخصائص سالفة الذكر مع ، (نستطيع استخدام الخاصية Name معه بدلاً من Face). وبنفس الطريقة وبدون أي اختلافات. وإليك هذه الشيفرة كمثال:




وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضي للصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبة في تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الوسوم لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلة السابقة، فهي أكثر تحديداً وأكثر مرونة من الوسم

وبمناسبة الحديث عن الألوان وتغيير اللون الأساسي لنص الصفحة. ألا تذكر أننا في الدرس السابق تكلمنا عن الخاصية Text التي تكتب مع الوسم والتي استخدمناها لتحديد لون نص الصفحة... أنا لا زلت أذكر ذلك.
لا يوجد تعارض بين هذه الخاصية وخاصية
Color في الوسم
فأنت بكل بساطة تستطيع استخدام أي منهما في صفحتك. وإذا حدث واستخدمت كلاهما فإن اللون المحدد مع الوسم

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




هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:



وحرف n هو رقم بين 1-6 يمثل مستوى العنوان.










ونأتي الآن إلى التنسيقات والتأثيرات التي يمكن إضافتها إلى النصوص. وفيما يلي الوسوم الخاصة بها متبوعة بمثال ونتيجته:


* الخط الغامق (الأسود العريض)، ونستخدم له الوسوم التالية:





* الخط المائل





* الخط المسطر











وهذا النص يعرف أيضاً بالنص موحَد المسافات Monospaced Text. ولتوضيح هذا المفهوم إليك المثال التالي:
إذا أخذنا الحرفين
m,i وكتبنا كل منهما عشر مرات متتالية نلاحظ أن المساحة التي شغلها الحرف m هي أضعاف المساحة التي شغلها الحرف i

iiiiiiiiii
mmmmmmmmmm


أما عند استخدام الوسم



فإن المساحة التي يشغلها كلا الحرفين تصبح موحدة

iiiiiiiiii
mmmmmmmmmm



وقد أردت من هذه الأمثلة توضيح مسائل معينة أولها: أن بإمكاننا استخدام عدة وسوم وتنسيقات معاً في نفس الوقت ولنفس المقطع من النص. (وذلك لجميع الوسوم وليس فقط لوسوم الخطوط). وكما ذكرت سابقاً، لا أهمية لترتيب هذه الوسوم ولا أيها ورد أولاً... لكن
عند استخدام الوسوم المتعددة في مقطع واحد يجب مراعاة عدم التداخل بينها!... كيف؟ أنظر إلى الرسم التالي:





فكتابة الوسوم السابقة بالطرق التالية هو خطأ:







أعرف أنك لم تصدقني وأنك قمت بتجربة هذه الوسوم وربما حصلت على نتيجة صحيحة. حسناً العبرة ليست في عبارة واحدة مكونة من وسمين أو ثلاثة تكتبها في ملف صغير بل في صفحة إنترنت كاملة قد تتألف من مئات أو حتى آلاف الوسوم مكتوبة في ملف خالٍ من الأخطاء المنطقية والتداخلات التي قد تسبب الإرباك للمتصفحات، وتؤدي إلى عدم عرض هذه الصفحة بالشكل المناسب والمطلوب.
لذلك فأهمية أن تتجنب وجود الوسوم المتداخلة في صفحتك هو بنفس الأهمية التي يجب أن توليها لكتابة هذه الوسوم بالصورة الصحيحة إملائياً. وإلا فالمتصفحات لا ترحم. وكثيرة هي المرات التي حصل فيها المصممون على صفحات منهارة بسبب نسيان حرف واحد أو إشارة مثل < أو > أو "
بإختصار شديد... وكقاعدة أساسية، الصفحة المصممة جيداً هي الصفحة ذات الوسوم الصحيحة وغير المتداخلة.

وصلنا الآن إلى نهاية هذا الدرس. أتمنى أن تكون قد قضيت وقتاً ممتعاً معه. وأن لا يكون قد أحدث تداخلاً في وسوم أفكارك.




الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:25 am

تمام ياتيمو

وربنا معاك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:29 am

ربنا معانا جميعا

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


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:33 am

ياريت والله يبقى تمام

بس انا لو حليت صح اخد جايزه لو غيرى
هو اللى كسب تدينى انا الجايزا برضو
ههههههههههههههههه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:36 am


بس كده

أنت تأمري

وأنا مليش حاجه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سما
عضو ملكي
عضو ملكي


انثى
عدد الرسائل : 733
العمر : 27
تاريخ التسجيل : 14/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:41 am

اه انت كمان ليك

مقابل الدروس دى اديك صور لكونان حلوه ايه رأيك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف


ذكر
عدد الرسائل : 1737
العمر : 28
تاريخ التسجيل : 12/10/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 8:42 am


لا أنا طلبي أكيد وصلك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف


ذكر
عدد الرسائل : 1053
العمر : 28
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

مُساهمةموضوع: رد: Course HTML   الجمعة يونيو 13, 2008 11:34 pm


لذيذ يا تلموذ بجد مفيد جدا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
golden flower
مشرفة
مشرفة


انثى
عدد الرسائل : 2517
العمر : 28
تاريخ التسجيل : 28/04/2008

مُساهمةموضوع: رد: Course HTML   السبت يونيو 14, 2008 1:32 am

رائع جدا يا تلموذ طريقه العرض سهله وجميله

_________________
http://gflower.computality.com/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
Course HTML
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 5انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4, 5  الصفحة التالية
 مواضيع مماثلة
-
» HTML
» العناصر والوسوم HTML
» كود لوضع خلفية لصفحات html
» البرنامج الذي يحول من PDF, RTF, DOC, PPT, XLS, HTML , MHT إلىtext
» تعلم لغة HTML

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: الكمبيوتر والإنترنت :: الويب :: HTML-
انتقل الى: