الرئيسية | الصحيفة | خدمات الإستضافة | مركز الملفات | الحركة الانتقالية | قوانين المنتدى | أعلن لدينا | اتصل بنا |

أفراح بن جدي - 0528861033 voiture d'occasion au Maroc
educpress
للتوصل بجديد الموقع أدخل بريدك الإلكتروني ثم فعل اشتراكك من علبة رسائلك :

فعاليات صيف 2011 على منتديات الأستاذ : مسابقة استوقفتني آية | ورشة : نحو مفهوم أمثل للزواج

العودة   منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد > المنتديات التقنية والتطويرية > منتدى البرمجة والتطوير > الدورة التكوينية: أساسيات لغة HTML وتطبيقاتها


الدورة التكوينية: أساسيات لغة HTML وتطبيقاتها خاص بالدورة التكوينية من تأطير الأستاذ Extra

إضافة رد
 
أدوات الموضوع إبحث في الموضوع
قديم 2012-04-08, 16:52 رقم المشاركة : 1
ExtrA
أستـــــاذ(ة) مــــاسي
 
الصورة الرمزية ExtrA

 

إحصائية العضو








ExtrA غير متواجد حالياً


مؤطر دورة html

وسام المشاركة

العضو المميز لشهر يناير

important الدرس (3) : تعلم انشاء صفحة ويب بسيطة مع html







لغة HTML هي اختصار ل Hyper Text Markup l anguage ، وهي اللغة الأساسية التي يمكن استخدامها لإنشاء صفحات الويب. وتعتبر أول لغة تم استخدامها في تصميم صفحات المواقع وليس لها أي علاقة ببرمجة المواقع وهى تتميز بالسهولة ويمكن لأي شخص تعلمها بسهوله.


تقوم هذه اللغة بوصف وهيكلة المحتويات بشكل وتنسيق مناسبين، وذلك من خلال tags الخاصة بها لتظهر لنا بالشكل الذي نراه في صفحات الويب، فهي إذاً ليست لغة برمجة كما يظن البعض.

ولقد اخترعت هذه اللغة في عام 1990م من قبل مخترع الويب يسمى تيم بيرنرز لي ( Tim Berners-Lee) ، ثم طُـوِّرت من قبل منظمة IETF، والآن أصبحت منظمة الويب العالمية w3c هي الراعية لهذه اللغة والمسئولة عنها.


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




تتكون لغة HTML من:

Hyper Text وهي الطريقة الخاصة بالتحرك علي صفحات الانترنت بالضغط علي نص معين يدعي (Hyperlinks ) و هي وسيله للتنقل لأي مكان في شبكة الإنترنت عن طريق الضغط علي الوصلات ( الارتباطات التشعبيه ) LINKS و تعتمد علي ماذا داخل الأوسمة (TAGS) بمعني أنها تحتوي علي أكواد كأي لغة أخري .

Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.

l anguage وتعنى اللغة و هي لغة توصيف و تستخدم العديد من كلمات اللغة الإنجليزية.

اذن HTML هي مجموعة من الرموز المنطقية (العلامات Mark-up) المكتوبة بين الأقواس "<" و ">" التي تشكل مظهر وثيقة على شبكة الإنترنت والمعلومات التي يتضمنها.




الأدوات التي سنحتاجها للتعامل مع HTML ولإنجاز صفحات الويب

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

و البعض الأخر يمكنك الحصول عليها عن طريق بعض المواقع أو عن طريق الشركات المختصة, ومن بين هذه البرامج هناك:

Microsoft Expression Web

Namo Web Editor

Fresh HTML

Bash HTML

و غيرها من البرامج.

أما نحن سنعتمد على برنامج المفكرة Bloc-notes أوNotePad وهو موجود في أي جهاز.



والان ننتقل الى المرحلة الأهم و هي انشاء صفحة Web بسيطة

بتوظيف لغة HTML




