مضى على الشبكة .. 6 سنوات و 341 يوم من العطاء.


الدرس الأول :: أساسيآت لغة برمجة ال html و فيما تستعمل و تطوراتها :: .. !؟

ركن المواضيع المغلقة والمكررة والملغومة [ السلة ]

 
نسخ الرابط
الرابط المختصر شاركنا على : Twitter أو Facebook
في حال وجود أي مواضيع او ردود مُخالفة من قبل الأعضاء ، يرجى الإبلاغ عنها فورا باستخدام أيقونة تقرير عن مشاركة ، و الموجودة أسفل كل مشاركة .

  • {vb:rawphrase vbseo_linkback} ()
  •  
    أدوات الموضوع
    قديم 2010-01-31   رقم المشاركة : 1 (permalink)
    Default الدرس الأول :: أساسيآت لغة برمجة ال html و فيما تستعمل و تطوراتها :: .. !؟

    اضغط على الصورة لرؤيتها بالحجم الطبيعي

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

    طبعا ً البعض بجوز يلاقي صعوبة بفهم هالدرس ... بس انا رح حاول بسسط المعلومة اقدر ما بقدر اوكي اخواني
    اضغط على الصورة لرؤيتها بالحجم الطبيعي

    المهم التفكير السليم و القعل المفتوح يكون متواجد هون هادا اهم الشي ...
    اضغط على الصورة لرؤيتها بالحجم الطبيعي





    اضغط على الصورة لرؤيتها بالحجم الطبيعي


    اثبتت الدراسات ان اكتر من 70% من المواقع على هذه الشبكة العنكبوتية تستخدم في صفحاتها و في طياتها لغة ال HTML

    رح اطرحلكن هلء تآريخ هاللغة هي :



    HTML = Hyper Text Markup Language
    لقد تم تصميم لغة الـ HTML الأولية في عام 1992 من قبل تيم بارنرز لي -Tim Berners-Lee- وروبرت كاليو -Robert Caillau- .
    حيث قاما باشتقاق لغة الـHTML من لغة ال SGML .

    ماهية لغة ال SGML ؟
    الكلمة SGML هي اختصار للجملة Standardized General Markup Language التي معناها باللغة العربية (لغة الترميز المعممة البنيوية ) ، تم تطوير هذه اللغة في مختبارات شركة IBM العالمية سنة 1969 .

    في الحقيقة ، تم تصميم الـ HTML لتصميم المستندات لا لوصفها .

    وطبعاً ، مع مرور الوقت ، كان من الواجب ان تكون هناك نسخ معدلة من الـHTML .

    تواريخ مهمة :
    1992
    تصميم لغة الـ HTML الاساسية .

    1993
    تصميم لغة الـ HTML + والتي تعتبر تحسين بسيط للغة الـ HTML الاساسية .

    1994
    تصميم لغة الـ HTML النسخة الثانية
    تصميم لغة الـ HTML النسخة الثالثة

    1996
    دعم المتصفحانNetscape و Explorer للغة الـ HTML .
    تصميم لغة الـ HTML النسخة رقم 3.2 .

    1997
    تصميم لغة الـ HTML النسخة رقم 4 .

    1999
    تصميم لغة الـ HTML النسخة رقم4,1 والتي تعتبر تحسين بسيط للغة الـ HTML النسخة رقم 4 .
    طبعا ً هي يلي رح ندرسها من خلال دروسنا ان شاء الله

    2000
    تصميم لغة الـ XHTML وهي تعتبر إلا حد ما دمج للغة الـ HTML و الـXML .






    إذا لاحظتو أخواني اللغة قديمة ..
    اضغط على الصورة لرؤيتها بالحجم الطبيعي .. بس لهلء اكتر من 70% متل ما زكرت من المواقع بيستخدموها .. لكونها مهمة و سهلة ... اضغط على الصورة لرؤيتها بالحجم الطبيعي

    رح نجي هلء لحتى نشوف شو الفرق بين لغة ال HTML و اللغة يلي صآرت حديثا ً XHTML ...
    اضغط على الصورة لرؤيتها بالحجم الطبيعي
    ||.:: إعلانات ::.||
    أشهر مواقع الشراء العالمية التي تقبل Paypal + Credit card  All Types and more
    ebay - amazon - iPad - iPod nano - iPod touch - Mac OS X- iphone 4s - samsung galaxy s ii - nike - xbox 360 - kindle - lego star wars - galaxy nexus- nook - Canon - Minolta - Realtek - Dell - Bose - NVIDIA - Vizio - BOSE - Dollar Tree - Kmart - Mattel - Motorola - Nikon - Petsmart- Sheraton - Hankook - Minolta - Logitech - TomTom - Sears -  stickies - Virgin Atlantic - adobe - Bose - divx - Jobing.com - Klipsch - Kmart - Lexmark - Mattel - vizio - radar detector - Behringer - Sennheiser - Advanceautoparts.com - Autozone.com - Gymboree.com - Rightstart.com - Diapers.com - Babyuniverse.com - Totsy.com - Gap.com - Carters.com - Toysrus.com - Ibuyofficesupply.com - Officedepot.com - Shoplet.com - Quill.com - Officemax.com - Cheapofficesupplies.com - Adorama.com - BHphotovideo.com - Walmart.com - Soap.com - Fragrancenet.com - Fragrancex.com - Abebooks.com Barnesandnoble.com - Abt.com - Dell.com - Hp.com - Apple.com - Tigerdirect.com - Laptoppartsexpert.com - Buy.com - Bestbuy.com - Overstock.com - Outlet.lenovo.com - Ecost.com - Insight.com - Compusa.com - Mobilepc.com - Puremobile.com - Expansys-usa.com - Kohls.com - Manoffashion.com - dsw.com - Zappos.com - athleta.com - Fredericks.com - Karmaloop.com - endless.com -  




    تُعرف XHTML بأنها دمج بين لغة HTML المعروفة و XML

    الصفحات المصممة باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات

    عليك أن تعرف أن XHTML هي لغة المستقبل ...
    اضغط على الصورة لرؤيتها بالحجم الطبيعي :icon330:


    أكواد XHTML ليست مختلفة كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:

    • كود XHTML يجب أن يكون مرتباً جيداً
    • يجب دائماً اغلاق وسوم XHTML
    • يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
    • يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه



    س / ماهو الفرق بين HTML و XHTML ؟ :icon407:

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








    رح أشرح هلء بعض خصائص هاللغة ...

    شو ممكن نستفيد من لغة ال HTML
    اضغط على الصورة لرؤيتها بالحجم الطبيعي .!؟


    بعد تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا JAVA - PHP - XHTML ) تعتمد أساساً على فهمك للغة HTML

    وسأضرب لكم مثال بسيط : :icon231: << ضربو :icon330:

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










    تمام لهون .. !؟ الكل فهمان معي لهون .. ؟

    :20092:


    شوووو ما سمعت ... الكل فهمااااااان .. !؟


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


    ايه الحمد لله :icon407:








    هلء رح إشرح آلية عمل اللغة و طريقة صنع الصفحات من خلال هذه اللغة

    الإدوات المطلوبة :

    • برنامج ال Notepad يعني الدفتر او المفكرة و بيجي مع الويندوز
    • اي برنامج تصفح :)
    • كآسة شآي او فنجان قهوة او حتى شيشة إذا بدكن :icon330:

    و ركزو معي منيح يلا

    اللغة بتعتمد ع شي أسمو اوساآم
    اضغط على الصورة لرؤيتها بالحجم الطبيعي ...

    يا يحيى نحن ما منفهم روق علينا شوي .
    اضغط على الصورة لرؤيتها بالحجم الطبيعي . شو هي اوسام .اضغط على الصورة لرؤيتها بالحجم الطبيعي . شو عم تحكي انت ..اضغط على الصورة لرؤيتها بالحجم الطبيعي..

    اوكي حبيبي .. شوف المخطط يلي تحت و رح تعرف شو هي اوسام اخوي



    وسم البداية
    وسم النهاية
    i<HTML> <‎/HTML>
    <HEAD> <‎/HEAD>
    <TITLE> <‎/TITLE>
    <BODY> <‎/BODY>i



    أكيد ما فهمتو شي صح .. :)

    بعرف الحق معكن والله

    تيب شوفو المخطط التاني




    اضغط على الصورة لرؤيتها بالحجم الطبيعي



    لا حدا يقلي ما فهم .... :icon453::icon190:



    يوه سامع واحد من بعيد عم يقول ما فهمت .اضغط على الصورة لرؤيتها بالحجم الطبيعي .. yokyoبعدي راسك شوي ..اضغط على الصورة لرؤيتها بالحجم الطبيعي . شو حبيبي ما فهمت .. ؟ اضغط على الصورة لرؤيتها بالحجم الطبيعي


    تيب رح وضحلك المخطط بطريقة تانية :)

    لا حول ولا قوة إلا بالله العلي العظيم


    شوفني



    اضغط على الصورة لرؤيتها بالحجم الطبيعي


    يعني بالمختصر .... نبتدي صفحة الانترنت يلي بدنا نساويها بالوسم

    <html>

    و مننهيها كمان بالوسم

    </html>

    عنوان الصفحة رح يبدأ بالوسم

    i<head>
    <title> but your page address
    </title>
    </head>i

    شفت الشرح كيف .. .!؟؟

    :20092:


    هلء قلي ما فهمت كمان .
    اضغط على الصورة لرؤيتها بالحجم الطبيعي . مشان دمرك ههههههههههههههههههه


    نحن كل شغلنا اخواني رح يكون بقلب الوسمين

    i<body>

    </body>i




    *** طبعا ً انا وضعت حرف i بالانكليزي لكي اغلق القوسين :)
    اضغط على الصورة لرؤيتها بالحجم الطبيعي






    الحمد لله تم شرح الدرس الاول .. ان شاء الله يكون درس واضح و سهل ... و تابعوني بالدروس القادمة ان شاء الله

    اضغط على الصورة لرؤيتها بالحجم الطبيعي


    لأي استفسار اخواني تفضلو اطرحو اسئلتكن بموضوع الاستفسارات .. بالضغط هنا


    اضغط على الصورة لرؤيتها بالحجم الطبيعي


    السلام مسك الختآم







    توقيع  xXJoKeRXx

    اضغط على الصورة لرؤيتها بالحجم الطبيعي
     

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

    أدوات الموضوع

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

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


    المواضيع المتشابهه
    الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
    الدرس التاسع و الخامسون::الجزأ الأول الحل الجذري فيما يختص بمشاكل اسكربت(vBulletin):: Mr.Alsa3ek حلول مشاكل المخترقين 0 2012-07-20 04:27 AM
    الدرس الخامس و الخامسون :: الجزأ الأول || الحل الجذري فيما يختص بتشفير الباسورد :: Mr.Alsa3ek حلول مشاكل المخترقين 0 2012-06-16 02:56 PM
    الدرس الثاني و الخامسون :: الجزأ الأول || الحل الجذري فيما يختص بالثغرات :: Mr.Alsa3ek حلول مشاكل المخترقين 0 2012-03-30 02:39 AM
    أهلاً وسهلاً بك إلى الدرس الأول من دروس htmlالدرس الاول أهلاً وسهلاً بك إلى الدرس الأول من دروس html. سوف أقوم في هذا الدرس بسرد الوسوم الأساسية لصفحة LaKaMouRa ركن لغات البرمجة 0 2011-06-20 03:14 PM
    الدرس الأول : الأساسيات تعريف ملف Html والوسوم الرئيسية فيه، إنشاء صفحة ويب بسيطة الدمـــ عـازف ــــار ركن المواضيع المغلقة والمكررة والملغومة [ السلة ] 18 2010-10-19 08:08 PM


    الساعة الآن حسب توقيت مكة المكرمة 04:44 PM.


    Powered by vBulletin
    Copyright ©2007 - 2012 Sa3eKa.CoM . All rights reserved
    || ѕє¢υяιту By Sa3eKa TeAm ||

    SEO by vBSEO

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88