إرشادات استخدام المنتدى

   
   

الصفحة 1 من 14 123411 ... الأخيرةالأخيرة
عرض النتائج 1 إلى 10 من 137
  1. #1
    Array الصورة الرمزية rAiHaNaH
    تاريخ التسجيل
    Aug 2009
    الاقامه
    في غرفتي ( كم أحبها )
    المشاركات
    3,597
    التقييم
    2231684
    الجنس
    أنثى
    الدولة
    Saudi Arabia
    المتصفح
    Firefox
    نوع الجوال
    نوكيا NOKIA
    نظام الجهاز
    Windows 7
    المؤهل الدراسي
    جامعي
    مزاجي
    Confused

    افتراضي الدرس الأول (الجزء الأول) : نظرة للبرمجة بصفة عامة وللغة الـHTML بصفة خاصة



    السلام عليكم ورحمة الله وبركاته

    الدرس الأول اقرؤه بتمعن.. طبقوا الجزء العملي الصغير



    ماهي لغة الـ html ?

    التسمية أخذت من إختصار لـ Hyper Text Markup Language
    لغة تستخدم لإنشاء المواقع فقط.. أي انها ليست لغة برمجة لوحدها..
    لذا فهي لغة بسيطة لا تحتاج لبرنامج مترجم خاص بها ولا ترتبط بنظام تشغيل معين
    ولا تحتاج لخوضها إلا القليل من التفكير المنطقي وترتيب الأفكار.

    قارئ اللغة..

    القارئ لها هو متصفح الانترنت غالبا بغض النظر عن النظام المستخدم
    اي ان الويندوز والماكنتوش وغيرها .. ستقرأ اللغة في كلاهما بنفس الطريقة


    كتابة اللغة:

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


    اساسيات في الـ Html

    الأساس في لغة الـ Html هو ما يدعى بـ الوسم (TAG)
    حيث تتكون مفردات لغة Html من الوسوم TAGS .
    وهي تستخدم بشكل أزواج وتكتب بالصيغة التالية (من اليسار إلى اليمين):



    فعلى سبيل المثال الوسم <b> يستخدم لكتابة الكلمات بخط أسود عريض Bold وذلك بالشكل التالي:

    كود:
    <b> Text <‎/b>
    فكما نلاحظ.. يبدأ الوسم بكونه بين قوسين.. وينتهي بنفس الشكل مع وجود علامة / الشرطة المائلة
    دليل ختام الوسم..


    ملف الـ Html

    غالبا ملف الـ Html له تركيب بسيط وسهل.. من المفترض عند البدء بمشروع
    التركيز على هذا التركيب..
    الصورة التالية تشرح التركيب لملف الـ Html ببساطة



    إذن..
    ملف Html يبدأ دائماً بالوسم <html> وينتهي بالوسم <‎/html>. لا تنسوا ذلك!
    أما الوسم <head> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة
    وهي غالباً لا تكون في نفس مضمون الصفحة الظاهر للزائر.. ولكنها مخفية تقريبا
    كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين:

    كود:
    <title> … <‎/title>
    وبالطبع يجب كتابة الوسم <‎/head> لكي ننهي هذا المقطع.

    نأتي إلى الوسم <body> والذي يتم كتابة نصوص صفحة الويب ضمنه،
    بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة.
    وهو أيضاً يحتاج إلى وسم الإنهاء <‎/body>

    هذا مثال لصفحة ويب بسيطة جداً

    كود:
    <html>
    <head>
    <title>
    متديات لها أون لاين
    <‎/title>
    <‎/head>
     
    <body>
    بعيدًا عن ذوات الأرواح سنبدع =)
    <‎/body>
    <‎/html>


    محدش يرد.. دقيقة وراجعه :$
    التعديل الأخير تم بواسطة : أمجـاد بتاريخ 08-02-2012 الساعة 03:07 AM
    أحبكم آل لها


  2. #2
    Array الصورة الرمزية rAiHaNaH
    تاريخ التسجيل
    Aug 2009
    الاقامه
    في غرفتي ( كم أحبها )
    المشاركات
    3,597
    التقييم
    2231684
    الجنس
    أنثى
    الدولة
    Saudi Arabia
    المتصفح
    Firefox
    نوع الجوال
    نوكيا NOKIA
    نظام الجهاز
    Windows 7
    المؤهل الدراسي
    جامعي
    مزاجي
    Confused

    افتراضي

    نأتي الآن للتطبيق

    افتحي برنامج المفكرة

    وأكتبي الوسوم السابقة فيه.. واحفظيه بأي اسم .. ولا تنسي أن ملفات الـ HTML
    تنتهي بالصيغة: htm و html
    اي لو كنتي ستسمّي ملفك باسم test مثلا
    ستحفظينه بالاسم test.htm
    أو test.html
    وكلاهما صحيح.. وبعد الحفظ افتحيه بمتصفح الانترنت وترين إنجازك الأول

    المطلوب الآن :

    أكتبي ما تريدين أن يكون في إنجازك الأول
    والتقطي له صورة من المتصفح وضعيه هنا

    حل الواجب سيكون مفتوح لمدة 3 أيام .. انطلقوا
    التعديل الأخير تم بواسطة : أمجـاد بتاريخ 08-02-2012 الساعة 02:59 AM
    أحبكم آل لها


  3. #3
    عضو فعال Array
    تاريخ التسجيل
    Jan 2004
    الاقامه
    المملكة العربية السعودية
    المشاركات
    366
    التقييم
    55507
    الجنس
    أنثى
    الدولة
    Saudi Arabia
    المتصفح
    Internet Explorer
    نوع الجوال
    آيفون iPhone
    نظام الجهاز
    iPad
    المؤهل الدراسي
    جامعي

    افتراضي

    ماشاء الله بداية مشوقة .... ابداااع
    تسجيل حضور ولي عودة بإذن الله
    احرصي ع مشاركةكلما انتشرت زادت بهاحسناتك وتذهب بهاسيئاتك
    وأحذري مشاركةكلما انتشرت زادت بهاذنوبك ونقصت بهاحسناتك

  4. #4
    عضو Array
    تاريخ التسجيل
    Nov 2010
    المشاركات
    50
    التقييم
    17114
    الجنس
    أنثى
    الدولة
    Yemen
    المتصفح
    Google Chrome
    نوع الجوال
    لا أملك جوال
    نظام الجهاز
    Windows xp

    افتراضي

    تسجيل حضور

  5. #5
    عضو جديد Array
    تاريخ التسجيل
    Dec 2008
    المشاركات
    29
    التقييم
    210
    الجنس
    أنثى

    افتراضي

    ماشاء الله شرح جميل وواضح
    تسجيل حضور وراجعة باذن الله بالتطبيق ^^

  6. #6
    عضو Array
    تاريخ التسجيل
    Nov 2010
    المشاركات
    50
    التقييم
    17114
    الجنس
    أنثى
    الدولة
    Yemen
    المتصفح
    Google Chrome
    نوع الجوال
    لا أملك جوال
    نظام الجهاز
    Windows xp

    افتراضي

    تطبيقي للدرس الأول :

  7. #7
    عضو فعال Array الصورة الرمزية صائدة الفوائد
    عضوة متميزة
    تاريخ التسجيل
    Oct 2010
    الاقامه
    في مُلكِ الرحمن
    المشاركات
    212
    التقييم
    494596
    الجنس
    أنثى
    الدولة
    Palestine
    المتصفح
    Internet Explorer
    نوع الجوال
    إل جي LG  
    نظام الجهاز
    Windows 7
    مزاجي
    Amazed

    افتراضي

    تَسجيل حُضور
    ربي تعبت فارحمني ياربي

  8. #8
    عضو فعال Array الصورة الرمزية صائدة الفوائد
    عضوة متميزة
    تاريخ التسجيل
    Oct 2010
    الاقامه
    في مُلكِ الرحمن
    المشاركات
    212
    التقييم
    494596
    الجنس
    أنثى
    الدولة
    Palestine
    المتصفح
    Internet Explorer
    نوع الجوال
    إل جي LG  
    نظام الجهاز
    Windows 7
    مزاجي
    Amazed

    افتراضي

    كيف طريقة الحفظ وصيغ الحفظ لا أفهمها مثل unicode

    فأنا أحفظها وعندما تظهر على الإنترنتْ لا يظهرُ ما كتبته

    أختكِ مُبتدأه ^^ أعانكِ الله

    ربي تعبت فارحمني ياربي

  9. #9
    عضو فعال Array الصورة الرمزية نقآء الوجدان
    مصممة خلية العمل
    تاريخ التسجيل
    Jul 2010
    المشاركات
    260
    التقييم
    161034
    الجنس
    أنثى
    الدولة
    Saudi Arabia
    المؤهل الدراسي
    جامعي
    مزاجي
    Asleep

    Icon (10)

    .



    درس لزيز و خفيف عَ القلب
    تطبيقي الجميل


  10. #10
    عضو فعال Array
    تاريخ التسجيل
    Jan 2004
    الاقامه
    المملكة العربية السعودية
    المشاركات
    366
    التقييم
    55507
    الجنس
    أنثى
    الدولة
    Saudi Arabia
    المتصفح
    Internet Explorer
    نوع الجوال
    آيفون iPhone
    نظام الجهاز
    iPad
    المؤهل الدراسي
    جامعي

    Icon (2)

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

