بسم الله الرحمن الرحيم
لو انت عاوز تبدأ الكورس معانا من الاول اضغط هناااااا و ضيف تعليق انك عايز تكون معانا
الدرس الأول
قبل ما نبدأ أي حاجة .. لازم اللي يقرا اول درس ده .. يكون قرأ الموضوع الي بعنوان
"مقدمة عن ال 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
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كدة خلصنا أول درس ..و مفيش تاسك المرة دي لأننا نعتبر مخدناش حاجة
عايزة اعرف منكم هل أنا ماشية بسرعة و للا ببطئ
و عايزة اعرف آراءكم في الشرح
و أكيد طبعا اللي واقف معاه حاجة في التطبيق لااااازم يقول
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
دا لينك تحميل الشرح
و هو أحسن بكتيييييير من الشرح عالمدونة
ـــــــــــــــــــــــــــــــــ
في أمان الله
ملحوووظة هااامة:
ردحذفأنا في مثال التاج P
اللي بينزل سطرين .. نسيت احط ال / في قفلة التاج
و كويس ان دا حصل عشان انبهكم لحاجة
رغم اني غلطت في قفلة التاج .. إلا إن الصفحة طلعت عادي و اترنت
و السبب في كدة ان اللغة دي ملهاااش مترجم خاص (compiler)..
في امان الله
الله ينور عليكي .. والله شرح جميل جدا ..
ردحذفبس يا ريت تبقى تزودي شوية في الشرح بعد كده ..
Eng/Nono
ميرسي جدا يا نونو و ان شاء الله هزود لحد ما تزهقو
ردحذففي امان الله يا قمر...
أهم حاجة بس ... انتي طبقتي؟؟؟
اه طبقت الحمد لله ...
ردحذفوالموضوع ماشي تمام
بس ياريت يفضل على طول سهل كده
والف شكر ليكي يا جميل ع المجهود ده
العفو يا قمر
ردحذفو بجد فرحانة انك اشتغلتي معايا
و ان شاء الله الموضوع هيبقى سهل لحد ما نبدأ في الجداول
في أمان الله
الله عليكي يا قمر
ردحذفبجد شرح جامد مفيش احسن من كده
انتي ينفع تكوني معيده على فكره لانك بتعرفي توصلي المعلومه صح
انا طبقت على فكره الكلام اللي انتي شرحتيه والحمد لله طلع مظبوط معايا
جزاكي الله كل خير على مجهودك معانا
وانا مستنيه الدرس التاني
متتاخريش علينا باه
ميرسي جداااا جداااا يا braveHeart
ردحذفو و الله دا توفيق من ربنا مش أكتر
المهم ،، أنا مش هقدر أبدأ الدرس التاني إلا ما كل اللي سجلو معانا يطبقو و يعلقو عشان اقدر اكمل
مينفعش بعد ما جمعنا العدد اشتغل مع اتنين بس
في أمان الله
بجد شكرا يابشمهندسة علي المجهود دة واللي انتي عملاة انتي بجد بتتعبي اوي وربنا يكرمك بصراحة مافيش كلمة شكر توفي حقك بجد ربنا يكرمك وكفاية كدة احسن انا حاسة اني بشحت
ردحذفههههههههههههههههههههههههههههههه
ردحذفيخرب عقلك يا بنتي
ميرسي جدا على ذوقك بس انتي مييييييييييين؟؟؟
ايه الحلاوة دى ياباشا ..ربنا يوفقك ..
ردحذفالله يكرمك يا قمر
ردحذفبس المهم انتي طبقتي ؟؟؟
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
ألف شكر على مجهودك ياقمر
ردحذفوربنا يوفقك
ميرسي جدا جدا يا روز على ذوقك
ردحذفو و تابعي معانا عشان الدرس التاني هينزل قريييياااا
في أمان الله
ميرسي جدا يا لولو على مرورك و ردك
ردحذفنورتي البلوج
في أمان الله
جامده يا جوجو طول عمرك مستنين الباقى
ردحذفميرسييي يا قمر
ردحذفو ان شاء الله ربنا ينفعك بيه
في أمان الله
طب انا عملت كل حاجه
ردحذفبس طلعت بلغه الهنود الحمر
اعمل ايه؟؟؟
اه ياريت تشيلى تأكيد الكلمه من التعليقات عشان الناس كده هتكسل تعلق
اوك يا قمر هشيل التاكيد
ردحذفالمهم انتي شغالة بمتصفح اييييييه؟؟
بجد شرح جاااااامد
ردحذفربنا يخليكي لينا ياقمرايه :)
ميرسي جدا يا توتا يا قمر
ردحذفو خلاال النهاردة او بكرة بالكتير الدرس التاني هينزل باذن الله
في أمان الله
شغاله بموزيلا او جوجل كروم !!!!
ردحذففي حلين يا ألوان
ردحذفالأول انك تستخدمي انترنت اكسبلورر
و التاني لما تشتغلي عالفاير فوكس
هتلاقي فوق في المتصفح قايمة اسمها view
اضغطي عليها و منها اقفي على... Character Encoding
هتظهرلك قايمة تانية اختاري منها....
( windows 1256( Arabic
جربي كدة و قوليلي النتيجة يا قمر
ايووون صح
ردحذفكده اتظبط
ثانكس يا قمر
العفووووووو يا قمرين
ردحذفالحمدلله انا طبقت
ردحذفربنا يجازيكي خير يارب
معاكي سارة هندسة اتصالات