Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2958

Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2968

Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2958

Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2958

Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2958

Warning: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in ..../includes/class_bbcode.php on line 2958
درس دورة تكوينية في البرمجة تفضلوا بالتسجيل - الصفحة 2
صفحة 2 من 3 الأولىالأولى 123 الأخيرةالأخيرة
النتائج 16 إلى 30 من 44

الموضوع: دورة تكوينية في البرمجة تفضلوا بالتسجيل

  1. #16

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    HTML هي اللغة الأم لمتصفحك.

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

    HTML هي لغة تسمح بعرض المعلومات (مثال: البحوث العلمية) على شبكة إنترنت، ما تراه عند زيارتك لأي صفحة في الشبكة هو ترجمة المتصفح لأوامر HTML، لكي ترى HTML لأي صفحة تزورها عليك أن تضغط على قائمة عرض "affichage"أو "View" ثم المصدر "Source".



    لمن لم يعتد على رؤية هذه الأوامر، HTML تبدو معقدة لكن هذا الدرس سيساعدك على أن تفهمها.

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

    HTML تستخدم لإنشاء المواقع، هذا كل شيء ببساطة!

    حسناً، ماذا تعني H-T-M-L؟
    HTML هي اختصار "HypEr **** Mark-up LANguge ، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.

    •Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
    t e xt تعني النص، وهذه تشرح نفسها.
    •Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
    •LANguge تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.
    في هذا الدرس ستتعلم أيضاً XHTML والتي تعني " Extensible *tex t Hyper Mark-up lanGUGE " وهي باختصار طريقة أحدث وأكثر تنظيماً لكتابة HTML.

  2. #17

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.

    العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

    "وسوم"؟
    الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.

    كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".

    بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.

    لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.


    حسناً، العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)

    المثال 1:


    <em>نص مائل.</em>

    سيظهر بهذا الشكل في المتصفح:

    نص مائل.
    العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.

    مثال 2:


    <h1>هذا عنوان</h1>
    <h2>هذا عنوان فرعي</h2>

    ستظهر بهذا الشكل في المتصفح:

    هذا عنوان
    هذا عنوان فرعي

    هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.

    معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين،
    <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.


    أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.

    في انتظار تساؤلاتكم قبل استكمال الدرس
    التعديل الأخير تم بواسطة قلب مسلمة ; 18-01-2010 الساعة 14:19

  3. #18
    عاشق المقامات الصورة الرمزية المداح
    تاريخ التسجيل
    13-12-2009
    الدولة
    الدار البيضاء
    العمر
    45
    المشاركات
    1,760

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    أكرمك الله، أنا بصدد التصفح و الفهم، إذا التبس علي أمر فسأخبرك
    الله ينورك
    [move=up]

    لا تَصْحَبْ مَنْ لا يُنْهِضُكَ حالُهُ وَلا يَدُلُّكَ عَلَى اللهِ مَقالُهُ [/move]

  4. #19
    مجلس الادارة الصورة الرمزية سهيل
    تاريخ التسجيل
    06-11-2005
    الدولة
    آسفي-المغرب
    العمر
    48
    المشاركات
    3,578

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    بالنسبة لي هذا أكثر من واضح

    كنت موفقة في
    طريقة الشرح

    ننتظر المتابعة
    [align=center]
    ما ندمت على السكوت مرة ولكن ندمت على الكلام مرارا
    [/align]

  5. #20
    عاشق المقامات الصورة الرمزية المداح
    تاريخ التسجيل
    13-12-2009
    الدولة
    الدار البيضاء
    العمر
    45
    المشاركات
    1,760

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    تابعي أكرمك الله
    [move=up]

    لا تَصْحَبْ مَنْ لا يُنْهِضُكَ حالُهُ وَلا يَدُلُّكَ عَلَى اللهِ مَقالُهُ [/move]

  6. #21

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

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

  7. #22

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    بسم الله الرحمن الرحيم

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

    أيضاً عليك أن تفتح برنامج المفكرة المفكرة "Bloc-notes"أو "Notepad"
    والذي يمكنك أن تجده في قائمة إبدأ "démarrer" أو"start" ثم قائمة البرامج
    "tous les Programes" ثم في قائمة الأدوات "Accessories":
    والذي ستجده في قائمة إبدأ ثم برامج ثم أدوات.


    ---------------------------------------------------------------------------------

    لنبدأ بشيء بسيط، سنقوم بإنشاء صفحة تقول "مرحى! هذا هو موقعي الأول." أكمل القراءة وستعرف كم هو بسيط فعل ذلك.

    لغة HTML بسيطة ومنطقية، المتصفح يقرأ HTML كما تقرأ أنت اللغة الإنجليزية: من الأعلى إلى الأسفل ومن اليسار إلى اليمين، لذلك صفحة HTML بسيطة تبدأ بما يجب أن تبدأ به أي صفحة HTML وتنتهي بما يجب أن يأتي في نهاية الصفحة.

    أول شيء عليك فعله هو أن تخبر المتصفح بأنك "ستتحدث" معه بلغة HTML، يمكنك فعل ذلك عن طريق وسم <html> لا توجد أي مفاجئة هنا، لذلك قبل أن تبدأ أي شيء أكتب "<html>" في أول سطر في برنامج المفكرة.

    كما تتذكر من الدروس الماضية، <html> هو وسم البداية ويحتاج إلى وسم إغلاق لذلك لا تنسى كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين <html> و</html>.

    الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة "head" والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "body" والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة، أمر head أو رأس الصفحة (<head> و</head>) يوضع فوق أمر body أو "متن الصفحة" (<body> و</body>).

    صفحتك يجب أن تكون بهذا الشكل:

    كود PHP:
    <html>

      <
    head>
      </
    head>

      <
    body>
      </
    body>

    </
    html
    لاحظ كيف نسقنا الصفحة بطريقة منطقية حيث وضعنا كل وسم في سطر جديد ووضعنا مسافات فارغة قبل بعضها، كقاعدة، لا يهم كيف تقوم بتنسيق الأوامر في صفحة HTML، لكن لكي تجعل الصفحة سهلة القراءة لك وللآخرين ينصح بأن تنسق الصفحة بطريقة هيكلية منطقية سهلة الفهم كما ترى في المثال أعلاه.

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

    جميل, لكن كيف أضيف المحتويات للموقع؟
    كما تعلمت سابقاً، صفحة HTML تحوي جزئياً، رأس الصفحة ومتن الصفحة، في رأس الصفحة تكتب معلومات عن الصفحة نفسها، أما المتن فيضم المحتويات التي تشكل الصفحة..

    مثلاً، إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title. اكتب عنواناً للصفحة بين وسم البداية <title> ووسم الإغلاق </title>:
    كود PHP:

    <title>موقعي الأول</title
    لاحظ أن العنوان لن يظهر في الصفحة نفسها، أي شيء تريده أن يظهر في الصفحة يجب أن يضاف بين وسمي متن الصفحة

    كما قلنا سابقاً، نريد للصفحة أن تقول "مرحى! هذا هو موقعي الأول"، هذا النص الذي نريد وضعه في الصفحة، لذلك علينا أن نكتب في متن الصفحة ما يلي::


    <p>مرحى! هذا هو موقعي الأول.</p>

    الحرف p في <p> هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية.

    صفحة HTML يجب أن تكون لديك بالشكل التالي:

    كود PHP:
    <html>

      <
    head>
      <
    title>موقعي الأول</title>
      </
    head>

      <
    body>  <p>
    مرحىهذا هو موقعي الأول.</p>
      </
    body>

    </
    html
    انتهينا! لديك الآن أول موقع حقيقي!

    كل ما عليك فعله الآن هو حفظ الصفحة على القرص الصلب ثم عليك أن تستعرضها في متصفحك:

    •في برنامج المفكرة اختر "Save as..." من قائمة "File" في القائمة العلوية.
    •اختر "All Files" في نافذة "Save as type". هذا مهم جداً، لأنك إن لم تفعل ذلك ستقوم بحفظه كملف نصي وليس كملف HTML.


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

    التعديل الأخير تم بواسطة أشرف ; 27-01-2010 الساعة 10:10

  8. #23
    عاشق المقامات الصورة الرمزية المداح
    تاريخ التسجيل
    13-12-2009
    الدولة
    الدار البيضاء
    العمر
    45
    المشاركات
    1,760

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    جزاك الله خيرا، لقد نجحت العملية، سأوافيك بالصور لاحقا
    [move=up]

    لا تَصْحَبْ مَنْ لا يُنْهِضُكَ حالُهُ وَلا يَدُلُّكَ عَلَى اللهِ مَقالُهُ [/move]

  9. #24
    مجلس الادارة الصورة الرمزية سهيل
    تاريخ التسجيل
    06-11-2005
    الدولة
    آسفي-المغرب
    العمر
    48
    المشاركات
    3,578

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    بارك الله فيك

    أوافيك بصور التطبيق من بعد ان شاء الله
    [align=center]
    ما ندمت على السكوت مرة ولكن ندمت على الكلام مرارا
    [/align]

  10. #25

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    ان شاء الله في انتظار الصور
    واعتبارا من اليوم الى بعد عودتي من السفر كل من وضع صورة تطبيقية يعتبر عضو مسجل في الدورة التكوينية وعندها سيتوقف التسجيل ان شاء الله
    وفقكم الله
    و اسالكم الدعاء

  11. #26
    مجلس الإدارة الصورة الرمزية أشرف
    تاريخ التسجيل
    08-11-2004
    الدولة
    الدار البيضاء
    العمر
    45
    المشاركات
    6,611

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    بارك الله فيك أختي الكريمة

  12. #27
    عاشق المقامات الصورة الرمزية المداح
    تاريخ التسجيل
    13-12-2009
    الدولة
    الدار البيضاء
    العمر
    45
    المشاركات
    1,760

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    هذه مشاركتي أختي قلب مسلمة،
    في انتظار النقطة




    [move=up]

    لا تَصْحَبْ مَنْ لا يُنْهِضُكَ حالُهُ وَلا يَدُلُّكَ عَلَى اللهِ مَقالُهُ [/move]

  13. #28
    مجلس الادارة الصورة الرمزية سهيل
    تاريخ التسجيل
    06-11-2005
    الدولة
    آسفي-المغرب
    العمر
    48
    المشاركات
    3,578

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

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





    لمعاينة التطبيق:

    التعديل الأخير تم بواسطة سهيل ; 05-02-2010 الساعة 15:20
    [align=center]
    ما ندمت على السكوت مرة ولكن ندمت على الكلام مرارا
    [/align]

  14. #29
    عبد الله
    تاريخ التسجيل
    07-11-2006
    الدولة
    المغرب
    المشاركات
    31

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    بارك الله فيك وأعادك سالمة غانمة. شكرا على الموضوع والشرح
    [move=right]الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين والحمد لله رب العالمين[/move]

  15. #30

    رد: دورة تكوينية في البرمجة تفضلوا بالتسجيل

    اقتباس المشاركة الأصلية كتبت بواسطة المداح مشاهدة المشاركة
    هذه مشاركتي أختي قلب مسلمة،
    في انتظار النقطة
    :d


    الصورة كما انتظرت منكم
    وانت اخي المداح من الاوائل المتفوقين واصل الاجتهاد و اعطيك النقطة اكيد بامتياز 20/19.75
    التعديل الأخير تم بواسطة قلب مسلمة ; 04-02-2010 الساعة 14:14