الصفحة 1 من 14 123411 ... الأخيرةالأخيرة

المواضيع المتشابهه

  1. الدرس الأول (الجزء الثاني) : مدخل للغة الـ CSS
    بواسطة rAiHaNaH في منتدى |استايلات الجيل الرابع| بدأت
    مشاركات: 85
    آخر مشاركة: 01-03-2012, 05:02 PM
  2. الدرس الرابع (الجزء الأول) : إدراج رابط في الصفحة
    بواسطة rAiHaNaH في منتدى |استايلات الجيل الرابع| بدأت
    مشاركات: 106
    آخر مشاركة: 22-02-2012, 12:39 AM
  3. الدرس الثالث (الجزء الأول): طريقة إدراج صورة في الصفحة
    بواسطة rAiHaNaH في منتدى |استايلات الجيل الرابع| بدأت
    مشاركات: 65
    آخر مشاركة: 16-02-2012, 01:02 AM
  4. الدرس الثاني : ...| شرح قوائم برنامج الكلك الجزء الأول ...|
    بواسطة نووووف في منتدى |هندسة الحرف| انتهت
    مشاركات: 57
    آخر مشاركة: 03-11-2010, 10:06 PM

مواقع النشر (المفضلة)

مواقع النشر (المفضلة)

تعليمات المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  



جميع الحقوق محفوظه©