الاثنين، 29 يونيو 2009

الدرس الأول

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

لو انت عاوز تبدأ الكورس معانا من الاول اضغط هناااااا و ضيف تعليق انك عايز تكون معانا

الدرس الأول

قبل ما نبدأ أي حاجة .. لازم اللي يقرا اول درس ده .. يكون قرأ الموضوع الي بعنوان

"مقدمة عن ال HTML"

هتلاقيه في أرشيف المدونة

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

عشان نتكلم عن كتابة كود ب HTML لازم نعرف اللغة دي بتتكون من ايه...

اللغة دي كلها على بعضها كدة تاجات (tags) و بالعربي وسوم

طب يعني إيه أصلا تاجات أو وسوم دي؟؟؟

التاجات او الوسوم هي عبارة عن شفرات ،، الشفرات دي بتكون أزواج و بيتكتب بينها النص..

الكلام برضو مكلكع و محدش فاهم حاجة...

يبقى ندي مثال عشان نفهم...

بصو كويس للصورة دي:


عارفة ان الموضوع لسة مش مفهوم...

بصوا يا جماعة ... أكيد كلنا فتحنا ملفات وورد قبل كدة و كتبنا فيها ... و أكيد كلنا عارفين ان لما بنضغط على B النص بيبقى عريض ... هديكو مثال على دي في ال HTML

لو جينا كتبنا:

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

دي بقى ال HTML و كل اللي جاي بالظبط زي كدة...

خلي بااااالك: التاج لما بيجي يتقفل بنحط فيه العلامة دي: /

و شوف المثال اللي فات : فتحة التاج و قفلته

و الصورة دي مثااال تاني:


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

البداية في أي ملف HTML بتبقى بالشكل ده:



ملحوووظة: متنسوش تاجات القفل .

دلوقتي اييه رأيك لو نطبق عملي؟

اعمل نوت باد و احفظها زي ما موجود في موضوع مقدمة عن ال HTML

اكتب بقى الكود ده و شوووف هيحصل ايه:


</span><span dir="rtl"></span><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG"><span dir="rtl"></span><span style=""> </span>دا بيستخدم في إظهار العنوان على شريط عنون المتصفح..</span><span dir="ltr" style="font-size: 16pt; line-height: 115%; font-family: "><o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast" dir="rtl" style="text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 16pt; line-height: 115%; font-family: Symbol; color: rgb(0, 102, 0);"><span style="">·<span style="font-family: "> </span></span></span><!--[endif]--><span dir="rtl"></span><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG">التاج </span><span dir="ltr"></span><span dir="ltr" style="font-size: 16pt; line-height: 115%; font-family: "><span dir="ltr"></span><body></span><span dir="rtl"></span><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG"><span dir="rtl"></span> دا بنستخدمه في كتابة محتويات الصفحة.. سواء كلام أو جداول أو صور.</span><span dir="ltr" style="font-size: 16pt; line-height: 115%; font-family: "><o:p></o:p></span></p> <p class="MsoNormal" dir="rtl"><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG">ملحوووظة: متنسوش تاجات القفل</span><span dir="ltr"></span><span dir="ltr" style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG"><span dir="ltr"></span> </span><span dir="rtl"></span><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG"><span dir="rtl"></span>.<o:p></o:p></span></p> <p class="MsoNormal" dir="rtl"><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG">دلوقتي اييه رأيك لو نطبق عملي؟<o:p></o:p></span></p> <p class="MsoNormal" dir="rtl"><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG">اعمل نوت باد و احفظها زي ما موجود في موضوع مقدمة عن ال</span><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG"> </span><span dir="ltr" style="font-size: 16pt; line-height: 115%; font-family: ">HTML<o:p></o:p></span></p> <p class="MsoNormal" dir="rtl"><span style="font-size: 16pt; line-height: 115%; font-family: " lang="AR-EG">اكتب بقى الكود ده و شوووف هيحصل ايه:<o:p></o:p></span></p> <p class="MsoNormal" dir="rtl" style="text-align: left;" align="right"><span dir="ltr"></span><b><span dir="ltr" style="font-size: 20pt; line-height: 115%; font-family: "><span dir="ltr"></span><html></span></b><b><span style="font-size: 20pt; line-height: 115%; font-family: " lang="AR-EG"><o:p></o:p></span></b></p> <p class="MsoNormal" dir="rtl" style="text-align: left;" align="right"><span dir="ltr"></span><b><span dir="ltr" style="font-size: 20pt; line-height: 115%; font-family: "><span dir="ltr"></span><head>Ana7asebaaaaaaat</head></span></b><b><span style="font-size: 20pt; line-height: 115%; font-family: " lang="AR-EG"><o:p></o:p></span></b></p> <p class="MsoNormal" dir="rtl" style="text-align: left;" align="right"><span dir="ltr"></span><b><span dir="ltr" style="font-size: 20pt; line-height: 115%; font-family: "><span dir="ltr"></span><title>Galaxy

بص في الصورة دي ... هو دا الاوت بوت بتاعك...



لاحظ ان كلمة Galaxy اتكتبت في شريط العنوان فوق في المتصفح... و الكلام اللي انت كتبته طلع كله جنب بعضه

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

· ملحوووظة: في ال HTML مفيش فرق بين الحروف الكبيرة و الصغيرة .. capital litters & Small litters

نبدأ دلوقتي ناخد شوية تاجات جديدة:



الأوت بوت أنا حاطاه في الشرح ال PDF


·

برضو الأوت بوت في شرح ال pdf


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

كدة خلصنا أول درس ..و مفيش تاسك المرة دي لأننا نعتبر مخدناش حاجة

