بسم الله الرحمن الرحيم
لو انت عاوز تبدأ الكورس معانا من الاول اضغط هناااااا و ضيف تعليق انك عايز تكون معانا
الدرس الأول
قبل ما نبدأ أي حاجة .. لازم اللي يقرا اول درس ده .. يكون قرأ الموضوع الي بعنوان
"مقدمة عن ال 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
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كدة خلصنا أول درس ..و مفيش تاسك المرة دي لأننا نعتبر مخدناش حاجة
عايزة اعرف منكم هل أنا ماشية بسرعة و للا ببطئ
و عايزة اعرف آراءكم في الشرح
و أكيد طبعا اللي واقف معاه حاجة في التطبيق لااااازم يقول
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
دا لينك تحميل الشرح
و هو أحسن بكتيييييير من الشرح عالمدونة
ـــــــــــــــــــــــــــــــــ
في أمان الله