صفحة 2 من 3 الأولىالأولى 123 الأخيرةالأخيرة

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

  1. [أخبار مغربية] دورة تكوينية وطنية من تنظم القطاع الطلابي لجماعة العدل والإحسان
    بواسطة عادل محسن في المنتدى قسم الأخبار
    مشاركات: 2
    آخر مشاركة: 24-10-2010, 00:17
  2. مشاركات: 0
    آخر مشاركة: 20-11-2009, 00:42
  3. مشاركات: 0
    آخر مشاركة: 12-06-2009, 16:10
  4. موضوع لمن أراد المساعدة في لغة البرمجة java
    بواسطة محمد لمسيح في المنتدى منتدى الكمبيوتر والانترنت والجوال
    مشاركات: 3
    آخر مشاركة: 12-10-2007, 14:18
  5. هاام : دورة تكوينية في التصميم
    بواسطة annassih في المنتدى منتدى الكمبيوتر والانترنت والجوال
    مشاركات: 0
    آخر مشاركة: 14-08-2007, 12:32

الكلمات الدلالية لهذا الموضوع

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
تابعنا
منتديات الرفيع
ثقافية ترفيهية تهتم بكل ما هو جديد ومفيد.
www.alrafi3.com/forum
موقع الرفيع
جديد الأناشيد والأغاني الإسلامية
www.alrafi3.com/anachide