:: كيف تصمم صفحة على النت :::::

[KHALID]

سلام

مقدمة عن الشبكات والاتصال:

تتكون الشبكة العنكبوتية Web من حواسيب، مثل جهازك هذا، منتشرة حول العالم، ترتبط ببعضها بواسطة نواقل - منها أسلاك الهاتف، ومنها أسلاك نحاسية للشبكات، ومنها نواقل ضوئية عالية السرعة :blink: تتحول فيها البيانات إلى نبضات ضوئية. وبفضل هذا التوصيل، تتمكن الأجهزة من "رؤية" بعضها البعض ;) .

من الممكن أن يجرب أحدكم انشاء شبكة بسيطة في المنزل إذا كان لديه جهازين. أبسط طريقة هي مايسمى بالسلك المتقاطع، وسأشرحها هنا:

سلك الشبكة العادي هو سلك نحاسي برأسين من الجهتين، يركّب عليها مايشبه مقبس سلك الهاتف، ولكنه أكبر قليلا. إذا أمعنت النظر في مقبس سلك الشبكة سترى في داخله مجموعة أسلاك ملونة. أحد هذه الأسلاك مخصص للإرسال، وسلك آخر للاستقبال. بعبارة أخرى، سلك الإرسال هذا يأخذ بيانات من الجهاز، وسلك الاستقبال يعطي بيانات إلى الجهاز. مين يرتب عملية الإرسال والاستقبال؟ أتركها لكم حاليا، وانتظر الإجابة قبل أن نتقدم أكثر في درسنا..

ودمتم لمحبكم
خالد

[شهد الحزن]

::سلام استاذ خالد ::
وخروا عني انا أكبر فيلسوف وبعقد راس استاذي الله يعينه الزبدة انا بحشي كلام وانت قول وش الصح (عارف انه ماعندي سالفة)
نقول واذا طلع خطأ عادي اسأل فليس المرء يولد عالما
انا حسب علمي إذا كان عندي كمبيوترين نقدر نشبكهم مع بعض عن طريق الكرت الي يسمى نيتوورك كارد تمام،ويكون واحد يخدم الأخر إلا انهم كل واحد يخدم الثاني لكن ممكن مثلاً واحد يعطي اتصال انترنت والثاني يستقبل منه والثاني يعطي لأول مثلاً (شير) اغاني ممكن
الزبدة انا قصدي واحد يكون خادم والثاني المخدوم
ممكن كذا
طيب عطني فرصة (مصدق عمره بيجيب الجواب)
<marquee>سامحونا علىالغلط</marquee>
:blink: :blink: :blink: :blink: :blink: :blink: :blink: :blink: :blink: :blink: :blink: :blink:

[شهد الحزن]

رجعت لكم محمل ببعض المعلومات الصغيرة
انا استخدم الكيبل الي اسمه او وصفه سكرول كيبل (الي مثل ماقلت رايح جاي(ماصار كيبل طريق))
المهم الي يرسل ويستقبل
أنا أرى 8 أسلاك بني وبرتقالي و ازرق و اخضر و4أسلاك بيض (ممكن اتوهم اللون الأبيض لأنه ماينشاف مضبوط)
المهم انا اعتقد اعتقادين (مسوي زحمة)
1- السلك له فتحتين تكون الأولى 1234
4321 ممكن كذا يتهيأ لي
2- الإعتقاد اللآخر هو انه الأسلاك البيض مثلاً للإرسال
والأسلاك الملونة للإستقبال
هل جوابي مضبوط او اني خبصت الدنيا فوق تحت

[KHALID]

سلام

تابع للمقدمة:

الأخ "شهد الحزن"، أنت ببساطة تقول أنه عندما يتحاور جهازان على الشبكة العادية فإن السرفر هو الذي يرسل والزبون (الجهاز المستفيد) هو الذي يستقبل، ولكن من يرتب العملية لهما؟ لأن الجهاز كل ماعليه هو إلقاء الرسالة المطلوبة، ويجب على شيء آخر نقل هذه الرسالة إلى جهاز آخر...ماهو هذا الشيء؟ الجواب تجده هنا..

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

