[x]

"وقـل اعمـلوا فسـيرى الله عـملكم ورسـوله والمؤمنـون"


..لمحة عن كليات جامعة دمشق و فروعها... شاركنا تجربتك وكلمنا عن اختصاصك




  ملتقى طلاب جامعة دمشق --> كلية الهندسة المعلوماتية --> الأقسام العامة كلية الهندسة المعلوماتية --> برمجة وتصميم الويب
    (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php
عنوان البريد :  
كلمة المرور :  
                    تسجيل جـديد


.(( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php


Y4$$3R N3T

عضــو ماسـي






مسجل منذ: 12-03-2006
عدد المشاركات: 4989
تقييمات العضو: 621
المتابعون: 123

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

(( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

05-10-2009 08:51 PM




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

المهم نبدأ الآن...
بلمحة بسيطة عن لغة الـ html
هي لغة بسيطة جداً وهي عبارة عن الأكواد التي يفهمها المتصفح ويحولها لكلمات او صور او تقسيمات معينة للصفحة
شكلها العام يتألف من قسم فيه معلومات عن الصفحة يسمى الرأس Head وقسم فيه محتوى الصفحة يسمى الجسم Body
في الرأس من الممكن أن نضع معلومات عن اللغة المستخدمة في كتابة محتوى الصفحة أو لتضمين ملفات معينة خاصة بالشكل style أو الحركات أو السكريبتات المضافة script او معلومات عن المصنع أو المنتج وإضافات أخرى قد تهم محركات البحث التي قد تؤرشف الصفحة لديها
أما في الجسم مثلاً نضع تقسمياً للصفحة.. باستخدام الكود Table
أو تلويناً للنص المكتوب باستخدام الكود font

وندرج المثال الأول عن الشكل العام لصفحة الـ html

الكود

   
        ...
   
   
        ...
   


في قسم الـ body نستخدم الوسوم...
الوسوم: هي الأجزاء التي تحدد كيف سيظهر المحتوى فهي تصف المحتوى من حيث التنسيق.
مثال على ذلك هذا السطر من لغة HTML ..

الكود
HTML is a Great Language

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

الكود
HTML is a Great Language

نسيت أنكم لن تلاحظوا الفرق لأن الخط المستخدم في كامل النص هو bold !!!


في المثال السابق تبدو أجزاء ملف الـ HTML واضحة، المحتوى الذي يتمثل في عبارة HTML is a Great Language، والوسوم المحاطة بعلامتي < و >، في المثال السابق استخدمنا وسما يدعى b وهو اختصار لكلمة bold (عريض)، ويأتي في صورة زوج من الوسوم، وسم للفتح ووسم للإغلاق، ويتميز وسم الإغلاق عن وسم الفتح في أنه يحتوي على علامة ( / ) قبل اسم الوسم، وسم الفتح يعني أن المتصفح يجب أن يطبق الوصف الموجود في الوسم على جميع النصوص الذي تلي الوسم وحتى يصل إلى وسم الإغلاق، مثل التشغيل والإطفاء .. وسم الفتح يشغل ميزة الخط العريض ووسم الإغلاق يطفأ هذه الميزة، وكما أن هنالك وسما للخط العريض .. هنالك وسم للخط المائل، وآخر لتغيير الخط، ووسوم أخرى للجداول والصور، جميع عناصر ملف HTML يتم إدراجها عن طريق الوسوم، وتحدد خصائصها أيضا عن طريق الوسوم.
إذا أردت مثلا أن تغير الخط في كلمة Great في مثالنا السابق، سنحتاج إلى استخدام الوسم Font، حيث سنستخدم الوسم Font بأن نضبط خاصية لون الخط في كلمة Great إلى اللون الأحمر، ويتم هذا كالتالي ..
HTML is a Great Language
حيث ستبدو هكذا ..
HTML is a Great Language
في المثال السابق يتضح لنا أمر آخر، وهو أنه حتى نضبط خصائص أحد الوسوم فإننا نقوم بوضع إسم الخاصية بعد اسم الوسم بين علامتي الـ<  والـ> ونفصل بين اسم الوسم والخاصية بمسافة بيضاء، وتكون الخصائص في صورة إسم="قيمة" أي إسم الخاصية ثم علامة المساواة ثم قيمة الخاصية بين أقواس الإقتباس المزدوجة، في المثال السابق قمنا بضبط الخاصية color للوسم font عند القيمة red، وإذا كان هنالك أكثر من خاصية يمكننا إضافتها أيضا في نفس المكان، بحث نفصل كل خاصية والأخرى بمسافة، مثلا ..

الكود
HTML is a Great Language

التي ستظهر هكذا ..

الكود
HTML is a Great Language


أمور إضافية يجب أن تعرفها عن HTML ..
- لغة HTML لا تراعي حالة الأحرف من حيث كونها كبيرة أو صغيرة، أي أنه في HTML وضع لا يختلف عن .
- يمكن إحاطة قيم الخصائص بعلامة إقتباس مزدوجة ( " ) أو مفردة ( ' )، ويمكن أيضا عدم إحاطتها بأي منها إذا كانت القيمة تتألف من كلمة واحدة دون مسافات.
- بعض الوسوم تحتاج إلى وسم إغلاق وبعضها لا يحتاج إليه.
- قد وقد لا يحتوي وسم الفتح على خصائص إضافية، ولكن وسم الإغلاق لا يحتوي أبدا على هذه الخصائص.
- لغة HTML لا تراعي المسافات البيضاء، وتعتبرها جميعا مسافة واحدة، أي أن وضع مسافة واحدة بين كلمتين، يساوي وضع مسافتين، ويساوي وضع ثلاثين مسافة، ويساوي وضع سطر جديد، ويساوي وضع جدولة tab، كلها تترجم إلى مسافة.
- توضع التعليقات بين  أي أن المتصفح يتجاهل أي شيء بينهما وكأنه غير موجود.


مثال منوع
[php]

  My First Page


Here My Html Page...

Next Line!!







what about some red color?

Or bold type...
try this Hi Every Body
!!!!
المهم هذه كلها على سبيل المثال...


   
       
       
   
   
       
       
   
left alignmentright alignment
center alignmentleft alignment

END OF BAGE...


Smile this our forum header..!!


[/php]




تكلمنا سابقاً أنه من الممكن أن نكتب أكواد لغة الـ HTML بداخل تعليمة الـ print في لغة الـ php
أو من الممكن أن نغلق بيئة الـ php بكود النهاية  ونكتب أكواد الـ HTML  في أي مكان خارج بيئة الـ php كما في هذا المثال...
[php]


   




[/php]

وأيضاً من الممكن أن نتجاهل التقسيمة الافتراضية لصفحة الـ Html كلها ويظهر كل شيء بشكل سليم... لكن ليس هذا بالعمل الاحترافي أو النظامي....
وبعد هذه المعلومات عن لغة الـ Html ننتقل لقسم مهم منها يدعى النماذج Forms

يتبع..








" وقـل اعمـلوا فسـيرى الله عـملكم ورسـوله والمؤمنـون "

أينما زرعك الله أثمر


فهرس دورة الـ php






أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 2


Y4$$3R N3T

عضــو ماسـي






مسجل منذ: 12-03-2006
عدد المشاركات: 4989
تقييمات العضو: 621
المتابعون: 123

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

05-10-2009 10:21 PM




النماذج.. FORMS
......
تكلمنا فيما سبق عن الروابط التي تتكون من اسم الصفحة ويليله اشارة استفهام وبعدها اسماء متغيرات مع قيمة كل منها...
مثلاً إذا كان لدينا صفحة برمجية اسمها test.php
وكان محتواها على الشكل
[php][/php]
http://localhost/les8/test1.php?id=7&color=blue&count=190
وأنه يمكننا استخدام هذه المتغيرات ضمن الصفحة test1.php بذكر اسم المتغير باستخدام GET_$ على الشاكلة السابقة...

وبمجرد تغيير القيم من الرابط تتغير المعلومات في الصفحة
لكن من الواضح جداً أن الطريقة قاصرة... ولا يمكننا بواسطتها مثلاً أن نرسل نص رسالة أو نص موضوع وهكذا.. ثم ان التغيير بواسطة الرابط يتطلب خبرة!!..
لذلك نستخدم الـ Forms
والتي ترسل البيانات من أي نوع... من صفحة لأخرى لنقوم باستغلالها كيفما نريد...
ولذلك أولاً نتعرف على النماذج Forms

هي جزء من اكواد الـ Html
تبدأ بالوسم form
ونضع ضمنها الحقول التي نريد تعبئة اليبانات فيها...
كمثال مباشر هي صفحة التسجيل في هذا المنتدى... او صفحة الانضمام لمشروع كفالة اليتيم مثلاً...
اذا كيف يتم انشاء مثل هذه الصفحات.... ؟

نضع بين أيديكم هذا المثال ومن ثم نقوم بالشرح
[php]
الأسم :

البريد الالكتروني :

عام الولادة :

اللون المفضل :


[/php]
نحفظه بصفحة نسميها test2.php أو بلاحقة html لا مشكلة كوننا لم نستخدم تعليمات php في هذه الصفحة....
فيظهر لنا الشكل التالي:


نشرح ماسبق...
انشأنا نموذج وظيفته ارسال المعلومات الى الصفحة المسماة test3.php
بطريقة الارسال غير الظاهر post
فيه أربع حقول من النوع "ذو السطر الواحد" text
بأقياس متعددة للحقل size ولا يهمنا القياس الا للشكل!!
والقيم الافتراضية للحقول الثلاثة value فارغة
ولابد أخيراً من زر لتثبيت المعلومات وارسالها ونوعه submit حصراً

المتغيرات التي ارسلناها اسمائها من اختيارنا كما هي في name
نستقبلها في الصفحة الهدف test3.php بهذا الأسلوب
[php][/php]

من الممكن أن نستخدم نوعاً أخر غير text مثلاً password
جرب تغيير نوع الحقل الخاص بالأسم type من text إلى password ثم قم بتعبئة البيانات ولاحظ الفرق!!!
جرب تغيير القيمة الافتراضية لأي حقل value!!

او حاول استخدام انواع أخرى من الحقول...
[php]
أنا أحب البرمجة؟



هل تحب القراءة؟
بالطبع
أكرهها
يجب علي التأقلم معها



[/php]

test5.php
[php][/php]
لكن لأخذ العلم :
بالنسة للنوع radio اذا أردنا أن يتم اختيار واحد فقط من الخيارات الثلاث المذكورة فيجب أن تكون جميعها بنفس الأسم



سنتطرق لمثالين أخيرين الآن
وهما يتحدثان عن امكانيةا رسال النصوص الكبيرة بواسطة textarea أو ارسال قيمة من عدة قيم محددة مسبقاً بواسطة select
وهما يختلفان بعض الشيء عن ما سبق

[php]
قم بكتابة النص الذي تريد ارساله هنا:






ماهو اللون الذي تريد عرضه به.؟

  احمر
  ازرق
  أخضر
  ازرق غامق
  احمر غامق
  أبيض





هل تريد أسفل النص تسطيراً؟

[/php]

test7.php
[php][/php]

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





ملتقى طلاب جامعة دمشق




أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 3


أبو فاطمة

جامعـي مبـدعـ





مسجل منذ: 23-12-2008
عدد المشاركات: 476
تقييمات العضو: 0
المتابعون: 17

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

06-10-2009 08:35 AM




شكرا لك اخي ياسر
ظننت الدورة اجلت لمدة طويلة
و ها هي عادت و العود احمد


جاري الدرس ........

أبو فاطمة







فَقُلْتُ اسْتَغْفِرُوا رَبَّكُمْ إِنَّهُ كَانَ غَفَّاراً{10} يُرْسِلِ السَّمَاء عَلَيْكُم مِّدْرَاراً{11} وَيُمْدِدْكُمْ بِأَمْوَالٍ وَبَنِينَ وَيَجْعَل لَّكُمْ جَنَّاتٍ وَيَجْعَل لَّكُمْ أَنْهَار

أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 4


طاهر...

جامعـي اســتثنائي

في إجازة طوييييييلة...




مسجل منذ: 24-04-2009
عدد المشاركات: 558
تقييمات العضو: 50
المتابعون: 143

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

06-10-2009 07:01 PM




جزاك الله خيرا أخي ياسر...  

فرحتي بعودتك أولا وعودة الدورة ثانيا أكبر من أطالبك بعذر على فترة الانقطاع التي شغلتنا جميعا أيضا...


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


بس الله يكرمك أخي ياسر في كتير استفسارات بالدروس السابقة عم تستناك  هههه


تحياتي المعطرة أستاذنا..........  








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





 



أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 5


sufia

جامعـي اســتثنائي

ضع هدفك على القمر فإذا أخطأته فسوف تستقرعلى النجوم




مسجل منذ: 15-05-2008
عدد المشاركات: 953
تقييمات العضو: 0
المتابعون: 21

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

06-10-2009 09:01 PM




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


دمت بود
sufia
 
 





ملتقى طلاب جامعة دمشق




أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 6


beckham sh

عضــو فضـي





مسجل منذ: 30-09-2007
عدد المشاركات: 1458
تقييمات العضو: 10
المتابعون: 34

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

07-10-2009 01:05 PM




بعطيك العافية أستاذ ياسر على المتابعة
ولا يهمك الغايب عذره معه
المهم
الدرس كتير حلو
وبدو واحد يمخمخ عليه
بس يا ريت تعطينا وظايف حاكم الدرس ما بيتثبت مليح بالمخ إذا ما في وظيفة
وفي الختام سلام



أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 7


beckham sh

عضــو فضـي





مسجل منذ: 30-09-2007
عدد المشاركات: 1458
تقييمات العضو: 10
المتابعون: 34

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

رد مشاركة : (( دورة php )) الدرس الثامن توضيح لغة الـ HTML وشرح استخدام النماذج -Forms- فيها وربطها بالـ php

07-10-2009 01:40 PM




أخي ياسر في مشكلة بالكود

[php]


   




[/php]

وهي الكود بعد لاتصحيح

[php]


   




[/php]

لا تواخذنا



أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 8


حنينكم

جامعـي جديــد




مسجل منذ: 17-09-2009
عدد المشاركات: 4
تقييمات العضو: 0

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

دعوة ونصر

12-10-2009 06:25 PM




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


اسماء من الاسكندرية  
                     
                       
                       
                   





ملتقى طلاب جامعة دمشق




أنت غير مسجل لدينا.. يمكنك التسجيل الآن.

مشاركة : 9


mhk

جامعـي جديــد




مسجل منذ: 23-10-2009
عدد المشاركات: 25
تقييمات العضو: 0

غير موجود
اشــترك بالتحديثات
رسالة مستعجلة

صديقي ياسر الله يخليك بدي جواب سريع حتى أقدر لحقك

30-10-2009 10:40 AM




أخي ياسر أنا مشترك جديد في الموقع و حابب أتعلم لغة الـ php بس في عندي مشكلة كيف بدي أحصل على برنامج appserv كل محاولات تنزيل عم تكون فاشلة و عم تطلعلي رسالة أنو هذا البرنامج الذي تريد تنزيله غير صالح أو غير كامل يمكن أن تكون تلك نتيجة لسيدي منزوع أو عملية تحميل فاشلة أو فيروس
علماً إني نزلتوا من المرفقات و جربت من العنوان يلي حاطوا للوصول المباشر
حتى إني نزلت على البحصة و فتلت محل محل و ما لقيت البرنامج بقى شو ساوي





ملتقى طلاب جامعة دمشق




أنت غير مسجل لدينا.. يمكنك التسجيل الآن.
 








ملتقى طلاب الجامعة... منتدى غير رسمي يهتم بطلاب جامعة دمشق وبهم يرتقي...
جميع الأفكار والآراء المطروحة في هذا الموقع تعبر عن كتّابها فقط مما يعفي الإدارة من أية مسؤولية
WwW.Jamaa.Net
MADE IN SYRIA - Developed By: ShababSy.com
أحد مشاريع Shabab Sy
الإتصال بنا - الصفحة الرئيسية - بداية الصفحة