تعلم لغة الانترنت الدرس الثاني

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

اتفقنا ان الصفحة اللي هكتبها بلغة الي html بتنقسم الي جزاين: head و body
وقلنا ان ده مش هيظهر في الموقع بعد منخلص..يعني دي بس تقسيمة بعملها وانا بكتب الموقع او بصممه..انما في الاخر اللي هيظهر بس هو الموجود داخل البودي
ناخد بعض الاوامر اللي هتساعدنا في عمل موقع بسيط المرة دي…
وهنبدا الاول بالهيد:
انا قلت ان الهيد بيتكتب فيه العنوان وكمان شوية حاجات …
هناخد دلوقتي ازاي بنكتب العنوان..والحاجات التانية دي هنبقي ناخدها اخر حاجة خالص ان شاء الله لانها ملهاش اهمية دلوقتي خالص ومش هتتفهم الا في الاخر….
-الامر اللي بيفهم البراوزر اني بكتب عنوان

………………….وطبعا لازم يكون مكتوب في الهيد مش في البودي..

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

….قبل مندخل في اوامر البودي……
كده لاحظنا من الامر اللي فات ده طريقة اغلاق الامر…
بقفل الامر لما اخلص كل اللي انا عايز اكتبه فيه…يعني انا فتحت الهيد وفتحت جواها ال title ولما خلصت كتابة قفلت ال title الاول وبعدين قفلت الهيد
وهيه دي طريقة الاغلاق:- اخر حاجة بتتقفل الاول ..وبعدين اللي قبلها وهكذا لغاية منوصل لاول حاجة…كالتالي:

 ………. 

………..

كده خدنا من اوامر الهيد ازاي نحط عنوان للصفحة وبقية اوامر الهيد قلنا في الاخر ان شاء الله…
جرب كده تعمل العنوان ده هتلاقيه بقي مكتوب فوق خالص في السطر الازرق اعلي حاجة في الصفحة…
البودي…
الاول ناخد الصيغة العامة لاي امر في ال html
هيزيد عليها حاجة بسيطة عن اللي عرفناه قبل كده…
أي أمر بيتكتب بالصورة دي:

>خصائصه الامر <ايه التخريف ده؟؟؟
عشان اوضح الكلام ده هناخد الامر مثال…
احنا قلنا ان انا لما بكتب كده عرفته أني هكتب كلام في البودي…
طب لو انا عايز حاجات معينة او خصائص عامة تظهر في البودي كله زي مثلا لون الخلفية او لون الكلام وكده ة يعني…؟؟
دي بكتبهاله جنب البودي داخل علامة ال < >
طبعا مش أي خصائص بمزاجك ولا بتكتبها بالشكل اللي يعجبك…
الخصائص اللي بتكتبها مع كل امر متحددة ومتحدد الطريقة الي هتكتبها بيها…
يبقي احنا أي امر هناخده ان شاء الله هناخد الاول اسم الأمر وبعدين الخصائص بتاعته…
الامر ملوش خصائص..
وكذلك الامر
وايضا ال الامر <body> خصائصه: عشان احدد لون الخلفية ..بكتب بالمنظر ده: كود HTML: <body bgcolor="black"> قبل ماقول بقية خصائص البودي هوضح من الشكل اللي فات شوية حاجات… واسمها attribute للامر ده… كل امر له عدة attributes كل واحد منها بينفذ خاصية من الخواص بتاعة الامر ده…. وطبعا انا مش لازم كل ماكتب امر اكتب كل خواصه….هكتب منها بس اللي انا عايزه… ولو مش عايز اكتبها خالص عادي ممكن اكتب بس اسم الامر هينفذه من غير أي خصائص bgcolor دي اختصار لbackgroundcolor ودي واحدة من الخواص بتاعته … تاني حاجة بص كده علي ال attribute ده انا كتبته ازاي كود HTML: body ده اسم الامر… bgcolor="...." وده شكل أي attribute في الدنيا .. بكتب اسمه وبعدين علامة = وبعدين بفتح "…" ودي shift مع حرف ال ط وبكتب فيها قيمة او كلمة علي حسب ال attribute ده …..القيمة او الكلمة دي سمها بشكل عام ال value يبقي الصيغة العامة لاي امر : كود HTML: <command name attribute="value" attribute="value" attribute="value"> …………… </comandname> طبعا مش بالشكل ده…بنكتب اسامي ال attributes وقيمة ال values بس ده الشكل العام …وكمثال.. كود HTML: <body bgcolor="red"> نرجع للبودي… خدنا كده من ال attributes بتاعته : ملحوظة: وانت بتكتب أي attribute متعملشي أي مسافة في وسطه يعني مش بالشكل ده :- bg color … لا بتبقي كلها علي بعضها كلمة واحدة bgcolor وده في كل ال attributes… بس بنفصل بين أي attribute واللي بعده بمسافة وكذلك بين الامر وال attribute بمسافة… كود HTML: bgcolor <body bgcolor="red"> او أي لون يعجبك يعني….انا طولت شوية وانا بتكلم عن ال attribute ده عشان بس كنت بوضح فيه بعض المفاهيم… ..بس الباقي ان شاء الله هنقول الامر وبعدين الattribute وبعدين ال value علطول ان شاء الله تاني attribute في البودي: عشان احدد لون الكلام …بنستخدم الاتربيوت text كود HTML: <body bgcolor="black" text="white"> او أي لون… كده يطلع لون الخلفية اسود واي كلام هكتبه في البودي هيطلع لونه ابيض.. فاضل كمان اتنين attributes في البودي… بس بلاش دلوقتي…بعدين ان شاء الله عشان هما مترتبين علي شوية حاجاة في البودي لازم نعرفها الاول …… كده خلاص المرة دي…يلا اطلع اقرا الكلام تاني ونفذ بقي……ومستني النتايج… ملحوظة: وانت بتنفذ ..لما تجرب امر منهم وبعدين تعمل rename وتشوف النتيجة… وبعدين لو عايز تجرب امر تاني هتعمل ايه؟؟ مش معقول كل مرة هتطلع تعيد نفس الموضوع من الاول تاني عشان تجربه… انت جرب اول حاجة وبعد متعملها وتعملrename وتشوف النتيجة .. الصفحة اللي ظهرت فيها النتيجة دي……اقف في أي حتة فيها واضغط كليك يمين واختار منها هتلاقي الصفحة دي لسة مفتوحة وفتحلك فوقها صفحة ال notepad الي انت كنت عاملها …. غير فيها زي ميعجبك واكتب أي امر جديد… وبعدين اقفلها وقولله save …كل ده والصفحة اللي فيها النتيجة هتلاقيها لسة مفتوحة متقفلتش…بس الكلام فيها هتلاقيه متغيرش خالص…… اعمل فيها refresh من فوق خالص هتلاقي التعديلات اللي انت عملتها ظهرت فيها .. وكده بقي كل متحب تزود اي أمر أو تكون كتبت أمر ملقتش نتيجته ظهرت… ده معناه انك كاتب حاجة غلط في الامر ده…قد يكون غلط في ال spelling مثلا تعمل الطريقة دي وتبص عليه تشوف ايه الغلط فيه وتعدله …وتعمل save وبعدين refresh وتشوف النتيجة…. يارب يكون الدرس مش صعب ودمه مش تقيل وياريت ياجماعة اللي يلاقي الموضوع مشي معاه سهل من غير مشاكل يجرب كمان مرتين او تلاتة عشان ايده تاخد علي الكلام ده ويبقي بالنسبة له سهل مفيهوش أي مشاكل… واللي يلاقي فيه صعوبة يخلي عنده اصرار علي التعلم..يعدي الكلمة الصعبة ويجرب يعمل الباقي وفي الاخر يبقي يبص عليها..ولو معرفش يسال في الكلمة الغامضة بالنسبة له…. عشان تجرب كل الكلام اللي انا قلته دلوقتي… كود HTML: <html> <head> <title> بسم الله الرحمن الرحيم 