تذكرون جميعا لعبة الكوب الورقي والخيط التي تمثل تجربة علمية بسيطة للهاتف. نعتبر أن الأسلاك الداخلية الملونة هي عبارة عن خيط يصل بين كوبين ورقيين. ولنقم بترقيم هذه الأكواب 1، 2، 3، ... الخ، لننتقل إلى الخطوة التالية وليكن لي قليل من تركيزكم..

<span style='color:deeppink'>
مطلوب تركيز :mellow: : إذن الآن أمام كل جهاز عدد من الكؤوس الورقية (والتي تمثل الأسلاك الملونة في سلك الشبكة)، الكأس رقم 2 يستخدمه الجهاز (الكمبيوتر) دائما للتحدث. والكأس رقم 3 يستخدمه الكمبيوتر دائما للاستماع.

إجابة على سؤالي باللون الأحمر سابقا، هذا الجهاز (السويتش) هو من يقوم بسماع مايقوله جهازك، وينقله إلى كأس 3 لجهاز آخر. إذن السويتش هو من يقوم بالتحكم وترتيب الاتصال بين الأجهزة.

http://www.angelfire.com/linux/ironmask00/network/network1.gif


طيب إذا ماعندنا سويتش؟ وكل ماعندك هو جهازين على كل منهما كرت شبكة؟

هذا سؤالي الثاني لكم، ويتطلب بعض الذكاء وفهم حركة الكأس ودور السويتش.

أعود لكم لاحقا..</span>

[صدى الأمواج]

معلومات جدا رائعه ويعطيك العافية اخوي

[شهد الحزن]

سلام اخوي خالد بس ترى ماطلعت الصورة بالأمس اول ماحطيت الدرس

[KHALID]

سلام

حياكم الله أخواني أمواج وشهد الحزن.. بس انشاءالله تكون الصورة طالعة الحين؟؟ إذا ماطلعت، خذ وصلتها وافتحها في صفحة جديدة من المتصفح..

تابع لمقدمة الشبكات:

في حال لم يتوفر السويتش، فكل ماعليك ببساطة هو توصيل "الكؤوس" بالعكس. أي يتحدث الجهاز الأول في التوصيلة التي سيسمع منها الجهاز الثاني، والعكس، تماما كما في الصورة:

http://www.angelfire.com/linux/ironmask00/network/network2.gif

وهذه الطريقة تسمى السلك المتقاطع (كروس كيبل Cross Cable ). وتستخدم فقط لوصل جهازين ببعضهما - وليس أكثر من جهازين.

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

[سليمان]

مشكوووووووووووور
يعطيك العاااااااااااافية

جميييييييييل جداااااااااا
راااااااااااااااااااااائع

[شهد الحزن]

استاذ خالد
الله يعطيك العافية الحين فهمت تمام التمام
طيب الفكرة الجديدة ارجوا منك التوسيع بقدر الإمكان وشوي شوي يعني على مهلك
ابغى افهمها اكثر بقوة خاصة سالفة السيرفرات هذي
ولك جزيل الشكر بإسمي واسم الأعضاء الباقين وانتظر المزيد المزيد من الأسئلة الله يعينك علينا
وعارفين انك ماراح تقصر على اي تساؤل من اسئلتنا
وشكراً

[KHALID]

سلام

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

الانترنت والصفحات:

قد تكون المقدمة نوعا ما صعبة الفهم، ولكن القادم من دورتنا سيكون سهلا جدا وممتعا أيضا انشاءالله، وهو موجه للجميع. إذن كما عرفنا سابقا تتكون الانترنت من مجموعة كمبيوترات - بما فيها جهازك - متصلة مع بعضها. ولكن هناك شيء يميز بعض هذه الأجهزة عن بعضها الآخر، وهو أن بعضها هي أجهزة "مستفيدة" والبقية هي أجهزة "خادمة" أو سرفرات.