عايزة اعرف منكم هل أنا ماشية بسرعة و للا ببطئ

و عايزة اعرف آراءكم في الشرح

و أكيد طبعا اللي واقف معاه حاجة في التطبيق لااااازم يقول

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

دا لينك تحميل الشرح

و هو أحسن بكتيييييير من الشرح عالمدونة

ـــــــــــــــــــــــــــــــــ

في أمان الله

هناك 26 تعليقًا:

  1. ملحوووظة هااامة:

    أنا في مثال التاج P

    اللي بينزل سطرين .. نسيت احط ال / في قفلة التاج

    و كويس ان دا حصل عشان انبهكم لحاجة

    رغم اني غلطت في قفلة التاج .. إلا إن الصفحة طلعت عادي و اترنت

    و السبب في كدة ان اللغة دي ملهاااش مترجم خاص (compiler)..

    في امان الله

    ردحذف
  2. الله ينور عليكي .. والله شرح جميل جدا ..

    بس يا ريت تبقى تزودي شوية في الشرح بعد كده ..

    Eng/Nono

    ردحذف
  3. ميرسي جدا يا نونو و ان شاء الله هزود لحد ما تزهقو

    في امان الله يا قمر...

    أهم حاجة بس ... انتي طبقتي؟؟؟

    ردحذف
  4. اه طبقت الحمد لله ...
    والموضوع ماشي تمام
    بس ياريت يفضل على طول سهل كده

    والف شكر ليكي يا جميل ع المجهود ده

    ردحذف
  5. العفو يا قمر

    و بجد فرحانة انك اشتغلتي معايا

    و ان شاء الله الموضوع هيبقى سهل لحد ما نبدأ في الجداول

    في أمان الله

    ردحذف
  6. الله عليكي يا قمر
    بجد شرح جامد مفيش احسن من كده
    انتي ينفع تكوني معيده على فكره لانك بتعرفي توصلي المعلومه صح
    انا طبقت على فكره الكلام اللي انتي شرحتيه والحمد لله طلع مظبوط معايا

    جزاكي الله كل خير على مجهودك معانا

    وانا مستنيه الدرس التاني
    متتاخريش علينا باه

    ردحذف
  7. ميرسي جداااا جداااا يا braveHeart

    و و الله دا توفيق من ربنا مش أكتر

    المهم ،، أنا مش هقدر أبدأ الدرس التاني إلا ما كل اللي سجلو معانا يطبقو و يعلقو عشان اقدر اكمل

    مينفعش بعد ما جمعنا العدد اشتغل مع اتنين بس

    في أمان الله

    ردحذف
  8. بجد شكرا يابشمهندسة علي المجهود دة واللي انتي عملاة انتي بجد بتتعبي اوي وربنا يكرمك بصراحة مافيش كلمة شكر توفي حقك بجد ربنا يكرمك وكفاية كدة احسن انا حاسة اني بشحت

    ردحذف
  9. ههههههههههههههههههههههههههههههه

    يخرب عقلك يا بنتي

    ميرسي جدا على ذوقك بس انتي مييييييييييين؟؟؟

    ردحذف
  10. ايه الحلاوة دى ياباشا ..ربنا يوفقك ..

    ردحذف
  11. الله يكرمك يا قمر

    بس المهم انتي طبقتي ؟؟؟

    ردحذف
  12. begad mesh 3arfa 2a2olek a 3la maghoodek el ra2e3 da rabena ygzeeky 5eer we ywafa2ek wel 7amd lellah ana taba2t kol el kalam
    pink rose

    ردحذف
  13. ألف شكر على مجهودك ياقمر
    وربنا يوفقك

    ردحذف
  14. ميرسي جدا جدا يا روز على ذوقك

    و و تابعي معانا عشان الدرس التاني هينزل قريييياااا

    في أمان الله

    ردحذف
  15. ميرسي جدا يا لولو على مرورك و ردك

    نورتي البلوج

    في أمان الله

    ردحذف
  16. جامده يا جوجو طول عمرك مستنين الباقى

    ردحذف
  17. ميرسييي يا قمر

    و ان شاء الله ربنا ينفعك بيه

    في أمان الله

    ردحذف
  18. طب انا عملت كل حاجه

    بس طلعت بلغه الهنود الحمر

    اعمل ايه؟؟؟


    اه ياريت تشيلى تأكيد الكلمه من التعليقات عشان الناس كده هتكسل تعلق

    ردحذف
  19. اوك يا قمر هشيل التاكيد

    المهم انتي شغالة بمتصفح اييييييه؟؟

    ردحذف
  20. بجد شرح جاااااامد

    ربنا يخليكي لينا ياقمرايه :)

    ردحذف
  21. ميرسي جدا يا توتا يا قمر

    و خلاال النهاردة او بكرة بالكتير الدرس التاني هينزل باذن الله

    في أمان الله

    ردحذف
  22. في حلين يا ألوان

    الأول انك تستخدمي انترنت اكسبلورر

    و التاني لما تشتغلي عالفاير فوكس

    هتلاقي فوق في المتصفح قايمة اسمها view

    اضغطي عليها و منها اقفي على... Character Encoding

    هتظهرلك قايمة تانية اختاري منها....

    ( windows 1256( Arabic

    جربي كدة و قوليلي النتيجة يا قمر

    ردحذف
  23. العفووووووو يا قمرين

    ردحذف
  24. الحمدلله انا طبقت

    ربنا يجازيكي خير يارب

    معاكي سارة هندسة اتصالات

    ردحذف

رأيك يهمني