أحلى أحلام

مرحبا بكم أخي الزائر أختي الزائرة.في منتدى أحلى أحلام
المرجوا منكم التعريف بأنفسكم كي تدخلوا للمنتدى معنا.
إن لم يكن لديكم حساب بعد.
نتشرف بدعوتكم لإنشائه كي تساهموا معنا ولكم جزيل الشكر.
إدارة المنتدى

انضم إلى المنتدى ، فالأمر سريع وسهل

أحلى أحلام

مرحبا بكم أخي الزائر أختي الزائرة.في منتدى أحلى أحلام
المرجوا منكم التعريف بأنفسكم كي تدخلوا للمنتدى معنا.
إن لم يكن لديكم حساب بعد.
نتشرف بدعوتكم لإنشائه كي تساهموا معنا ولكم جزيل الشكر.
إدارة المنتدى

أحلى أحلام

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

أهلا وسهلا بالعضو الجديد Omar Salman


شكري
التام لكل الأعضاء النشطين معنا...تقبلوا ودي
اااااا   أهلا وسهلا بكم وبجميع الزوار لمنتدانا أحلى أحلام شرفتم      وشكرا لكم

2 مشترك

    مقدمة في الhtml

    abdelwadoude
    abdelwadoude
    أصدقاء أحلى أحلام
    أصدقاء أحلى أحلام


    ذكر عدد الرسائل : 2267
    العمر : 49
    الموقع : http://www.quranway.net/
    العمل/الترفيه : Infographiste Maquettiste
    المزاج : حامدا لله شاكرا له
    السٌّمعَة : 0
    تاريخ التسجيل : 17/12/2007

    الورقة الشخصية
    الطاقة:

    رسالة مقدمة في الhtml

    مُساهمة من طرف abdelwadoude الأحد فبراير 03, 2008 1:52 pm

    نبذة
    تاريخية حول لغة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    الـ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] هي اختصار Hyper Text Markup Language أي لغة ترابط
    النصوص التشعبية , وهي التقنية
    الجوهر التي تتحكم بما سوف يعرضه
    المستعرض على الشاشة.
    تم تصميم HTML في البدء لكي يتمكن
    العلماء من إنشاء مستندات نصية تحتوي
    على أوامر تنسيق أساسية تسمى (ترميز)
    وارتباطات إلى معلومات أخرى (تسمى
    نصوص تشعبية أو ارتباطات تشعبية) على
    سبيل المثال يمكن أن يحتوي مستند عن
    الهزات الأرضية على ارتباط إلى
    مستندات أخرى تتحدث عن الهزات
    الأرضية كتبها علماء آخرون.

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


    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    هي عبارة عن مجرد ملف نصي عادي
    يكتب في أي برنامج نصي (على سيبل
    المثال

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) ويحفظ بصيغة HTML أو
    HTM , ويحتوي هذا المستند على شفرات
    خاصة تسمى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] توضع عادة حول كتل من
    النصوص , تلك الكتل والوسوم تسمى عناصر (Elements) ويفسر مستعرض الوب
    كإنترنت إكسبلورر او نيتسكيب تلك
    العناصر ليحدد كيفية عرضه على الشاشة. في معظم الأحيان, يملك كل عنصر في HTML
    وسم فتح ووسم أغلاق ويتألف وسم الفتح
    من إسم الوسم مع أشارتي أصغر من وأكبر من < و > . على سبيل المثال:
    وسم فتح الخط العريض هو <B> ويكون وسم
    إغلاقه محصوراً بين الإشارات أيضاً
    ولكن في هذه الحالة توجد شرطة أمامية
    قبل إسم الوسم <B/>, ويوضع النص
    الذي سيتأثر بالوسم بين وسمي الفتح
    والإغلاق ... وعند قيام المستعرض
    بالتفسير سيظهر النص المكتوب بين
    الوسمين.


    على سبيل
    المثال :


    لكتابة الإنترنت
    للجميع
    بالخط العريض نجعلها بين وسمَيْ
    الفتح والاغلاق


    <B/>الإنترنت للجميع<B>


    ** قبل
    كل شيء إفتح أي برنامج كتابة لديك على
    سبيل المثال برنامج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    في ويندوز. واكتب الآتي :-



    <HTMLdir=rtl>
    <
    HEAD>
    <
    TITLE>صفحة
    إختبار
    TITLE>
    HEAD>
    <
    BODY>
    مرحباً بكم في عالم الإنترنت
    [b]BODY>
    [b]HTML>
    [/b][/b]



    إحفظ
    الملف بأي إسم ولكن بصيغة html. مثلاً : index.htm أو index.html


    وسوم
    HTML الحيوية :
    الوسم
    الأول <HTMLdir=rtl> يشير للمستعرض أنَّ
    المواد التي تليه يجب معالجتها
    باستعمال قواعد التركيب النحوي ..والبنيوي
    الذي تفرضه لغة HTML ، و dir=rtl تخبر المستعرض أن
    الكتابة ستكون من اليمين إلى اليسار.(كلغتنا
    الحبيبة).ويظهر وسم الإغلاق المناسب
    له كالتالي <HTML/> في نهاية الملف.


    وسوم
    الترويسة :
    يشير
    الوسمان .. <HEAD> و <HEAD/> إلى حدود منطقة
    الترويسة في الملف .. التي تحتوي على
    بنود لا تظهر على الصفحة بشكل مباشر ،
    وهي اختيارية .. رغم أن بعض العناصر
    تعمل فقط عند وضعها ضمنها .. TITLE هو أحد العناصر .
    يعرف الوسمان <TITLE> و <TITLE/> ما سيظهر في
    شريط عنوان المستعرض (الشريط الأزرق
    الموجود فوق شريط القوائم) ...انظر الى
    المستعرض الذي أمامك ترى شريط فوق في
    الاعلى يظهر عليه اسم البرنامج.إذاً
    سيكون إسم صفحتنا هو (صفحة إختبار).


    وسوم
    الجسم :
    المنطقة
    التالية المبينة في السرد محصورة
    بالوسمين <BODY> و <BODY/>. كما تتوقع هذه
    المنطقة تسمى جسم المستند وتحتوي على
    محتويات المستند - المواد المرئية
    على الصفحة. لذا فإن مثالنا يعرض النص
    (مرحباً بكم في عالم الإنترنت).


    سيكون
    الناتج في المستعرض كالتالي:-



    مرحباً
    بكم في عالم الإنترنت




    وسوم
    تنسيق الأحرف :
    إذا
    بين المثال السابق حدود اللغة HTML فإن
    الويب مضجرة جداً. لكن يمكنك أن تكون
    إبداعياً أكثر وتغيّر مظهر النص
    بواسطة وسوم الأحرف ، كما هو مبين في
    السرد التالي:-



    <HTML dir="rtl">
    <
    HEAD>
    <
    TITLE>صفحة إختبارTITLE>
    HEAD>
    <
    BODY>
    هذا يريك <
    B>نصاً عريضاًB>
    هذا يريك <
    I>نصاً مائلاًI>
    هذا يريك <
    U>خطاً تحت النصU>
    <
    FONT COLOR="blue">هذا يريك كيفية
    تغيير لون الخط
    FONT>
    <
    FONT SIZE="5">هذا يريك كيفية
    تغيير حجم الخط
    FONT>
    <
    FONT FACE="Tahoma">هذا يريك كيفية
    تغيير نوع الخط
    FONT>



    يتبع
    abdelwadoude
    abdelwadoude
    أصدقاء أحلى أحلام
    أصدقاء أحلى أحلام


    ذكر عدد الرسائل : 2267
    العمر : 49
    الموقع : http://www.quranway.net/
    العمل/الترفيه : Infographiste Maquettiste
    المزاج : حامدا لله شاكرا له
    السٌّمعَة : 0
    تاريخ التسجيل : 17/12/2007

    الورقة الشخصية
    الطاقة:

    رسالة رد: مقدمة في الhtml

    مُساهمة من طرف abdelwadoude الأحد فبراير 03, 2008 1:55 pm

    السطران
    الأولان في الجسم يحتويان على وسمي
    تنسيق أحرف أساسيين ، لجعل النص أسود
    عريضاً ومائلاً. في السطر الأول ،
    يحيط الوسمان <B> و <B/> بالكلمتين نصاً
    عريضاً
    وهاتين الكلمتين ستظهران سوداوان
    عريضتان في المستعرض. وفي السطر
    التالي يؤدي الوسمان <I> و <I/> إلى جعل
    الكلمتين نصاً مائلاً مائلة. هناك أيضاً
    عدة وسوم تنسيق أحرف أخرى ، كـ <U> للتسطير و <STRIKE> للشطب و <SUP> لرفع الأحرف.


    يمكنك استعمال
    الوسم <FONT> لإعداد تنسيق نصي
    أكثر تعقيداً. يدعم هذا الوسم عدة
    سمات (attributes) متنوعة ، منها السمة COLOR و SIZE و FACE ، تحدد بالتفصيل
    كيفية عمله. هناك عدة وسوم أخرى تدعم
    السمات، وتسمى أحياناً بارامترات.


    يبيّن الوسم
    <FONT> الأول كيفية
    استعمال السمة COLOR التي تتيح لك تغيير
    لون النص. تدعم السمة COLOR نطاقاً كبيراً من
    الألوان ، من AliceBlue إلى Khaki إلى YellowGreen.
    تدعم السمة COLOR أيضاً استعمال قيم RGB ثلاثية ستعشرية ،
    أي ما معناه أنه يمكنك تحديد الألوان
    بواسطة أرقام ستعشرية (0000FF# مثلاً ) لا تقلق
    إذا كانت هذه الطريقة غير مألوفة
    لديك. (يمكنك استخدام برنامج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]).


    يتضمن الوسم
    <FONT> التالي السمة SIZE الذي يتيح لك تغيير
    الحجم النسبي للنص. يمكنك ضبط حجم
    النص على مقياس من 1 إلى 7 ، حيث الحجم 7 هو الأكبر. لا
    تتوافق هذه الأرقام مع أي حجم نقاط أو
    بكسلات محدد ، ونفس إعداد الحجم
    يمكنك أن يختلف مظهره في الأنظمة
    المختلفة يمكنك اكتساب مزيد من
    التحكم باستعمال مزيد من التحكم
    باستعمال أوراق الأنماط المتتالية.


    يستعمل الوسم
    <FONT> الأخير السمة FACE لتغيير نوع خط النص.
    بشكل عام ، من الجيد استعمال الخط
    الإفتراضي لأنه من الصعب عادة التكهن
    بأنواع الخطوط المتوفرة في كمبيوتر
    المستخدم. هذا الأمر صحيح خصوصاً في
    الحالات التي يتمكن أن تتراوح فيها
    منصات عمل المستخدم من ويندوز إن تي
    على كمبيوتر شخصي إلى System 8 على
    ماكنتوش. بعض الخطوط المتوفرة عادة
    تتضمن Arial و Courier و Times و Vendana (يدعم إنترنت
    إكسبلورر 4 تقنية تدعى تضمين الخطوط ،
    تتيح شمل خطوط يستطيع المستخدمون
    تحميلها مع الصفحات).


    سيكون الناتج
    في المستعرض كالتالي :-


    هذا يريك نصاً
    عريضاً
    هذا يريك نصاً مائلاً
    هذا يريك خطاً تحت النص
    هذا يريك
    كيفية تغيير لون الخط
    هذا يريك
    كيفية تغيير حجم الخط
    هذا يريك
    كيفية تغيير نوع الخط





    يمكن وسم واحد
    أن يكون له عدة سمات. مثلاً الإعداد
    التالي للوسم <FONT> ينتج نصاً أزرق كبير
    مكتوب بالخط Times.


    <FONTSIZE="7"COLOR="blue"FACE="Tahoma">


    يمكنك كتابة
    السمات في أي ترتيب تريده لتحقيق نفس
    النتيجة.


    قد تتفاجأ بأن
    تعلم أن المستعرض يعالج أسطر HTML
    المستقلة في المثال السابق كأنها سطر
    متواصل من النص يلتف فقط عندما يصل
    إلى حافة إطاره. ولكن هناك وسوم تجعله
    يبدأ سطراً جديداً مثل <P> و <BR>. الوسم <P> إختصار Paragraph ، أي فقرة. وفي
    هذه الأثناء سيبدأ المستعرض بفقرة
    جديدة. والأمر <BR> يدرج فاصل أسطر.
    والفرق بين هذين الوسمين أن <BR> لا يدرج أي أسطر
    إضافية فارغة. لنبدأ بالمثال التالي
    لنبين لك الفرق بين هذين الوسمين:-



    <HTMLdir=rtl>
    <
    HEAD>
    <
    TITLE>صفحة
    إختبار
    TITLE>
    HEAD>
    <
    BODY>
    مرحباً بكم في عالم الإنترنت
    <
    BR>
    لا يوجد فاصل أسطر إضافي أعلى
    هذا النص.
    <
    P>
    يوجد فاصل أسطر إضافي أعلى هذا
    النص.
    [b]BODY>
    [b]HTML>
    [/b][/b]




    سيكون الناتج
    في المستعرض كالتالي:-





    مرحباً
    بكم في عالم الإنترنت
    لا يوجد فاصل أسطر إضافي أعلى
    هذا النص.

    يوجد فاصل
    أسطر إضافي أعلى هذا النص.
    أنغام لبنان
    أنغام لبنان
    عضوة مميزة
    عضوة مميزة


    انثى عدد الرسائل : 2074
    العمر : 54
    العمل/الترفيه : قراءة وكتابة القصائد
    المزاج : الحمدلله دائما
    أعلام الدول : مقدمة في الhtml Female66
    السٌّمعَة : 0
    تاريخ التسجيل : 15/01/2008

    الورقة الشخصية
    الطاقة: 10

    رسالة رد: مقدمة في الhtml

    مُساهمة من طرف أنغام لبنان الثلاثاء فبراير 05, 2008 3:22 pm

    ما شاء الله

    معلومات وشرح كامل ووافي

    مشكوووووور اخي مصطفى وفي ميزان حسناتك ان شاء الله

      الوقت/التاريخ الآن هو الأحد نوفمبر 24, 2024 1:18 pm