محمدسمسمة
20-10-09, 05:50 AM
بسم الله الرحمن الرحيم…
الدرس السابع
معلش درس المرة دي طويل شوية والعملي بتاعه كتير…
ومحتاج تطبيق كتير…
ولو حسيت باي مشكلة وانت بتقرا ارجع عيد تاني وكمل للاخر وان شاء الله هتفهم كل حاجة…
ولو في أي مشاكل سيب الحتة بتاعت المشكلة دي ابقي اسال فيها وكمل الباقي…
لادراج صور:
احنا خدنا قبل كده ازاي نحط صورة في الخلفية… ازاي بقي نحط صورة صغيورة في أي مكان في الصفحة ..او كبيرة زي متحب ..بس مش تكون في الخلفية كلها…
الامر <img>
الاول طبعا هنجيب الصورة ونحطها في الفولدر بتاع الشغل بتاعنا زي ماتفقنا جنب صفحة النوت باد اللي شغالين فيها..
وبعدين بقولله امر بالمنظر ده:
<img src=" ">وبكتب هنا في الفاليو اسم الصورة… يلا جرب دلوقتي كده تعملها وشوف…
طلعلتلك الصورة صح؟
بس انا متاكد انها مش عاجباك..حجمها طالع كبير ..وانت عايزها اصغر شوية…
يلا بقي بعد معرفنا ازاي نجيب الصورة..نشوف ازاي نلعب فيها ونغير حجمها ونظبطها في الصفحة بالشكل اللي يعجبنا:
<IMG SRC=" " width="300" height="300">وتغير في الطول والعرض زي متحب…اكتب الرقم اللي يعجبك في كل واحدة منهم وشوف الحجم..لو مش عاجبك صغر او كبر زي متحب…
والامر <img> ده مش محتاج انه يتقفل..والسبب ان كل اللي انا عايزه منه في الامر ده كتبته بين ال< > يعني مفيش حاجة هتكتب بره والامر ده ينفذها عشان اقفله بعدها..لو في حاجة بره كنت بعد مااكتبها اقفل الامر
يبقي الامر <img> مبيتقفلش…
حضرتك كده افتح أي موقع واقف علي أي صورة فيه واصبر شوية ..هتلاقي اتكتب كلام كده بيعبر عن الصورة..نزل من تحت الماوس …
الحركة دي بتتعمل ازاي ؟؟ وفايدتها ايه؟؟؟
لو انا مثلا حاطط صورة هرم
<IMg src width=" " height=" " alt="pyramid">جرب وابقي اقف علي الصورة شوية واصبر هتلاقي الكلمة اللي انت هتكتبها هتنزل من تحت كده….
دي لها شوية فوايد….لو مثلا في مشكلة في السيرفر والصور محملتش..ودي ساعات بتحصل ….هتلاقي مكان الصورة بدل ميبقي فاضي وشكله سخيف هيكتب مكانها الكلمة دي…
مش انت ساعات كده تفتح موقع تلاقي صورة مش ممحملة بتلاقي مكانها مربع كده وفوق خالص في المربع موجود علامة غلط…هتلاقي مكتوب في المربع ده الكلمة دي…
وكمان عشان الشخص الرخم اللي قلنا عنه قبل كده اللي هيلغي تحميل الصور خالص من الموقع …بدل ميبان عنده مكان الصورة فاضي خالص يبان اسم الصورة يعرف ان هنا كان موجود صورة كذا…
وفايدة كمان لو مفهمتهاش كويس دلوقتي اصبر لماتخلص الدرس ده للاخر هتفهمها كويس ان شاء الله
وهي اننا ممكن اعمل صورة عبارة عن لينك…يعني تضغط عليها تفتحلك صفحة تانية..او يعني توديك لحاجة تانية…فهكتبله هنابقي مثلا..اضغط لتذهب لصفحة الصور…هنعرف دلوقتي ازاي نعمل دي..بس المهم دلوقتي اننا نعرف ازاي لما نقف علي الصورة تظهر كلمة معينة….
يلا جرب الموضوع ده واتدرب عليه كويس اكتر من مرة….
جرب اكتر من مرة…انا قلتلك اهوه..لو مجربتش 3 او اربع مرات لما تخلص الدرس ده هتحس انك سحت…اسمع الكلام وجرب 3 او اربع مرات وان شاء الله كل حاجة هتبقي سهلة اوي…
في كمان 4 اتربيوتس للتعامل مع الصور عشان تنظمها شوية…
vspace –hspace-align-border
الاتربيوت border بيحدد اذا كنت عايز تعمل بوردر للصورة …وبيحدد حجمه…بتكتبه وتكتب فيه أي رقم اكتب كده مثلا boreder=5
وغير الرقم زي متحب عشان تغير سمك البوردر ده… ولو مكتبتوش خالص يبقي مش هيبقي في بوردر ..زي متحب..
vspace= واكتب أي رقم ..مثلا 10 هيسيب مسافة راسية بين الصورة والكلام اللي فوقها واللي تحتها بالمقدار اللي انت حددته…
v اختصار لكلمة vertical يعني انت قلتله سيب مسافة راسي مقدارها كذا..عشان لو في كلام فوق او تحت الصورة ميبقاش لازق فيها وشكله وحش..بتحدد له المسافة اللي هيسيبها…
والمسافة الافقية بالاتربيوت ده:
hspace
h اختصار لكلمة horizontal
جرب وشوف….
ناقص الاتربيوت align
ده عشان تحددله مكان الصورة ومكان كتابة الكلام بعدها….
يعني انت عايز الصورة في اليمين ولا الشمال..وعايز الكلام جنبها يبدا من بدايتها خالص من فوق ولامن نصها ولا من تحتها….انا مش عارف اوضحها كويس بالكلام بس انت لما تجرب هتفهم…
align= واكتب فيها أي واحدة من الفاليوز دي…
right-left-top-middle-bottom
رايت ولفت يحدد الصورة هتبقي في اليمين ولا الشمال…
توب وبتتوم وميدل يحدد الكلام بعدها هيبدا منين..جرب وشوف….
فاضل كمان اتربيوت واحد للصورة هناخده في الاخر ان شاء الله…
قبل مناخد ازاي نحط صوت او فلاش او….
هناخد حاجة مهمة اوي ي ي ي ي وهي ازاي نحط LINK…
الاول يعني ايه لينك؟؟؟؟؟؟ لو انت عارف معناها متتدايقش اني هشرحها لان في ناس متعرفش معناها..
link معناهابالعربي رابط ..يعني حاجة بتربطني بحاجة تانية…
يعني أي موقع في الدنيا بتفتحه…بتلاقي موجود فيه صور وكلام و…. وبتلاقي كلام موجود تحته خط بتظغ عليه يفتحلك صفحة تانية في الموقع ده …..ده اسمه لينك يعني حضرتك ممكن تعمل صفحتك وتحط فيها لينك لموقع ***** ميل مثلا… او لينك لموقع واحد صاحبك..بمجرد الضغط عليه يتحمل الموقع التاني ده ..بس دي مش الاهمية الاساسية بتاعته…الاهمية الاساسية بتاعته ان حضراتكم لغاية دلوقتي مكن تعملوا صفحة موقع كويسة وشكلها حلو…
بس عمرك شفت موقع صفحة واحدة بس؟؟؟وللا اي موقع بتلاقي فيه لينكات توديك لصفحات تانية في نفس الموقع…يعني مثلا لو انا عامل موقع شخصي لنفسي…هعمل صفحة رئيسية في الاول …وبعدين هعمل لينك اسمه السيرة الذاتية ولينك تاني اسمه صور شخصية وكده…كل لينك منهم تتك عليه يوديك لصفحة تانية انا عاملها برده موجود فيها حاجات علي حسب الاسم بتاعها..
قبل منعرف ازاي نعمل اللينك ده نعرف الاول ازاي نعمل الصفحة التانية ونبقي نخلي اللينك يفتح الصفحة التانية دي..
احنا عاملين فولدر فيه الشغل بتاعنا كله…وحاططين جواه الصور والفلاشات اللي هنستعلمها في الموقع وكل حاجة تبع الموقع ده… وموجود فيه الصفحة اللي انا بكتب فيها الكلام الللي انا عايزه بلغة الاتش تي ام ال..
لما احب اعمل صفحة تانية في الموقع باجي جوه الفولدر ده برده وافتح كمان صفحة نوت باد جديدة… واعمل فيها الصفحة التانية زي مانا عايز …وبعدين باجي في الصفحة الاولي واحط لينك واقولله لما اضغط علي اللينك ده افتح الصفحة اللي اسمها كذا موجودة عندك في نفس الفولدر هنا…
وكده ممكن اعمل العدد الليعجبني من الصفحات واحطها كلها في الفولدر ده ……واحط لينكاتها كلها في الصفحة الرئيسية…وانظم موقعي زي مانا عايز…ازاي بقي بنعمل اللينك ده؟؟؟؟؟؟؟
<a href=http://www.************>………………..................</a>المنظر اللي فات ده مش واضح كويس…
كده انا قلتله لما يضغط علي اللينك ده روح للهوت ميل… وبعدين قفلت باصغر من…وبعدين ببدا اكتب اللينك اللي هيبقي ظاهر في الصفحة…يعني كده هو عرف ان اللي انا هكتبه هنا بمجرد الضغط عليه هيوديه للهوت ميل ان شاالله اكتبله هنا عفريت…اللي هيظهر في الصفحة بس هو العفريت ده واول متضغط علي العفريت ده هيفتح ***** ميل..وبعد مكتب العفريت ده بقفل الامر…
مثلا:<a href="http://www.************ " >open ******* page</a>
كده هيظهر في الصففحة open hot mail page واول ميضغط عليها هتفتح صفحة ***** ميل..
ولو انت كتبت أي حاجة مكان open hot mail page هتظهر في الصفحة وبرده اول ميظغط عليها هتفتح ***** ميل..إن شاء الله تكتبله هنا open ***** …لان انت كاتبله جوه الامر افتح ***** ميل اول ميضغظ علي الكلمة اللي انا هكتبهالك هنا ايا كانت الكلمة…اعتقد كده وضح المقصود..
ونفس الطريقة لو عايز احمل الصفحة التانية اللي انا عملتها في نفس الفولدر …لو فرضنا ان الصفحة التانية دي اسمها mostafa.htm هكتبله كده:
<a href="mostafa.htm">see my pictures</a>
لو انت عرفت تعمل اللينك ده لغاية دلوقتي يبقي حلو اوييييي .خش عالجاي بقي..لو مش واضح اوي بالنسبة لك ..ارجع اقراه تاني وحاول تفهمه ولو مقدرتش متبصش عالجاي واستني وابقي قوللي احاول اوضحهولك تاني..يعني متدخلش علي الجاي الا لما تكون فاهم الي فات كويس لان اللي فات ده مهم جداااااااااااااااااااااااااااااااااااااااااااااااا ااااااااااااا..
اللينك ده بقي مهم اويييييييييييييييييي وممكن يتعمل بيه حاجات كتيرة اويييي وجميلة اويييييييي…بس عايز تطبيق شوية من حضراتكم…
احنا عرفنا دلوقتي اننا ممكن نربط بيه بين مواقع مختلفة وممكن نعمل بيه اكتر من صفحة في موقع واحد…
ممكن كمان اعمل بيه اننا ممكن احط لينك بمجرد الضغط عليه يتبعتلي رسالة علي ايميلي …ازاي؟؟جرب كده وشوف:
<a href="mailto: ……@************">contact us</a>
اكتب كده واضغط عليه هتلاقيه فتحلك صفحة اوت لوك تكتب فيها الرسالة ومكتوبلك فوق ان الرسالة دي هتتبعت علي الايميل اللي حضرتك كاتبه…
ممكن اعمل بيه حاجتين كمان..هقول الاولي دلوقتي والتانية المرة الجاية ان شاء الله …لو انا مثلا عايز اعمل صفحة فيها 20 صورة..كلها صور شخصية بتاعتي… لو رصتهم كده جنب بعض او تحت بعض هيبقي شكلها سخيف اوي فانا ممكن احط الصور دي تكون صور صغيرة اوي وتكون كل واحدة منهم عبارة عن لينك بمجرد الضغط عليه تلاقي الصورة كبرت وبقت هيه لوحدها الموجودة في الشاشة…بص كده علي اللي انا هكتبه دلوقتي وانت تفهم بنفسك:
<a href="pic.htm"><img src=" " width="50" height="50"></a>انا قلت ان اللي هكتبه مبين الامر واغلاقه هو اللي هيظهر في الصفحة…انا هنا كتبتله صورة وقلتله خلي حجمها صغير..هتظهر الصورة بالحجم الصغير اللي انا عملته ده وتكون عبارة عن لينك اول ميضغط علييها يحمل الصفحة اللي انا كاتبهاله في الامر واكون انا حاطط في الصفحة دي نفس الصورة بس تكون حجمها كبير….يعني انا هعمل الاتي بالظبط:
هعمل صفحة مخصوصة لكل صورة من الصور اللي انا عايز احطها في الصفحة الكبيرة دي ..واحط في الصفحة دي الصورة بحجم كبير….واحطهم في الفولدر بتاعي..ودي مش هتاخد وقت كبير… لان اننا هعمل الصفحة احط فيها صورة بس.وان شاء الله هقوللكم علي حاجتين يخلصوا الموضوع ده بسرعة لان في الحالة دي انت هتعمل 20 صفحة ..بس برده كل واحدة منهم هتخلص بسرعة اوييييييي هتحط فيها الصورة بس ..
واجي في صفحة الصور احط الصور كلها علي هيئة لينكات ..كل لينك منهم يودي للصفحة اللي فيها نفس الصورة بحجم كبير…
هقوللكوا مثال علي صورة واحدة بس…
انا عايز اعمل الكلام ده…والصورة اسمها s.jpg
هفتح صفحة نوت باد واحط فيها الصورة دي بحجم كبير…
ولنفرض ان الصفحة دي سميتها 1.htm
هاجي بقي في صفحة الصور الرئيسية واكتب كده:
<a href="1.htm"><img src="s.jpg" width="50" height="50"></a>
كده هتظهر الصورة بالحجم الصغير ولما يضغط عليها تفتح الصفحة الموجود فيها الصورة بالحجم الكبير…
وممكن اخلي الصورة لما اضغط عليها تفتحلي صفحة فيها كلام ..او تفتح موقع تاني خالص ..زي متحب ياباشا…
يعني مثلا انا هحطله صورة كمبيوتر اول ميضغط عليها تفتحله صفحة في معلومات عن الكمبيوتر…انتوا خلاص عرفتوا الطريقة…
وطبعا مننساش حاجة مهمة اويييييييييييييييييييييييييييييييييييييييييييييييي ي
وهي اني لازم اربط بين الصفحات بتاعتي كلها باستخدام اللينكات دي…
يعني انا عملت موقع شخصي…الصفحة الرئيسية فيها شوية لينكات ..لينك يودي لصفحة صور ولينك يودي لصفحة فيها السيرة الذاتتية بتاعتي وكده…
طب دلوقتي زائر الموقع ده ..جه ودخل علي صفحة الصور..لو هو عايز يرجع تاني؟؟؟ يبقي لازم اكون حاططله لينك في صفحة الصور اسمه العودة للصفحة الرئيسية..مش هقوللك بقي تعملوا ازاي..انت لو فهمت اللي فات هتعمله لوحدك…
وبرده لما يفتح كل صورة من الصور يلاقي لينكين:
لينك اسمه العودة للصفحة الرئيسة ولينك اسمه ارجع لصفحة الصور…
كفاية كده اوي انهاردة..معلش كترت عليكوا بس حبيت اكمل الدرس اللي بدا للاخر…
محتاج تطبيق كتيير..جرب اكتر من مرة واقرا الدرس ده اكتر من مرة..مرتين علي الاقل…
وبعد متجرب اكتر من مرة…اقفل الدرس وسيب الورقة..وابدا فكر في شكل موقع من دماغك واعمله كده لوحدك وشوف مستواك…
ولو في أي مشكلة اسال وانا بالتاكيد موجود وهجوبك حتى لو غبت عنك يوم او اتنيين انا بتابع الردود من وقت لتانى عشان اجاوب على اى استفسار
وياريت الردود المرة ده متكونش من نوع مشكور وبارك الله لك....... الخ
تكون الردود استفسارات او اسئلة او حتى تطبيقات
وطبعا انا زهقتكم النهاردة الى اللقاء فى درس اخر
الدرس السابع
معلش درس المرة دي طويل شوية والعملي بتاعه كتير…
ومحتاج تطبيق كتير…
ولو حسيت باي مشكلة وانت بتقرا ارجع عيد تاني وكمل للاخر وان شاء الله هتفهم كل حاجة…
ولو في أي مشاكل سيب الحتة بتاعت المشكلة دي ابقي اسال فيها وكمل الباقي…
لادراج صور:
احنا خدنا قبل كده ازاي نحط صورة في الخلفية… ازاي بقي نحط صورة صغيورة في أي مكان في الصفحة ..او كبيرة زي متحب ..بس مش تكون في الخلفية كلها…
الامر <img>
الاول طبعا هنجيب الصورة ونحطها في الفولدر بتاع الشغل بتاعنا زي ماتفقنا جنب صفحة النوت باد اللي شغالين فيها..
وبعدين بقولله امر بالمنظر ده:
<img src=" ">وبكتب هنا في الفاليو اسم الصورة… يلا جرب دلوقتي كده تعملها وشوف…
طلعلتلك الصورة صح؟
بس انا متاكد انها مش عاجباك..حجمها طالع كبير ..وانت عايزها اصغر شوية…
يلا بقي بعد معرفنا ازاي نجيب الصورة..نشوف ازاي نلعب فيها ونغير حجمها ونظبطها في الصفحة بالشكل اللي يعجبنا:
<IMG SRC=" " width="300" height="300">وتغير في الطول والعرض زي متحب…اكتب الرقم اللي يعجبك في كل واحدة منهم وشوف الحجم..لو مش عاجبك صغر او كبر زي متحب…
والامر <img> ده مش محتاج انه يتقفل..والسبب ان كل اللي انا عايزه منه في الامر ده كتبته بين ال< > يعني مفيش حاجة هتكتب بره والامر ده ينفذها عشان اقفله بعدها..لو في حاجة بره كنت بعد مااكتبها اقفل الامر
يبقي الامر <img> مبيتقفلش…
حضرتك كده افتح أي موقع واقف علي أي صورة فيه واصبر شوية ..هتلاقي اتكتب كلام كده بيعبر عن الصورة..نزل من تحت الماوس …
الحركة دي بتتعمل ازاي ؟؟ وفايدتها ايه؟؟؟
لو انا مثلا حاطط صورة هرم
<IMg src width=" " height=" " alt="pyramid">جرب وابقي اقف علي الصورة شوية واصبر هتلاقي الكلمة اللي انت هتكتبها هتنزل من تحت كده….
دي لها شوية فوايد….لو مثلا في مشكلة في السيرفر والصور محملتش..ودي ساعات بتحصل ….هتلاقي مكان الصورة بدل ميبقي فاضي وشكله سخيف هيكتب مكانها الكلمة دي…
مش انت ساعات كده تفتح موقع تلاقي صورة مش ممحملة بتلاقي مكانها مربع كده وفوق خالص في المربع موجود علامة غلط…هتلاقي مكتوب في المربع ده الكلمة دي…
وكمان عشان الشخص الرخم اللي قلنا عنه قبل كده اللي هيلغي تحميل الصور خالص من الموقع …بدل ميبان عنده مكان الصورة فاضي خالص يبان اسم الصورة يعرف ان هنا كان موجود صورة كذا…
وفايدة كمان لو مفهمتهاش كويس دلوقتي اصبر لماتخلص الدرس ده للاخر هتفهمها كويس ان شاء الله
وهي اننا ممكن اعمل صورة عبارة عن لينك…يعني تضغط عليها تفتحلك صفحة تانية..او يعني توديك لحاجة تانية…فهكتبله هنابقي مثلا..اضغط لتذهب لصفحة الصور…هنعرف دلوقتي ازاي نعمل دي..بس المهم دلوقتي اننا نعرف ازاي لما نقف علي الصورة تظهر كلمة معينة….
يلا جرب الموضوع ده واتدرب عليه كويس اكتر من مرة….
جرب اكتر من مرة…انا قلتلك اهوه..لو مجربتش 3 او اربع مرات لما تخلص الدرس ده هتحس انك سحت…اسمع الكلام وجرب 3 او اربع مرات وان شاء الله كل حاجة هتبقي سهلة اوي…
في كمان 4 اتربيوتس للتعامل مع الصور عشان تنظمها شوية…
vspace –hspace-align-border
الاتربيوت border بيحدد اذا كنت عايز تعمل بوردر للصورة …وبيحدد حجمه…بتكتبه وتكتب فيه أي رقم اكتب كده مثلا boreder=5
وغير الرقم زي متحب عشان تغير سمك البوردر ده… ولو مكتبتوش خالص يبقي مش هيبقي في بوردر ..زي متحب..
vspace= واكتب أي رقم ..مثلا 10 هيسيب مسافة راسية بين الصورة والكلام اللي فوقها واللي تحتها بالمقدار اللي انت حددته…
v اختصار لكلمة vertical يعني انت قلتله سيب مسافة راسي مقدارها كذا..عشان لو في كلام فوق او تحت الصورة ميبقاش لازق فيها وشكله وحش..بتحدد له المسافة اللي هيسيبها…
والمسافة الافقية بالاتربيوت ده:
hspace
h اختصار لكلمة horizontal
جرب وشوف….
ناقص الاتربيوت align
ده عشان تحددله مكان الصورة ومكان كتابة الكلام بعدها….
يعني انت عايز الصورة في اليمين ولا الشمال..وعايز الكلام جنبها يبدا من بدايتها خالص من فوق ولامن نصها ولا من تحتها….انا مش عارف اوضحها كويس بالكلام بس انت لما تجرب هتفهم…
align= واكتب فيها أي واحدة من الفاليوز دي…
right-left-top-middle-bottom
رايت ولفت يحدد الصورة هتبقي في اليمين ولا الشمال…
توب وبتتوم وميدل يحدد الكلام بعدها هيبدا منين..جرب وشوف….
فاضل كمان اتربيوت واحد للصورة هناخده في الاخر ان شاء الله…
قبل مناخد ازاي نحط صوت او فلاش او….
هناخد حاجة مهمة اوي ي ي ي ي وهي ازاي نحط LINK…
الاول يعني ايه لينك؟؟؟؟؟؟ لو انت عارف معناها متتدايقش اني هشرحها لان في ناس متعرفش معناها..
link معناهابالعربي رابط ..يعني حاجة بتربطني بحاجة تانية…
يعني أي موقع في الدنيا بتفتحه…بتلاقي موجود فيه صور وكلام و…. وبتلاقي كلام موجود تحته خط بتظغ عليه يفتحلك صفحة تانية في الموقع ده …..ده اسمه لينك يعني حضرتك ممكن تعمل صفحتك وتحط فيها لينك لموقع ***** ميل مثلا… او لينك لموقع واحد صاحبك..بمجرد الضغط عليه يتحمل الموقع التاني ده ..بس دي مش الاهمية الاساسية بتاعته…الاهمية الاساسية بتاعته ان حضراتكم لغاية دلوقتي مكن تعملوا صفحة موقع كويسة وشكلها حلو…
بس عمرك شفت موقع صفحة واحدة بس؟؟؟وللا اي موقع بتلاقي فيه لينكات توديك لصفحات تانية في نفس الموقع…يعني مثلا لو انا عامل موقع شخصي لنفسي…هعمل صفحة رئيسية في الاول …وبعدين هعمل لينك اسمه السيرة الذاتية ولينك تاني اسمه صور شخصية وكده…كل لينك منهم تتك عليه يوديك لصفحة تانية انا عاملها برده موجود فيها حاجات علي حسب الاسم بتاعها..
قبل منعرف ازاي نعمل اللينك ده نعرف الاول ازاي نعمل الصفحة التانية ونبقي نخلي اللينك يفتح الصفحة التانية دي..
احنا عاملين فولدر فيه الشغل بتاعنا كله…وحاططين جواه الصور والفلاشات اللي هنستعلمها في الموقع وكل حاجة تبع الموقع ده… وموجود فيه الصفحة اللي انا بكتب فيها الكلام الللي انا عايزه بلغة الاتش تي ام ال..
لما احب اعمل صفحة تانية في الموقع باجي جوه الفولدر ده برده وافتح كمان صفحة نوت باد جديدة… واعمل فيها الصفحة التانية زي مانا عايز …وبعدين باجي في الصفحة الاولي واحط لينك واقولله لما اضغط علي اللينك ده افتح الصفحة اللي اسمها كذا موجودة عندك في نفس الفولدر هنا…
وكده ممكن اعمل العدد الليعجبني من الصفحات واحطها كلها في الفولدر ده ……واحط لينكاتها كلها في الصفحة الرئيسية…وانظم موقعي زي مانا عايز…ازاي بقي بنعمل اللينك ده؟؟؟؟؟؟؟
<a href=http://www.************>………………..................</a>المنظر اللي فات ده مش واضح كويس…
كده انا قلتله لما يضغط علي اللينك ده روح للهوت ميل… وبعدين قفلت باصغر من…وبعدين ببدا اكتب اللينك اللي هيبقي ظاهر في الصفحة…يعني كده هو عرف ان اللي انا هكتبه هنا بمجرد الضغط عليه هيوديه للهوت ميل ان شاالله اكتبله هنا عفريت…اللي هيظهر في الصفحة بس هو العفريت ده واول متضغط علي العفريت ده هيفتح ***** ميل..وبعد مكتب العفريت ده بقفل الامر…
مثلا:<a href="http://www.************ " >open ******* page</a>
كده هيظهر في الصففحة open hot mail page واول ميضغط عليها هتفتح صفحة ***** ميل..
ولو انت كتبت أي حاجة مكان open hot mail page هتظهر في الصفحة وبرده اول ميظغط عليها هتفتح ***** ميل..إن شاء الله تكتبله هنا open ***** …لان انت كاتبله جوه الامر افتح ***** ميل اول ميضغظ علي الكلمة اللي انا هكتبهالك هنا ايا كانت الكلمة…اعتقد كده وضح المقصود..
ونفس الطريقة لو عايز احمل الصفحة التانية اللي انا عملتها في نفس الفولدر …لو فرضنا ان الصفحة التانية دي اسمها mostafa.htm هكتبله كده:
<a href="mostafa.htm">see my pictures</a>
لو انت عرفت تعمل اللينك ده لغاية دلوقتي يبقي حلو اوييييي .خش عالجاي بقي..لو مش واضح اوي بالنسبة لك ..ارجع اقراه تاني وحاول تفهمه ولو مقدرتش متبصش عالجاي واستني وابقي قوللي احاول اوضحهولك تاني..يعني متدخلش علي الجاي الا لما تكون فاهم الي فات كويس لان اللي فات ده مهم جداااااااااااااااااااااااااااااااااااااااااااااااا ااااااااااااا..
اللينك ده بقي مهم اويييييييييييييييييي وممكن يتعمل بيه حاجات كتيرة اويييي وجميلة اويييييييي…بس عايز تطبيق شوية من حضراتكم…
احنا عرفنا دلوقتي اننا ممكن نربط بيه بين مواقع مختلفة وممكن نعمل بيه اكتر من صفحة في موقع واحد…
ممكن كمان اعمل بيه اننا ممكن احط لينك بمجرد الضغط عليه يتبعتلي رسالة علي ايميلي …ازاي؟؟جرب كده وشوف:
<a href="mailto: ……@************">contact us</a>
اكتب كده واضغط عليه هتلاقيه فتحلك صفحة اوت لوك تكتب فيها الرسالة ومكتوبلك فوق ان الرسالة دي هتتبعت علي الايميل اللي حضرتك كاتبه…
ممكن اعمل بيه حاجتين كمان..هقول الاولي دلوقتي والتانية المرة الجاية ان شاء الله …لو انا مثلا عايز اعمل صفحة فيها 20 صورة..كلها صور شخصية بتاعتي… لو رصتهم كده جنب بعض او تحت بعض هيبقي شكلها سخيف اوي فانا ممكن احط الصور دي تكون صور صغيرة اوي وتكون كل واحدة منهم عبارة عن لينك بمجرد الضغط عليه تلاقي الصورة كبرت وبقت هيه لوحدها الموجودة في الشاشة…بص كده علي اللي انا هكتبه دلوقتي وانت تفهم بنفسك:
<a href="pic.htm"><img src=" " width="50" height="50"></a>انا قلت ان اللي هكتبه مبين الامر واغلاقه هو اللي هيظهر في الصفحة…انا هنا كتبتله صورة وقلتله خلي حجمها صغير..هتظهر الصورة بالحجم الصغير اللي انا عملته ده وتكون عبارة عن لينك اول ميضغط علييها يحمل الصفحة اللي انا كاتبهاله في الامر واكون انا حاطط في الصفحة دي نفس الصورة بس تكون حجمها كبير….يعني انا هعمل الاتي بالظبط:
هعمل صفحة مخصوصة لكل صورة من الصور اللي انا عايز احطها في الصفحة الكبيرة دي ..واحط في الصفحة دي الصورة بحجم كبير….واحطهم في الفولدر بتاعي..ودي مش هتاخد وقت كبير… لان اننا هعمل الصفحة احط فيها صورة بس.وان شاء الله هقوللكم علي حاجتين يخلصوا الموضوع ده بسرعة لان في الحالة دي انت هتعمل 20 صفحة ..بس برده كل واحدة منهم هتخلص بسرعة اوييييييي هتحط فيها الصورة بس ..
واجي في صفحة الصور احط الصور كلها علي هيئة لينكات ..كل لينك منهم يودي للصفحة اللي فيها نفس الصورة بحجم كبير…
هقوللكوا مثال علي صورة واحدة بس…
انا عايز اعمل الكلام ده…والصورة اسمها s.jpg
هفتح صفحة نوت باد واحط فيها الصورة دي بحجم كبير…
ولنفرض ان الصفحة دي سميتها 1.htm
هاجي بقي في صفحة الصور الرئيسية واكتب كده:
<a href="1.htm"><img src="s.jpg" width="50" height="50"></a>
كده هتظهر الصورة بالحجم الصغير ولما يضغط عليها تفتح الصفحة الموجود فيها الصورة بالحجم الكبير…
وممكن اخلي الصورة لما اضغط عليها تفتحلي صفحة فيها كلام ..او تفتح موقع تاني خالص ..زي متحب ياباشا…
يعني مثلا انا هحطله صورة كمبيوتر اول ميضغط عليها تفتحله صفحة في معلومات عن الكمبيوتر…انتوا خلاص عرفتوا الطريقة…
وطبعا مننساش حاجة مهمة اويييييييييييييييييييييييييييييييييييييييييييييييي ي
وهي اني لازم اربط بين الصفحات بتاعتي كلها باستخدام اللينكات دي…
يعني انا عملت موقع شخصي…الصفحة الرئيسية فيها شوية لينكات ..لينك يودي لصفحة صور ولينك يودي لصفحة فيها السيرة الذاتتية بتاعتي وكده…
طب دلوقتي زائر الموقع ده ..جه ودخل علي صفحة الصور..لو هو عايز يرجع تاني؟؟؟ يبقي لازم اكون حاططله لينك في صفحة الصور اسمه العودة للصفحة الرئيسية..مش هقوللك بقي تعملوا ازاي..انت لو فهمت اللي فات هتعمله لوحدك…
وبرده لما يفتح كل صورة من الصور يلاقي لينكين:
لينك اسمه العودة للصفحة الرئيسة ولينك اسمه ارجع لصفحة الصور…
كفاية كده اوي انهاردة..معلش كترت عليكوا بس حبيت اكمل الدرس اللي بدا للاخر…
محتاج تطبيق كتيير..جرب اكتر من مرة واقرا الدرس ده اكتر من مرة..مرتين علي الاقل…
وبعد متجرب اكتر من مرة…اقفل الدرس وسيب الورقة..وابدا فكر في شكل موقع من دماغك واعمله كده لوحدك وشوف مستواك…
ولو في أي مشكلة اسال وانا بالتاكيد موجود وهجوبك حتى لو غبت عنك يوم او اتنيين انا بتابع الردود من وقت لتانى عشان اجاوب على اى استفسار
وياريت الردود المرة ده متكونش من نوع مشكور وبارك الله لك....... الخ
تكون الردود استفسارات او اسئلة او حتى تطبيقات
وطبعا انا زهقتكم النهاردة الى اللقاء فى درس اخر