|| مقدمة في لغة الويب [HTML] ||

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


النتائج 1 إلى 6 من 6
  1. #1

    الصورة الرمزية Miss ShyMaa

    تاريخ التسجيل
    Jun 2010
    المـشـــاركــات
    588
    الــــدولــــــــة
    مصر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي || مقدمة في لغة الويب [HTML] ||

    \\ بسم الله الرحمن الرحيم //
    السلام عليكم ورحمة الله وبركاته ~
    حياكم الله جميعاً رواد مسومس الكرام
    الموضوع عبارة عن مقدمة بسيطة جداً في لغة الويب (HTML)، كما يتضح من العنوان،
    لذا فلننطلق D:



    نبذة عن اللغة :
    هي لغة توصيف النصوص التشعبية (Hyper Text Markup Language - HTML) ،
    وهي لغة تستخدم في إنشاء وتصميم صفحات الويب، كما أنها من أقدم اللغات و أكثرها استخداماً.
    كما أنها لغة تعتمد على ما يسمى بالوسوم (Tags) ، ولكل وسم بداية ونهاية
    وبعض الوسوم لديها بداية فقط مثل وسم سطر جديد (Line Break - br).

    مثال وسم الفقرات (Paragraphs - p) :

    كود:
    <p> Contents <\p>
    Open         Close
    ويمثل (نهاية الوسم - المحتوى - بداية الوسم)



    لمحة عن تاريخ اللغة :
    كان لدى الفيزيائي تيم بيرنرز لي (Tim Berners-Lee) والذي كان يعمل في المنظمة الأوربية
    للأبحاث النوية (The European Organization for Nuclear Research - CERN) حلماً
    يتمثل في تمكين الباحثين في مناطق نائية من العالم من استخدام وتبادل الوثائق معاً.
    وفي عام 1989 ، كتب تيم مذكرة يقترح فيها نظاماً نصياً تشعبياً معتمد على الانترنت
    (An Internet-Based Hypertext System) ، وقام فيما بعد بكتابة برامج المزود أو الخادم
    و المتصفح ، في أواخر عام 1990.



    ننتقل إلى الجزء العملي D:
    الهيكل الأساسي لصفحة الويب :



    كود:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>
    <body>
    The content of the document......
    </body>
    </html>

    الشرح :
    1- وسم التعريف بالصفحة (Declaration Tag) :


    كود:
    <!DOCTYPE html>

    ويقصد بها تعريف المتصفح بماهية الصفحة المكتوبة وإصدار (HTML) الخاص بها
    ولكن بالامكان تجاهلها، حيث لدى بعض المتصفحات القدرة على ذلك



    2- وسم بداية الصفحة و نهايتها (Start and End of Page Tag) :


    كود:
    <html></html>

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


    3- وسم رأس الصفحة (Head Tag) :
    وهو يمثل رأس الصفحة، ويستخدم مثلاً لوضع عنوان الصفحة فيه (Title Tag)



    كود:
    <head>
    <title>Title of the document</title>
    </head>

    4- وسم جسد الصفحة (Body Tag) :
    ويمثل جسد الصفحة الذي يتم وضع محتواها فيه



    كود:
    <body>
    The content of the document......
    </body>

    تطبيق:
    1- قم بعمل مستند نصي جديد باستخدام برنامج (Notepad)
    و ضع فيه الكود الذي ترغب به، شرط ألا تخل بهيكل الصفحة الأساسي



    مثال :


    كود:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Learn HTML</title>
    </head>
    <body>
    <p>My First Page</p>
    </body>
    </html>

    2- احفظ الملف بصيغة (HTML)، وستجد أنها ظهرت كصفحة ويب،
    أيقونتها هي المتصفح الافتراضي لديك
    وها قد أنشئت صفحتك الأولى الخاصة XD



    كلمة أخيرة:
    أرجو أن أكون قد وفقت في الطرح، ولا تبخلوا علي بآرائكم و تطبيقاتكم D:
    ألقاكم على خير
    في حفظ الباري ~


  2. الأعضاء الذين يشكرون Miss ShyMaa على هذا الموضوع:


  3. #2

    الصورة الرمزية ms hagar ehab

    تاريخ التسجيل
    Jul 2008
    المـشـــاركــات
    1,285
    الــــدولــــــــة
    مصر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: || مقدمة في لغة الويب [HTML] ||

    السلام عليكم ورحمة الله وبركاته .. >
    صدييقتي العزيزة *^*
    والله انتي ترفعي الراس ماشا ءالله *^* ..
    الشرححح سلسسسسس وبالرغم من اني بكرهه القراااءة بااااين هونتوني هونتووني سهل
    وابداااااا مش ممل *^* ...
    + الإعجاز في الإنجاااز ارى تطبيق العبااارة راااائع في موضوعك قسم *^*

    و ... بالمناسبة يعني ايه (وسم) 0.0 ؟؟؟؟؟
    هطبق الدرس ان شاء الله بمجرد ما يعتقوا رقابنا مالإمتحانات ""(

    دعواتك شوشو "")
    وااااصليي ")

  4. #3

    الصورة الرمزية الـقائد

    تاريخ التسجيل
    Apr 2009
    المـشـــاركــات
    2,157
    الــــدولــــــــة
    لا يوجد
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي أهلاً بكِ وشُكراً على المُقدمة الجميلة ^^.

    وعليكُم السلام والرحمة والبركة،

    أهلاً بكِ أُختي في قسم البرامج وجزاكِ اللـهُ خيراً على هذا الموضوع أولاً،

    وعلى مُقدمة الدورة ثانياً، شرح جميل وسلس ومفهوم ماشاءَ اللـه،

    أشكُرُكِ على بداية الدورة وأرجو أن تستمري بها إلى النهاية،

    لو تُعلنين عنها سيكون جيداً وتطلُبي بعض التطبيق من الأعضاء حتى تعرفي من الذي يتابع ^^،

    وإذا أردتي أي مُساعدة لا تترددي بمُراسلتي أو مُراسلة الأخ وحدين في أي وقت،

    أُكرر شُكري لكِ ، وبالتوفيق في إكمال الدورة ^^.

  5. #4

    الصورة الرمزية Miss ShyMaa

    تاريخ التسجيل
    Jun 2010
    المـشـــاركــات
    588
    الــــدولــــــــة
    مصر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: || مقدمة في لغة الويب [HTML] ||

    هاجر
    ممتنة لحضورك D:
    الوسم مرادف لكلمة tag - شي يوضع بين قوسين <> هكذا - أحد أساسيات اللغة
    وطبقي على راحتك >> استثناء XD

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

  6. #5

    الصورة الرمزية LUAI

    تاريخ التسجيل
    Jan 2007
    المـشـــاركــات
    1,063
    الــــدولــــــــة
    ماليزيا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: || مقدمة في لغة الويب [HTML] ||

    و عليكم السلام وحمه الله و بركاته ..
    مقدمه مهمة عن لغة الـ HTML ..
    ساقوم بالتطبيق للمراجعة و منتظر دروس (مور ادفانس) ^^" ..
    تشكراتي ..

  7. #6

    الصورة الرمزية جيلال - ساما

    تاريخ التسجيل
    Sep 2012
    المـشـــاركــات
    50
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: || مقدمة في لغة الويب [HTML] ||

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

    كيفك إن شاء الله تمام ؟

    موضوع رائع وشرح جميل

    شاكر لك هذا الإبداع

    مع السلامة

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

المفضلات

المفضلات

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

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