الأجهزة المستفيدة هي مثل جهازك المنزلي، حيث أن كل ماتقوم به هو تصفح الانترنت على المتصفح لديك. والأجهزة الخادمة (أو السرفرات) هي الأجهزة التي تخدم الانترنت بتقديم مواقع يتصفحها الناس عبر أجهزتهم المنزلية. موقع ياهو على سبيل المثال يعمل على سرفر، موقع منتديات أمواج يعمل على سرفر، وهكذا جميع المواقع يجب أن يضعها المصمم على سرفر لكي يستطيع الناس الوصول لها.

تصميم صفحات الوب ليس بالأمر الصعب بتاتا. تستطيع أن تصمم موقعا وتراه في جهازك، ولكن عندما تريد للآخرين رؤيته يجب أن تضعه في سرفر، سنعود للتصميم لاحقا ولكن دعونا نتحدث عن السرفر.

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

نعود للتصميم، صفحات الانترنت مكتوبة بلغة تسمى html وهي إحدى أسهل لغات البرمجة إن لم تكن الأسهل، فليس فيها أي نوع من المنطق أو الحساب أو البرمجة الفعلية. سنستخدم الاسم هتمل كرمز عربي لها. ويكتب البرنامج في notepad ثم يتم عرضه في المتصفح. هذا هو كل شيء ببساطة. سنتعلم في الخطوات اللاحقة عن أهم أوامر هتمل.

كل صفحة انترنت تبدأ بـ <html> وتنتهي بـ </html> ، طبعا السلاش أو الخط المائل يعني دائما نهاية الأمر. وهي إلى اليسار وليس كما يبدو هنا - بسبب المحرر العربي للمنتدى.

بعد أمر البدء، يأتي أمر <head> وينتهي بخاتمته </head>، وفيه يكتب معلومات تظهر في بداية الصفحة.

بعده، يأتي أمر عنوان الصفحة <title> وينتهي بخاتمته كما هو مذكور في الأعلى، وفيه يكتب عنوان الصفحة الذي يظهر في شريط العنوان.

ثم يأتي القسم المهم، <body> وفيه كل ماتريد كتابته.

جرب البرنامج الصغير التالي:

http://www.angelfire.com/linux/ironmask00/network/notepad.gif

اكتب نفس النص في محرر نوت باد notepad واحفظه باسم "test.html" ولاتنسى أقواس التنصيص كما كتبت لك، وفائدتها أنها تخبر النوت باد بألا تلصق txt في نهاية اسم الملف.

بعد حفظها، افتح انترنت اكسبلورر ومن قائمة File ، ثم Open ، افتح الملف. ماذا ترى؟

[شهد الحزن]

