السلام عليكم ورحمة الله وبركاته. أنا مرحبا بكم طلابي وطالبات الأعزاء طالبات الصف التاني الثانوي والجزء الخامس من منهج الحاسب الآلي للصف الثاني الترم الأول. آه شرحنا في الأجزاء السابقة المقدمة النظرية وبعدين قلنا إن البروجيكت أو المشروع بتاعنا هيبقى عبارة عن إنشاء موقع تفاعلي أو موقع إيدينك إيه قلنا إن مراحل إنشاء الموقع بتاعنا هتبقى ثلاث مرات. حلو إن إحنا بنعمل أول مرحلة التصميم، تصميم الصفحات شكلها عامل إزاي وبعد كده بعمل إنشاء لقاعدة البيانات وبعد كده في الآخر بكتب الكود إللي بيربط الصفحات المصممة بقاعدة البيانات إللي أنا أنشأتها. آه خلصنا مع بعض آه إنشاء قاعدة البيانات وعرفنا أساسيات قواعد البيانات وشفنا برامج التصميم وشفنا تصنيف برنامج السيرفر إيه عايزة قبل ما أدخل على الأكواد إن إحنا يعني ناخد مقدمة. عن إتش تي أم. وأكواد هامة فيها مبيخلوش منها إمتحان النظري ولا إمتحان العملي إيه أكواد الاتش تي أم ال الحقيقة أكواد مهمة جدا إيه في التصميم حتى لو أنا بستعمل برامج بتعملي تصميمات جاهزة زي إكسبرشن ويب إيه وزي فرونت بيج سابقا إيه لو أنا حبيت أتدخل وأعد لأي جزء في الديزاين بتاعي لازم أكون فاهمة، برضه الكود مكتوب إزاي نعمل برنامج هو إللي بيكتبه لي. لكن أنا لازم أبقى فاهمة لما أعمل في كود كل جزئية الكود بتاعها فين علشان لو حبيت أغير فيها. لذلك إحنا بن بنراجع مع بعض أساسيات الإكستريم إللي كنا خدناها زمان في تانية عادي. هنا عندي الوحدة الثالثة في الكتاب بتاعنا، أهو؟ آه بدء بالموضوع الأول إللي هو لغة إتش تي أم لوبيتش بي كمان أنا لازم أبقى فاهمة البناء الأساسي بتاع الاتش تي أم أل، لأن أنا هدخل يعني أنا عندي الكود بتاع ال إتش تي أم إللي ماشي بتاع الصفحة عادي في الأجزاء إللي فيها ديناميكية، إللي هي عرض بيانات أو إضافة بيانات أو حسب بيانات بدخل كود البيئة شبه لازم أبقى فاهمة المكان الصحيح إن أنا بكتب فيه سطر البيئة شبيه هيبقى مكانه فين بالظبط، طبعا لو أنا مافهمش إتش تي أم إيه مش هعرف أدخل الكود بتاعي بتاع البي إتش دي فين بالظبط في مكان الصح بتاعه. آه قبل كده قلنا إن أنا عشان أعمل مشروع بتاع يكون شغال بطريقة سليمة لازم أعمل ال يعني أعمل كل ملفات وأحطها فولدر واحد ميبأش أجزاء عندي في السي وأجزاء في برتيشن دي وأجزاء على الديسك توب وأجزاء في الداون لود كده. ده شغل غلط الشغل الصح إن أنا أجمع كل الملفات بتاعت المشروع بتاعتي في واحد وليكن إسمه باسم بتاعي عشان لو أنا عملت كذا بروجكت بقاش تمام قلنا المرة إللي فاتت إن أنا لازم أحط فولدر البروجيكت بتاعي داخل فولدر أو داخل مجلد إتش تي دوكس أي حاجة خارج خارج ال إتش تي دوكس السيرفر زي ما مش هيشوفها. طيب إحنا كده آه هو بيراجع إحنا إنتهينا من ال السيرفر. بيراجع معايا الصفحات بتاعت الموقع وكل صفحة وظيفتها إيه هعدي الجزء ده؟ بعد كده بيدخل على ماهية ال إتش تي أم إل و معناها إيه بيقول لي هي جاية من العبارة هايبر تكست مارك قبل لانجوتش يعني لغة الترميز إيه والصفحات المرتبطة يعني يعني زي لغة ايه تكوين يعني؟ طيب آه اللغة دي أنا بكتبها فين أو بشغلها إزاي؟ وزي ما إحنا عارفين إن كل اللغات برمجة لها كمبيوتر والكلام ده لأ هي أتش تي أم أل بتترجم أوتوماتيك من خلال المتصفح، طيب إزاي بيحصل الكلام ده؟ أولا عشان أكتب لغة ال إتش تي أم أل بفتح أي برنامج محرر مخصوص. تكست إديتور زي المايكروسوفت وورد زي الورد وزي أبسط حاجة في الوجود إللي هو النوبان لو أنا جيت كتبت كده نو باد. هو الصفحة البيضة ما فيهاش أي إمكانيات لأن أنا مش محتاجة لأكبر خط ولا أصغر ولا أعمل أي شيء. خلاص بفتح صفحة نوبل كده. مجرد صفحة فاضية وهابدأ أكتب فيها أوامر أو تاجز ال إتش تي أم إل. ال آه ال إتش تي أم أل بتتميز بالآتي إن أنا بكتبها بين أقواس مخصوصة. إزاي الأقواس دي بتبقى عاملة إزاي بتبقى أقواس أكبر منه أصغر منه؟ إللي هي شفتو الحرفين إللي تحت دول الفصلة والنقطة أنا بس عايزة أكبر لكم هنا الخط. على شان يبقى واضح. تمام خط بتاعنا كبير كده؟ أول طيب أو أول أمر عندي أمر اسمه إتش تي أم إي. آه تاني قاعدة من القواعد إللي هي بتتكتب بين قوسين دول إن كل أمر له بداية وله نهاية أو قفلة القفلة بتاعته بتبقى نفس الكلمة، لكن قبل منها شرطة مايلة أو باك سلاش. تش. طيب. آه إتش تي أم أل وداش إتش تي أم أل. دول البداية والنهاية بتاعت الأوامر يعني زي ما أكون بدأت أكلم الكمبيوتر وأقول له إيه أبدأ اسمع مني عمر 234 و بعد ما خلصت قلت له إنتهى هل بعد انتهى. أنا المفروض أقول كلام لأ دي كده النهاية وأنا خلاص كده بعدها مابكتبش أي أوامر يبقى إتش تي أم إل وده إتش تي أم أل ده إن النهاية بتاعت الكود بتاعه يبقى ده كده بداية ونهاية الأوامر كل الأوامر بتاعته تكون مكتوبة بانهم. تعالو كده نشوف هو هنا كتير أي إيه؟ أهو عاملي إتش تي أم إل والقفلة بتاعتها هي إللي بتحتوي كل الأوامر التانية. طيب تاني أمر بيجي بعديها على طول حاجة اسمها هرد. هو رأس الصحة طبعا عشان متلخبطش ميحصلش أي مشاكل اتجه لأ فإللي افتح واقفل في ساعتها وأكتب الكود جواه. خلاص الهدد لزمته إيه؟ الهدة. بكتب فيه حاجات مهمة عن الصفحة زي الكيبورد أو الكلمات المفتاحية وزي إظهار اللغة العربية يبقى بكتب في الهند حاجتين. الكيورست أو الكلمات بالقدم العربي عشان تبقي قدامنا. الكلمات المفتاحية يعني إيه الكلمات المفتاحية. يعني لما نيجي الناس تدور علي في وسط المواقع؟ تمام أنا الموقع بتاعي مثلاتعليمي.com خلاص مثلا يعني. والموقع ده مهتم بالتعليم والتدريب والكمبيوتر والكورسات والملازم موقع تعليمي. هبقى أنا لازم كاتبة في الهيد بتاع الديزاين بتاع صفحاته الكلام ده موقع تعليمي تعليم تدريب كومبيوتر، دورات استشارات، كاتبة إللي هي الكلمات. إللي بتدل عليه. عمري ما هكتب مثلا طريقة المكرونة بالبشاميل خالص يبقى أنا بكتب كلمات بتدل على الموقع ليه أنا بعمل كده علشان المستخدم لما بيجي بيعمل بحث على جوجل أو بيعمل سيرش عن الموقع بتاعي بيكتب مثلا إيه موقع تعليم مجاني دروس كمبيوتر بيكتب بيكتب الكلام ده فأنا بجمع كل الكلمات المفتاحية بتاعتي وبحطها بطريقة ما داخل التاج اللي اسمه هند طيب جوه يد كمان أنا بعمل حاجة مهمة بعمل إظهار اللغة العربية إظهار اللغة العربية ده بيتكتب له كود إسمه يوطي إف هاش إي ت لما أشوف اليوتي إيت ده عندي في أي سؤال هقول له آه والله ده بيظهر للغة العربية يعني إيه بيظهر للغة العربية يعني زمان لما كنت بعمل صفحات إنترنت والكلام إللي جواها مكتوب باللغة العربية و اجي أظهر على المستعرض مكنش بيظهر بطريقة صح، كان بيظهر بصورة رموز وحاجات غير مفهومة، فكان إللي بيظهروا الكود ده كان كل لغة كود بي ظهرها ده كود إظهار اللغة العربية واللغات إللي هي ورايت طولت إللي هي. طيب ماشي إنت تقعدي تكتبي اكواد كده إحنا. عايزين نشوف نتيجتها؟ النتيجة بتاعت الكود أشوفها إزاي؟ الصفحة أنا بكتب فيها دي. إستحالة تبقى هي الصفحة ال إللي هي. بتاعت ال آه ال؟ آه الموقع صفحة الموقع بتبقى صفحة إنترنت ودي صفحة تكست، طب إزاي هعملها سيف؟ وأقول مثلا. آه تيست هسميها تيست وهكتب مضبوط إتش تي أم أل ده إسمه اكستنشن أو إمتداد إمتداد الصفحة أنا خليتهوش تكست لأ أنا مخليتهوش تكست أنا خليته إتش تي أم آل هقوله صيف. تعالو نبص على الديسك توب ونشوف هيظهر بأنه شكل. بصو كلمة تيست واخدة ليشكل المتصفح الإيدز وواخدة ليشكل متصفح بحيث لو جيت فتحتها كده إي اشتغلت معايا. آه. اشتغلت معايا. لاحظوا إن الكلمات دي اتكتبت هنا معايا لأن أنا مش كاتبها صح أنا مش كاتبة الكود بتاعها صح؟ خلاص يعني أنا يعني ده كده كلام أنا مش آه مش كاتبه في الكود بتاعه مضبوط طيب تعالى نمسح الكلام ده كده هناخد التاني اسمه تايتن. طيب المفروض الكود إللي في الهدة؟ ما يبانش هنا عندي بس أنا إيه؟ عشان مش كده مظبوط. طيب هنا هعملك. ولو قفله. تايتن. وهنا داش تايتل. في النص هكتب إيه؟ هكتب مثلا كذا؟ الصفحة. قرع إيه سية؟ هيبقى هنا عامل فيه مش كل مرة هعمل بقى صيفا تشتمل لا هعمل صيف بصي فإن أنا عملته طب هو ما طلع ليش هنا ليه هعمل إيه ريفريش كأني بحمل الصفحة من تاني طيب خدتو بالكوا كلمة الصفحة الرئيسية ظهرت فين في العنوان في التايتل بار يبقى إللي بكتبه بتوين تايتل أندش تايتل بيظهر لي في التايتل بار أو في الشريط العنوان يبقى فايدة التاج تايت الي هو إظهار عنوان الصحة تمام، طيب و تايك لنفسها بتتكتب جوا الهد اخدين بالنا من الاستراكشر بتاعها يعني أنا عاملاه كده هو عايز يتصلح كده أشيل قفلت الهد من هنا أعملها قص كده وأحطها بعدها إيه ده هو ينفع أكتب التلات جنب بعضها من غير ما أعمل خطر جديد. أه ينفع جدا هو ممكن يطلع تايتل فوق كده؟ أهي كده عادي جدا؟ يبقى هي تايتن تايتل هند زي بالظبط فكرة القوس الكبير والقوس الصغير الأقواس إللي جنب إللي جوا بعضها. بقفل بفتحك وجوا قوس. يعني. أهو؟ هب هو إللي برا و تايتل هو الكوس إللي جواه. واضح كده؟ تعالو نشوف مع بعض إنتاج آخر أو أمر آخر خدنا إتش تي أم أل وهد و تايتن، هناخد بقى الأمر إللي هو بدي بدي يعني جسم الصفح يعني هو ده إللي هيكون تين بقى لو هيحتوي كل إللي أنا عايزة أعمله في الصفحة يبقى الأولى دي إن هو يقفل قبل النهاية لإنه هو ده كده الشامل الصفحة كلها. ده كان عندي شامل الصفحة كلها شغلي كله هيبقى جوه فاضي وهناه كتبت جات تانية عشان كده أنا قفلته بالمرة قبل ما أنساه ويعملي مشاكل. أعمل صيف كده. خلاص أدي كده فاضي عندي مستعد بقى لإيه لأن أنا أكتب أكواد أخرى طيب هو جسم الصفحة ممكن يحتوي على إيه؟ ممكن والله يحتوي على حاجات كثير يحتوي على نصوص وروابط هنشوف كل حاجة بتتعمل إزاي. هو هنا بيقول لي أهو إن ال آه الأوامر بتكتب بين قوسين عاملين كده إن كل أمر له بداية وله نهاية وإن النص إللي بيتأثر بالأمر بيبقى بين البداية والنهاية كده أه قولي في عندي إيه أمر وحيد يعني بالنسبة للأمر إللي علينا إللي هو بي آر. ده إحنا هناخده ملهوش. أمر ملهوش نهاية ملهوش قفلت ملهوش إغلاق مفيش حاجة اسمها داش بي آر هنشوف دلوقتي. طيب. آه هنا عندنا الهند تايتن. أو حتى هنا جاي في الهند هنا بيقول لي. يستخدم في عرض معلومات مثل وصف الموقع أو عن كاتب الكوب واللغة. خلاص آه إظهار اللغة طبعا. طيب تعالو تاني نشوف هو أنا برضه. إيه. بيجمع لي الأكواد إللي خدناها. ويقول إزاي أحفظوا سيف الكلام ده و أروح أفتح ومعاه متصفح يبقى أنا بسيف ال الكلام في صفحة نوت باد وبفتحه في صفحة مستعرض تمام حنبدأ بقى ناخد الأكواب إللي هي الخاصة التكست أو بالنص إللي موجود جوا وتنسيقها إزاي بنسق إزاي يعني كلام والله كاتباه، عايزاه يمين عايزاه شمال عايزاهم لون عايزة خلفية هناخد تنسيقات الكلام ده دلوقتي إيه بالترتيب ورا بعضها طيب دلوقتي عايزين نبدأ بقى نكتب تكست عندنا في الصفحة بتاعتنا لأن هي الصفحة زي ما إحنا شايفين لسة فاضية بيضة. آه معلش عذرا مكان التسجيل، اللقطة إللي فاتت كانش ظاهر فيها شريط العنوان بتاع الصفحة هو إللي هو تايت الصفحة الرئيسية هي ظاهرة أهو قدامنا دلوقتي. إللي إحنا كنا كتبنا جوا التاج تايتن تمام عايز اكتب أي نص هنا وليكن مثلا ال هنا الكمبيوتر. هاهاها التعليم. وهعمل صيف. وأشوفها هتظهر إزاي عندي في الصفحة بتاعتي أروح أعمل ريفريش. أهي ظهرت لي جسم الصفحة عندي الكمبيوتر التعليم؟ ولكن هي ظاهرة بشكل كده يعني إيه محطوطة كده وخلاص يعني إيه لا الحجم أنا متحكمة فيه ولا اللون ولا المكان مش ده إللي أنا عايزاه أنا عايزة أبدأ أتحكم في وضع الكلمة وتنسيقها جوه الصفحة، طيب هتصرف إزاي؟ إيه تعالو مع بعض هنا نشوف إيه بقية الأكواد إللي علينا؟ في عندي كود إللي هو كود البرغراف أو الفقرة اسمه بي ألاين ابولو أقوله بقى أنا عايزة المحافظة بتاعتها يمين ولا شمال ولا في المنتصف؟ تمام كده. تعالو نشوف البيئة لاين بيشتغل إزاي نيجي كده هنا عندي. هبدأ قوله بقى لأ أنا عايزة لو سمحت تنسيق فقط طبعا اتعودنا أفتح الكود واقفله مع بعض كي اتقفل بتاعته على إيه بس طبعا لأن أنا هكتب إي كلام كثير فإيه أوسع كده شوية تمام. إيه. هاخذ بقى مسافة وأقوله أونلاين المحاسبة بتاعتها. أكول مثلا سنتر. عايزاها في المنتصف البيئة لينا كول سنتر طيب هل يا ترى إيه في أون لاين كول سنتر ديه تنطبق على كلمة الكمبيوتر التعليمي ولا على إللي هي تكتبين الفتحة والقفلة؟ المفروض النص إللي هيتأثر يكون مكتوب جوا ال الأمر فأكتر مثلا كلمة تانية ولتكن إيه عبارة ثانيه وتكون مثلا تحية. مصر. هعمل مثلا كده سيف عشان برضه نشوف الفرق بين الإتنين. هروح أتصفح بتاعي أعمل ريفريش. خدنا بالنا تحيا مصر أهي جت في المنتصف زي ما أنا ما حددت لها والثانية زي ما هي ليه؟ لأنها برا التاج بتاع المحاذاة في المنتصف برا التاج إللي جوا التاج أهي تحيا مصر. تمام كده يبقى أخذنا قود المحاذاة. طيب آه لو أنا عايزة مثلا حاجة المحافظة بتاعتها رايته تبان بقى ممكن أكتب فيها رايكو رايكو أكتب الكلمة إللي عايزة إيه أحط عليها تأثير الاتجاه لليمين تمام تعالو نجربها مع بعض برضه ممكن أخد كده كل ده كده كوبي؟ هنا. وبعد السنتر هقول. آه. عاد. نحط مثلا كلمة؟ كان معانا تانية مختلفة عشان تبان. بصفحة. ه آه ليه؟ تعالو كده نعمل صيف. ما هو إحنا عملنا فريش. أهه. الصفحة التالية بقت المحاضرة بتاعتها يمين يبقى لو ما اتكلمتش خالص عن المحاذاة هو الدفعة بتاعها أو الأساسي بتاعها شمال يسار لو حابة أخصصها يمين أو سنتر ببدأ أقول الاتجاه إللي أنا عايزاه. طيب إحنا كده أخذنا إيه المحافظة أكواد المحاذاة. في عندي كود بتاع ال هيدنج لو أنا عايزة كلمة زي كده بنقول كده عنوان جانبي بخط تخين هي عنوان وتحت منها كلام ممكن ممكن مثلا هو عندي الكود إللي هو بتاع الهيد إللي هوا تشون والعناوين دي يبقى إتش اختصار كلمة هدر وجنبها رقم. الرقم ده كلما زاد. كل ما ال العنوان حجمه اختلف يعني فيه عندي إتش وان و إتش تو إتش ثري، تمام، إيه في عندي هنا لو جربت كده أعلى تحيا مصر كده هدر أو هيدن قصدي. هنا. هيقول له اتشوا. أزودها كده جنبها هنا. حط لي عليها التأثير إتش ون. وهقفل كده هنا؟ على. إتش ون. خدو بالكم. قصدي أعمل حاجة كتبتها هناك بيتر وهنا سمول عشان نشوف مع بعض ال إتش تي أم أل إن هي مبتفرقش معاها. إنك تكتب التاجات كابيتال ولا اسم. آه. بصو يعني هي نفذته كانت العثمان نفذته مفيش أي مشاكل. بصو تحيا مصر إللي حصل لها بقت مكتوبة بخط سميك أنه عنوان خلاص يبقى ال ال ال هيدنج ده إللي هو إن أنا أخلي النص إللي أنا كاتباه عبارة عن عنوان جانبي. تمام. طيب تعالو نشوف الفرق مثلا بين إتش وان و إتش ثري. خلتها إتش ثري. تعالو نشوف كل ما الرقم ما بيزيد إيه إللي بيحصل لحجم العنوان؟ خدنا عنه يبقى كل ما الرقم إللي ورا الإتش زاد حجم العنوان عندي أل إذا إتش وان هو أكبر حجم هدر ممكن أعمله. تمام كده سنة تانية يبقى أخذنا القضايا والإتش فاضل يبقى كده إيه الكود بتاع إدراج الصورة؟ طيب يلا بينا نحط إدراك صورة نعمل صورة قود إضراب الصورة عندي إللي هو إيميج سورس أو الإم جي إس أر سي هفتح كده الأقواس بتاعتي فيها تاني. هنا. آه أم جي اختصار أمتر والقفلة بتاعتها منسهاش داش آي إم جي إيه. وأوسع كده عشان في النص هكتب الكوب أمج الأم جي لازم أحدد الصورة اسمها إيه لأن أنا عندي ملفات الصور كثير يعني ممكن يكون عندي على جهازي صور كثير. كل صورة لها اسم. هحدد الاسم بتاعها لحظة إنه هو كاتب هنا إيه اسم الصورة والاكستنشن بتاعها وكفى ليه بقى؟ لأن مفترض إن أنا حاطة الشغل بتاعي كله في فولدر واحد زي ما قلنا أنا لما أكون حاطة شغلي كله فولدر واحد ها أنادي عليه باسمه بس. يعني مثلا أهو أنا دلوقتي ال الكود بتاعي أهو وفي نفس المكان عندي حاطة الصورة الفايده عندي نوع جيجي أنا عرفت هو لما أنا وقفت كده عليه شوية جيجي واسمه فلاج، طيب هاخد كده اسمه كده. كوبي. تمام وهروح هنا في الكود، أقوله المصدر الصورة عندي أهو مسافة بالظبط آه رسي الصوص بتاعها اكوا. فلاج دوت؟ جي جي جي ده نوعية الصورة أه كده هنا. القصة أرسي بتساوي. آه اسم الصورة عندي بين أقواس أهي بين كنت عشان دول كتير. آه. تحتها ونعمل كده سيف نشوف النتيجة على متصفح نفرش. أه النتيجة إنه وأخد الصورة أدرجها عندي جوا الصفحة ودخلها عندي. طيب يا ترى هو مدخلها يمين تعالو نبص كده آه إن هو متأثر بالكود إللي قبله الكود إللي قبله أنا كنت عاملاه علي **** ورايت تعالو كده لما نشيلهم حاجة كده يمين. أشيل التأثير إللي هو تأثير المحاذي مين ده؟ هو القفلة بتاعته طبعا؟ و أعمل كده سيف؟ وأنا ال50. أوو. تمام. راح التأثير بتاع اليمين فأصبحت بيفض أصبح التأثير الأساسي إللي هو إيه إلى اليسار ولو أنا عايزة أجيبها سنتر يبقى أنا هديها تأثير قبليها سنتر هديها تأثير إيه سنتر. طيب أبعاد الصورة دي هل أنا اخترتها وكان أنا اخترتها بالعرض ده وبالطول ده لأ هي دخلت لي زي ما هي بحجم الصورة نفسه. لو أنا عايزة أتحكم في حجم الصورة يبقى أتحكم في خاصية اسمها وتس وخاصية اسمها هايت. الويتس و الهايت أهو. هنشوفهم في الصفحة إللي بعديها. وهنا مجمعة لي كل الأكل إللي أخذتها في جدول. وأن كل جدول بيعمل إيه؟ حاجة بس بسيطة عايزة أنبه بيها قبل ما أدخل في الوتس والهاي أحيانا إيه بكتب الكلمة ب كوتشن او من غير كوتشن هنا مثلا بيقول إن كول سنتر ممكن أعملها كوتشنغ الكوتيشن حتلاقيها في الكتاب ليها أقواس هنا ساعات أنسى أعملهم حتة لما كتبت الصفحة الرئيسية في الهيد وراحت ظهرت برضه يعني الاختلافات البسيطة دي دي بترجع للفروق بين إصدارات لغة الاتش تي. جمال. ساعات الكتاب يكون كاتبها بإصدار قديم ودلوقتي الاتش تي أم إلا عشان بقت إصدارها المتداول على الإنترنت حديث وبقت تعدي حاجات كتيرة من إللي كانت بتعمل إيه يعني كان زمان مثلا لو أنا كان لازم أكتب الكوتيشن دي وممكن تتحقق من غيرها لأ أنا دلوقتي ممكن مكتبه مش أبص عليها طلعتها فمش عايزاكم يعني نقلق بخصوص إيه موضوع الاختلافات ده. آه في حاجة بقى كنت بدور عليها آه إللي هي. التحكم في الواتس والميت أهو. بعد ما أدركت الصورة بجي بقول له عايزة الهاي بتاعها إيه والوتس بتاعها إيه قبل ما أقفل القوس يعني هنا كده تعالو بس كده نوسع مكان أنا قلت له كده اسمها. في نفس القوس بتاعها بقوله ودز اكوا. وهاي ت. إيكو تعالو هنا نشوف الأحجام الويبس عايزاه مثلا 50 والله اية مئة ماشي تعالو نشوف كده بس 50 والهاي تكون ماشي. وهقوله سيف. هروح أعمل ريفريش عندي في المتصفح. أه. بقى كده 50 والإرتفاع مئة وهكذا أي تغيير بعمله هنا وأعمل صيف بيسمع على طول عندي في المتصفح تمام إيه تعالو نرجع تاني للكتاب أهو آه. حكمت هنا في القدس وفي النهاية طبعا الكلام ده بعمله بمنتهى البساطة من إكسبرشن ويب إن أنا بعمل رسايل كده للصورة بإيديا وهو بيتولى كتابة الكود عني. طيب آه كده فاضل لي آه ربط بين الصفحات. قربت بين الصفحات إللي هو اللينك أو الهايبر اللينك. هو هنا دخل في إكسبرشن إحنا كنا شرحناه قبل كده بقى بيشرح إيه الوجهة بتاعته. خلاص. آه ودخل على إنشاء الصفحة إللي هي هنا. آه قبل ما أقول كود الارتباط أو قد ال لينك؟ في ملحوظة مهمة. إللي هي أن أنا كتبت اسم الصورة لما جيت قلت الإمج سورس فلاج جيجي لو أنا طيرت مكانها لو أنا غيرت مكان الصورة. وده أهمية إن شغلي كله يكون فولدر واحد لو أنا أخذت فلا جديد خلتها جوا فولدر ثاني. جيت عملت ريفريش. إيه إللي حصل الصورة بقى مكانها مش موجود ليه؟ لأن هو راح دور عليها في على الديسك توب مالقهاش لأن أنا حطه الديسك توب. يبقى دي أهمية إن الصورة عندي تكون موجودة في نفس المكان إللي فيه الفايل بتاع الكود. على شان ميحصلش ان هو يدور عليها و مايلقهاش. طيب. كل الهايبر لينك أو الرابط علشان نفهمه. ببساطة هو وقود بيربطني صفحتين ببعض يعني يعني أنا مثلا عندي صفحة تستدي كأن مثلا الصفحة الأولى والرئيسية وعندي صفحة تانية ممكن أعمل منها كده. وتستقبل أو أسميها مثلا. نكست أونيكس تنادي الصفحة التالية لأن أنا عمل كذا صفحة ببقى عايزة أتنقل بين الصفحات خلاص أي موقع عندي في كذا صفحة عايز أتنقل بين الصفحات طيب الصفحة دي اسمها إيه؟ نكست تعالو نشوف القاعدة القاعدة إللي بكتبها الكو بيقول لي إيه مسافر اتشرف. مثلا. أكول، وبين كوتشن المكان إللي أنا رايحه له. واقفل وبين القفلة والفتحة بكتب النص أو الصورة يعني إيه؟ تعالو كده نعملها 11 كود إدراج ارتباط أو هايبر لينك. هي دي الفتحة والقفلة. على إيه فاتحة بتاعته إيه إيه مسافة اتشرف. اتشرف اختصار إيه ريفرنس. كأني بقوله يعني في رأوا رجع إلى المكان ده إيه مسافة شريف مين كتشن؟ أنا رايح فين؟ أنا رايح لصفحة اسمها نكس. آه إتش تي أم أم. إي. تمامكده.ht أم إللي لازم أقول الاكستنشن بتاعها؟ هنا بقى النص إللي أنا لما أضغط عليه هيوديني هنا عارفين بالظبط كده زي ما أخش على موقع يقول للتحميل اضغط هنا هنا هكتب كلمة هنا. آه. مثلا. منى. طولها كده زي ما بيعملو؟ تمام تعالو كده نعمل صيف ونشوف إحنا بنقوله ده إيه المقصود بيها؟ يبقى دي الفتحة بتاعت الكو بدل ال على إيه إللي هي أو القفلة بتاعته باش إيه؟ تعالو نروح نعمل فريش في المتصفح نشوف إيه إللي حصل. أنا رجعت طبعا إعلان تاني شايفين كلمة هنا أهي هنا هي التكست المضغوط عليه بيتكتب فين بين الفتح والقفل؟ يبقى تاكس إللي هي تضغط عليه. إللي هو بيبقى على شكل لينك أهو ده؟ طيب هيودينا على فين بعد ما ضغط هيوديني على نكست؟ طبعا إحنا ما حسيناش إن إحنا روحنا صفحة تانية لأن أنا عاملها كوبي منها. أه. تمام تعالو كده نرجع باك أهو الصفحة الأولانية فيها كلمة ولا الصفحة التانية ما فيهاش كلمة هنا. خلاص يبقى بوست أهي أنا إيه بوست عليها هنا وداني على الصفحة التانية. خلاص هي كلمة الصحة اسمها إيه؟ مم. تمام كده سنة تانية يبقى كل الارتباط أو قد الهايبر لينك إيه الشريف اكوى الاسم الصفحة التانية وبعد كده تكستر ليه هي تضغط عليه كده شباب إحنا. خلصنا أكواد الاتش تي أم أل والمرة الجاية إن شاء الله هنبدأ بقى في إنشاء ألأكواد بتاعت الصفحات بتاعت الموقع هنبدأ إن شاء الله بالهجر وبعد كده هندخل على صفحة الكونكشن أو. أه. مم. أتمنى إن تكونو استفدتو من المحاضرة بتاعت المرة دي وأي استفسار أو أي حاجة مش مفهومة اكتبولي في التعليقات وهرد عليكم. إن شاء الله. بالتوفيق وأشوفكم على خير. السلام عليكم ورحمة الله وبركاته.
الاشتراك في:
تعليقات الرسالة (Atom)
0 comments:
إرسال تعليق