واكتب هنا الي يعجبك

وكده اللي خدناه المرة دي لو اتفهم كويس هتلاقيه قليل جدااااااااااااااا…

______________________________________________

تعليق على سؤال

هما اول معلموا اللغة دي كانت صيغة الاوامر لازم تتكتب بالصورة اللي انا كاتبها من غير اي خطا
ولو حدث اي خطا كان الامر مش بيتنفذ..
وده كان بيسبب مشاكل كتير اوي لان اي حد بيعمل موقع كبير ..لو غلط في نصه غلط بسيط ...مش بيلاقي الامر اتنفذ وده يتطلب منه انه يراجع الموضوع كله عشان يلاقي الخطأ ده..
فهخما عشان يحلو المشكلة دي ..كل مبينزلوا نسخة احدث من الانترنت اكسبلورر بيحاولوا يخلوها لو كان الخطا بسيط في الكتابة تفهمه برده وتنفذه...
يعني حضرتك جربي كده تعملي نفس اللي انتي عملتيه واكتبي كله من غير متاكتبيس في الاو
هتلاقيه نفذه طبيعي برده..
بس مينفعش نعتمد علي كده لان احنا لما نعمل موقع عايزين اي حد يفتحه ايا كانت نسخة البراوزر عنده يتشاف بنفس المنظر...
ده اولا..
ثانيا في انواع من البراوزرز مختلفة عن بعضها...يعني ممكن انا اكون مش عندي انترنت اكسبلورر..شغالل برنامج تاني زيه اسمه netscaope اكيد التطور فيهم مش زي بعضه ..يعني ممكن اغلط حاجة ألاقي الانترنت اكسبلورر يفهمها والتاني ميقمهاش ..والموةقع اللي بعمله لازم كله يشوفه بنفس المنظر ايا كان البراوزر عنده...
وده عموةما بالنسبة لاي حاجة لو لقيتيها عندك بتعدي واستسهلتيها ..مش هتلاقي عندك اي مشاكل بس لما تنزلي الموقع علي النت هيبقي في مشاكل كتير اوي بالنسبة للمتصفحين..
انما لو كل حاجة مكتوبة صح ..ايا كان نوع البراوزر هيفهمها..يبقي نخلينا في الأضمن أحسن...

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