اخوي استاذ خالد هذا تطبيق على درسك وهو بغاية السهولة
لطريقة شرحك الممتازة
وهذا التطبيق حقي
وسويته على صفحه ويب بعد فناتك وش رايك
واجب اليوم (http://www.angelfire.com/moon/salah/11.html)
وماأدري اتاذ خالد عادي التطبيق وإلا التطبيق بينك وبين نفسك
حبيت تشوف حلي :7yo: :7yo: :7yo: :7yo:

[KHALID]

ممتاز ياشهد الحزن..

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

[شهد الحزن]

اها ممتاز الكل يستفيد بس اهم شئ يفيدونك
يعطيك العافية استاذ خالد

[al3neda]

<div align="center"> اولا مشكور اخو خالد على الموضوع يعطيك العافية

انا توني جايه تاخرت على الفصل وعندي اسئلة ياستاذ:

في الصورة الاولى :
* ال swtich هو الي يرسل البيانات ولا الكمبيوتر رقم 1؟
*اذا ماكان موجود الswtich هل البيانات تنتقل ؟


وهذا الواجب ههههههههههه متاخر شوي بلا عقاب ههههههههه

الووووووووواجب (http://al3neda..com/test%20.html) </div>

<div align="center">واذا غلط سامحنا عا لتقصير يا استاذ :) </div>

[شهد الحزن]

بما إن انا العريف حق الفصل
اقول اليوم تأخرت علينا اليوم استاذ خالد

[KHALID]

سلام

الأخت العنيدة.. حياك الله

السويتش يقوم بـ :

1- استقبال البيانات من الكمبيوتر المرسل،
2- قراءة عنوان المرسل وعنوان المستقبل،
3- وأخيرا إرسالها للكمبيوتر المستقبل، طبعا السويتش يعرف أي سلك هو الموصل للكمبيوتر المستقبل.

إذا فقدنا السويتش فلن نستطيع تشبيك الكمبيوترات ببعضها إلا عن طرق أخرى ليست بالسهلة، منها على سبيل المثال الطريقة التي تحدثنا عنها لتشبيك كمبيوترين بدون سويتش، وهي طريقة السلك المتقاطع.

وتطبيقك للدرس ممتاز، بس فيه ملاحظة.. لاتتركين مسافة في اسم صفحة الهتمل. يعني لاتجعلي اسم الملف هكذا:

test 20.html

بل هكذا:

test20.html

وبالتوفيق انشاءالله..

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

شكرا لزيارتكم للموضوع..

[شهد الحزن]

الله يعينك اخوي استاذ خالد
انا عريف الصف ومافي احد يتكلم اسجل الأسامي على السبورة ((خامس ج))
الله يكون بعونك ويعطيك العافية اخوي استاذ خالد تحملنا عاد خلك صبور
اوكي

[AZEEEZ]

يعطيك الف عافيه يا استاذ خالد على الشرح الحلو وياليت الكل يستفيد مثل ما استفدت انا .

[شهد الحزن]

طيب الي استفاد يحط حله مثلي انا والعنيده عشان ان كان عنده غلط نعدله له
شهد الحزن عريف الصف

[KHALID]

سلام

:) شكرا ياشباب على حماسكم.. اعذروني على التأخير :(

الصور والوصلات:

تعلمنا إلى الآن كيف نعمل صفحة هتمل بسيطة للغاية. نريد الآن أن نضيف صورة إلى الصفحة..

الأمر <img> يستخدم لوضع صورة، مع وصلة الصورة على النت، أو وصلتها في جهازك، وتوضع بعد كلمة src ، لنأخذ مثالا..

http://www.angelfire.com/linux/ironmask00/network/notepad2.gif

جرب أن تكتب النص السابق في notepad ثم احفظه باسم "test2.html"
، لاتنسى علامات التنصيص. ثم افتحها في المتصفح. وتذكر، الصورة التي ستطلبها هذه الصفحة ستكون على الانترنت لذا يجب أن تكون متصلا.

إذا دققت في المثال السابق سترى أنني قمت بجعل الأمر <head> فارغا، وستجده هكذا غالبا، لأنه لايوجد داع لاستخدامه في الغالب.

رجاء دعوني أرى تجربتكم للمثال السابق، قبل أن ننتقل للوصلات..

[al3neda]

جربت بس مطلعت الصوره مادري ليش

وهذا الي كتبته بس ماطلع
<html>
<head></head>
<title> testing html with images</title>
<body>

http://al3neda..com/lookinMEDl.jpg</img>

</body>
</html>

[شهد الحزن]

الحين جاء عريف الفصل استاذ خالد شوف الحل وقول
وحاط لك صورة انريكي انبسط كم الدرجة
الواجب استاذ خالد (http://www.angelfire.com/moon/salah/44.html)
:D الهدية :D
:7yo:

[شهد الحزن]

مايجيبها إلا اهلها

[أبو بويسم]

مشكوووووووووور الأستاذ خالد على هذه الدورة المفيدة
وبالنسبة للواجب ممكن أخوي شهد بنقله منك تكففففى ===> في الفسحة إن شاء الله ولا تعال بدري قبل الطابور خخخخخخخخخخخخخ

[شهد الحزن]

الغش حرام

[al3neda]

الواااجب متأخر كالعاده :P
هههههههههه
الووووووووووواجب المتأخر (http://al3neda..com/test2.html)
واذا في غلط سامحوناااااا

[شهد الحزن]

لاعادي مادامن العريف
كم تدفعين واسامحك العنيدة المهم بس الكتابات مو موجودة
انا البست كركركركركركركركر

[KHALID]

شهد الحزن والعنيدة... ممتاز

[شهد الحزن]

تسلم اخوي استاذ خالد
وطبعاًبلا شك ماوصلنا انا والأخت العنيدة إلا بمتابعة دروسك الي
تخلي الي مايفهم يفهم غصب ومثل مايقولون (( تابع تعرف)) خوش مثل تون مطلعه.
يعطيك العافية استاذ خالد

[KHALID]

سلام

تكملة للصور والوصلات:

الحين عرفنا تمام كيف نضع صورة في صفحة هتمل، راح نتعلم الآن كيف نضع وصلة بطريقة النص، وبطريقة الصورة..

أمر الوصلات في هتمل هو <a href>، بحيث تضع الوصلة داخل الأمر، والنص أو الصورة بين بداية الأمر ونهايته ! أكيد انتم الحين كذه :blink:

:P

العملية ببساطة هي كما يبدو في هذا المثال:

http://www.angelfire.com/linux/ironmask00/network/a_href_lesson.gif

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

والمساحة المظللة بالوردي هي النص الذي تريده أن يظهر للزائر.

لتوضيح المسألة أكثر، قم بنسخ النص إلى notepad عندك، واحفظ الصفحة باسم "test.html" ولاتنسى أن تختار إما Unicode أو UTF من فورمات الحفظ، وإلا لن يظهر لك النص العربي بشكل سليم..

يلا، خلوني أشوف شطارتكم..

[شهد الحزن]

للعلم معلمين مثل استاذ خالد
وللحل طلاب مثلي خوش مثل شوفوا حلي ولا أحد يغش
الحل زي العادة اول واحد (http://www.angelfire.com/moon/salah/911.html)

[KHALID]

ممتاز ياشهد الحزن..

[al3neda]

اخيررررررررررررررررررررررررا :P
يعطيك العافيه استاذ خالد وهذا هو الووووواجب
الوووووووووووووووووووووووووووووووووووووووواجب (http://al3neda..com/test.html)

[KHALID]

أحسنت يالعنيدة..

[شهد الحزن]

مشكور اخوي خالد على متابعتك الدائمة
والله عارف إنّا مقصرين معك
مافي إلا انا والعنيدة بس تحمل
ولاتزعل هل نحن نكفيك ونتشرف نكون تلاميذك
شهد الحزن

[شهد الحزن]

السلام
اخوي خالد وينك عسى ماشر
من زمان عن المنتدى والدورة

[KHALID]

سلام

اعذروني أولا على التأخير لظروف خارجة عن إرادتي.

نعود للدرس.. بعض الحيل وبعدها نتعلم الجداول - اللي بالفعل ستضيف نكهة مميزة على صفحاتنا. بعد ذلك انشاءالله سننتقل إلى عمل صفحة شخصية بسيطة.

- بعض الحيل:

هناك أوامر تفيد كثيرا في عمل صفحة الهتمل، مثلا :

*
تنقلك إلى سطر جديد.
* <center> النص اللي بعدها، وقبل </center> سيكون في منتصف الصفحة.
* لتغيير لون خلفية الصفحة، نكتب الأمر bgcolor="" داخل أمر <body> كما سأوضح في المثال.
* استخدم الأوامر <h1> إلى <h6> لتكبير وتصغير مقاس الخط...
* الأمر <hr> يعمل لك خط أفقى على عرض الصفحة.

http://www.angelfire.com/linux/ironmask00/network/11.gif

أسئلتكم..

[al3neda]

<div align="center"> اخيرررررررررررررررررررررررررررا انا اول وحده اجيب الواجب
هههههههههههههههه غلبت الصغيررررررررررررون ههههههههههههههه
مبرررررروووووووووووووووووووووووووووووووووووووووووك

:29: :29: :29: :29: :29: :29: :29: :29:

:14: :15: :16: :17: :20: :14: :15:

الوااااااااااااااجب الاوللللللل هههههههههه (http://al3neda..com/1.html)</div>

[دمعة]

:mellow:


دروس مررة جيدة .. الله يعطيك العافية اخوي خالد والى الامام...

[شهد الحزن]

اخوي والله مو عارف وش اقول بس على العموم
آسف مررررررررة
مافضيت والسبب الكلية ماخذه وقتنا.
انا سويت الواجب بس العنيدة اختي سبقتني
مو مشكلة انا والعنيدة اكثر من اخوان
بس سويت انا الواجب وزيادة شوف كيف انت واحكم
ومافي احد علمني إلا بس طريقة الألوان
ياشباب فتحت فرع جنب البقالة الي مو عارف يجي اعلمه.
الواجب متأخر آسف (http://www.angelfire.com/moon/salah/8.html)
:huh:

[KHALID]

الاخت العنيدة، حلك ينقصه <body>،

شهد، ممتاز

دمعة حياك الله..

طيب، ماأحد سأل عن سبب كتابتي للون الخلفية بهذا الشكل (e9e0ff) ولم أكتبه بالشكل التقليدي (pink) مثلا؟ فيه أحد يعرف السبب؟

[شهد الحزن]

أنا بتفلسف
الي علمني الطريقة قالي إذا تبي وش اللون الي تبيه ناخذ مثال
اللون الأبيض <FFFFFF# >
بس كيف وليه ماأعرف
وبغيت اعرف هل هناك امر لعمل خط عمودي
ولاحظت انت عامل ترك لسطور فاضية يعني هل هنالك سبب

[دمعة]

ههههههههههه حلوه هذي اللي علمني الطريق.. صويلح ... بتنكبني يعني ؟؟؟!!!!

طيب .. أخوي خالد ... أتوقع لو انه كان اختيار الالوان مثل ماقلنا ابيض او احمر بالكتابه .. White او RED ... ماراح يطلع ويانا الوان كثيره خصوصا .... لكن النظام اللي يستعمله الـ HTML هو مايعرف بـ RGB وهو اختصار لـ Red Green Blue .... يعني انها تستعمل 3 أحرف .. ثلاث بايتات Byte ... اللي هي -- -- -- .... كل شرطه تاخذ في الذاكرة Byte واللي هو 8بتات....

اول شرطتين من اليسار للون الاحمر .... ثاني شرطتين (الشرطتين اللي في الوسط) للون الاخضر ... اخر شرطتين للون الازرق...


** كيف الشغل عليهم؟؟
خلونا ناخذ مثال وهو اللون الاحمر ... والباقي تنطبق عليه نفس النظريه...
للون الاحمر ناخذ اول شرطتين ...

اذا بغينا الاحمر يختفي بالمرة .... نحط هالقيمة 00
اذا بغينا الاحمر يختفي بنسبة ثلاث ارباع (4/3) ويظهر بس ربع (4/1) .... نحط هالقيمة 40
اذا بغينا الاحمر يختفي بنسبة النصف (2/1) ويظهر بنسبة النصف(2/1) .... نحط هالقيمة 80
اذا بغينا الاحمر يختفي بنسبة ربع (4/1) ويظهر بنسبة ثلاث ارباع (4/3) .... نحط هالقيمة C0
اذا بغينا الاحمر يظهر بنسبة 100% .... نحط هالقيمة FF

وبها التدرج راح تكون الوان وتدرجاتها بالشكل اللي تبيه واكثر ...


....
ان شا الله صح الجواب؟؟

[شهد الحزن]

حركات دمعه ماأبي اقول اسمك
المهم شرح حلو يعطيك العافية

[KHALID]

سلام

شرح مبدع يادمعة.. يعطيك العافية..

شهد الحزن، السطور الفاضية لاتعني شيئا أبدا.. هي فقط للترتيب وتسهيل القراءة.

نرجع للهتمل، وش بقى؟ الجداول بس !!!

الأمر المستخدم لعمل الجداول هو <table> ، وتعرفون كيف تقفلون هذا الأمر بالطبع :)

طيب وش راح يكون في الجدول؟ طبعا صفوف، وأعمدة. لاحظوا إني قلت صفوف وأعمدة ، يعني الصفوف قبل الأعمدة، وهذه هي الطريقة التي يتعامل فيها الهتمل مع الجداول. بعبارة أسهل، لعمل جدول قم بالتالي:

- افتح جدول <table>
- افتح صف <tr>
- ثم افتح الأعمدة داخل هذا الصف تتابعا <td>

طبعا اكتب ماتريد داخل الـعمود وليس في أي مكان آخر. وهذا مثال :


http://www.angelfire.com/linux/ironmask00/network/tables.gif

- لاحظوا أن عد الأعمدة هو من اليسار لليمين، ويمكن تغيير ذلك طبعا.
- أيضا لاحظوا أني استخدمت border=2 داخل أمر الجدول <table> وذلك لتحديد الجدول.
- كذلك، يمكن لاحظتوا وجود خطأ في البرنامج الموجود في الصورة، ولكنه ليس بالخطأ فعلا إنما عادة سيئة، ولكن الهتمل يتقبلها بصدر رحب، وهي أني لم أكتب إقفال الأمر <table> في نهاية الجدول، تركتها لتعرفوا أن الهتمل يتقبل الأخطاء، ولكن يجب أن تكون حذرا.

[صدى الأمواج]

دورات رائعه اخوي خالد ويعطيك الف عافية والى الأمام

[al3neda]

اوووووووووووووووووه الواجب عسى الله مايكون غلط مثل الي قبله

اتفشللللللللللللللللت مسويه حفله وشاقه حلجي شبرين عشان جبته قبل شهد اخر شي طلع غلط :sad: وتفشلت
بس هالمرررررررررررره مو مسويه حفله عشان اذا طلع غلط مااااااااااااااتفشل :cry: :cry:

هذاااا هو الواجب

الوااااااجب يارب مايطلع غلط (http://al3neda..com/table.html)

[KHALID]

سلام

حياك الله أخوي أمواج ..

الأخت العنيدة حلك ممتاز، ومافيه فشيلة انشاءالله أبدا.

[al3neda]

<div align="center">تسلم اخوووووووووووووووووووووووي الحين انا بسووووووووووي حفله :D ههههههههههههههههههههههههههههههههههههههههههههههههه
هههههههههههههههههههههههههههههههههههههههههههههههههه هههه
هههههههههههههههههه<<ماشفت خير



:29: :29: :29: :29: :29: :29: :29: :29: :29:

:14: :15: :16: :17: :20: :14: :15:

:7yo: استااااااااذ خالد </div>

[شهد الحزن]

السلام عليكم والله فرحتلك من كل قلبي العنيدة مصدقه عرها شافتني مشغول سوت الواجب قبلي
اهم شئ سويتيه صح مو مهم من يجيبه اول
مستانسه خلاص بجيبلك هدية :P
وآسف شباب على التأخير
::الواجب كامل على كل مادرسناه تقريباً:: (http://www.angelfire.com/moon/salah/7.html)
:7yo:

[KHALID]

ممتاز ياشهد الحزن..

[شهد الحزن]

<span style='color:firebrick'><marquee>بشرى سارة لكل من شرفنا وشارك معنا بحل الدروس مع الأستاذ خالد</marquee>

<div align="center">تحية عطرة لكل من الأستاذ خالد وعيال الصف المشاركين
شهد :D الحزن & العنــــــــــــــ :D يـــــــــدة
ننبأكم انه تم انجاز دورة HTML
ومبروك الف مبروك لكل من شارك والله يعطي الأستاذ خالد العافية وعمراً مديداً جعله في موازين اعماله ان شاء الله
ونقوله مع السلامة وبحفظ الله وماقصرت على كل شئ وان شاء الله تزورنا مرة اخرى في المنتدى .
http://www.almuhands.org/forum/images/smilies/orr.gifhttp://www.almuhands.org/forum/images/smilies/bluefly.gifhttp://www.almuhands.org/forum/images/smilies/orr.gifhttp://www.almuhands.org/forum/images/smilies/bluefly.gif

مع تحيات عيال الصف/ شهد الحزن & العنيدة
ونقول آخر كلمة انه احزننا خروجك </div></span>

[الأتجاة المعاكس]

يعطيكم الف عافية وكان ودي اسجل معكم بس راحت علي انشاء الله في الدورات الثانية

[شهد الحزن]

حياك اخوي الأتجاة المعاكس وانت اقرأ الدورة وان اشكل عليك اي شئ ماعليك إلا ان تكلمني على الماسنجر وبس

[بدون اسم]

مااااااتبوني


تحياااااتي

[شهد الحزن]

حياك انت كمان اخوي بدون اسم