1) قم بتشغيل برنامج المفكرة

Bloc-notes



أكتب الأكواد التالية




ثم كليك على Fichier ثم Enregistrer
اذا كان البرنامج بالانجليزية :
كليك على File ثم Save



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



اختر اسما معينا للصفحة
وليكن مثلا

Exemple.html
في الخانة الثانية اختر
Tous les fichiers



لا تنسى اضافة الامتداد html. لاسم الصفحة المراد تسجيلها: Example.html
فالامتداد html. ضروري جدا .
بعد تسجيل الملف ستحصل على مايلي



اضغط على الملف المحصل عليه


ألف مبروك

لقد قمت بانشاء صفحة ويب مبرمجة بلغة HTML











: منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد https://www.profvb.com/vb/showthread.php?p=545624
التوقيع




آخر تعديل ExtrA يوم 2012-04-08 في 17:09.
    رد مع اقتباس
قديم 2012-04-08, 17:07 رقم المشاركة : 2
fizazi2009
بروفســــــــور
 
الصورة الرمزية fizazi2009

 

إحصائية العضو








fizazi2009 غير متواجد حالياً


وسام المشاركة في دورة HTML

وسام المرتبة الثالثة في مسابقة المصطلحات

وسام المركز الأول في مسابقة استوقفتني آية

افتراضي رد: الدرس (3) : تعلم انشاء صفحة ويب بسيطة مع html


جزاك الله خيرا






التوقيع

فاعلم أنه لا إله إلا الله

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

صل من قطعك
و أحسن إلى من أساء إليك
و قل الحق و لو على نفسك
    رد مع اقتباس
قديم 2012-04-08, 17:17 رقم المشاركة : 3
pro
بروفســــــــور
 
الصورة الرمزية pro

 

إحصائية العضو







pro غير متواجد حالياً


وسام المشاركة في دورة HTML

العضو المميز لشهر يناير

افتراضي


شكرًا على الشرح و التطبيق تحياتي






    رد مع اقتباس
قديم 2012-04-08, 17:20 رقم المشاركة : 4
الزرقاء
بروفســــــــور
 
الصورة الرمزية الزرقاء

 

إحصائية العضو







الزرقاء غير متواجد حالياً


مسابقة السيرة

وسام المرتبة الأولى

مسابقة المبشرون بالجنة 2

المرتبة الثانية

وسام المرتبة الثانية من مسابقة السيرة النبوية العط

وسام المشارك مسابقة الأستاذ الرمضانية

وسام المركز 3حزر فزر

وسام العضو المميز

وسام الرتبة الأولى مسابقة مقدم

وسام تحدي الصور 1

افتراضي رد: الدرس (3) : تعلم انشاء صفحة ويب بسيطة مع html


شكرا لك

هذا تطبيقي لهذا الجزء


http://cf.profvb.com/do.php?id=759

شووووووووكرا





التوقيع







    رد مع اقتباس
قديم 2012-04-08, 17:32 رقم المشاركة : 5
jawadjordi
أستـــــاذ(ة) مــــاسي
 
الصورة الرمزية jawadjordi

 

إحصائية العضو







jawadjordi غير متواجد حالياً


وسام المشاركة في دورة HTML

افتراضي رد: الدرس (3) : تعلم انشاء صفحة ويب بسيطة مع html


شكرا لك
بداية موفقة






التوقيع




    رد مع اقتباس
إضافة رد

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


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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are معطلة


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

منتديات الأستاذ

الساعة الآن 16:31 لوحة المفاتيح العربية Profvb en Alexa Profvb en Twitter Profvb en FaceBook xhtml validator css validator

RSS RSS 2.0 XML MAP HTML
جميع المواد المنشورة بالموقع تعبر عن أصحابها فقط ولا تعبر بأي شكل من الأشكال عن رأي الموقع ولا يتحمل أي مسؤولية عنها

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd