برمجة المواقع وقواعد البيانات تعليم قواعد بيانات Access , MySQL , php , ajax , css , html اوراكل.....وغيرها

قديم 24-06-2009, 12:30 AM
  #1
achraf.mouni
مشرف قسم
الكمبيوتر وتطوير المواقع والانترنت
مشرف قسم
الرياضيات والإعلام الآلي
 الصورة الرمزية achraf.mouni
 
تاريخ التسجيل: 08-09-2008
الدولة: الجزائر
المشاركات: 2,439
achraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداع
Flash ال html


السلام عليكم ورحمة الله


اقدم لكم اليوم

الـ html





HyperText Markup Language

-------------------------------------------------------------------------------------------------

الآش تي آم آل ، أشهر لغة في عالم كما أنها إنطلاقة كل مبرمج جديد و هي منبع اللغات ، في عام 1980 إقترح تيم يبرنير لي عمل نظام لشركة كان يعمل فيها ، نظام يشبه تقريبا هذه اللغة ، و في عام 1989 تم الموافقة على مشروعه فدخلت هذه اللغة عالم البرمجيات ، صمم بيرنير أول نسخة عام 1991 تحتوي على 22 عنصر بسيط ، 13 منها فقط مازالت تعمل في وقتنا الحالي ، في عام 1993 سمية هذه اللغة بالآش تي آم آل دوليا ، ثم أدرجت النسخة الثانية عام 1995 ، و في عام 2000 تبنى إتحاد المنظمة العالمية للويب هذه اللغة و صححها ثم طورها إلى النسخة الرابعة التي نستعملها حاليا و أعتبرت بعد ذلك أي في عام 2001 اللغة الأساسية لبرمجة

المواقع .
----------------------------------------------------------------------------
ما المقصود بكلمة ملف html :



html تلخيص لجملة hyper text markup language أي لغة تأشير النصوص الموصولة ، إذا الـ html يؤيد لغة تأشير النصوص الموصولة.
ملف الـ html هو ملف نصي يحتوي على بطاقات بيانات صغيرة (tags).
بطاقات البيانات (tags) تخبر المتصفح كيف يعرض الصفحة.
ملف الـ html يجب أن يكون إمتداده على الشكل التالي (html._ _ _ أو htm. _ _ _).
ملف الـ html يمكن أن يبرمج بمحرر نص بسيط مثل : notepad.






هل تريد أن تجربه ؟



إذا كنت تستعمل windows إبدأ بـ notepad.
أما إن كنت في نظام آخر فاستعمل محررا آخر مثل : simpletext.
الآن إفتح ملف notepad و أكتب فيه النص التالي :
كود PHP:
<html>
                            <
head>
                            <
meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
                            <
title>عنوان موقعي </title>
                            </
head>
                            <
body>
                            
هذا هو موقعي الأول<bbold هذا خط من نوع</b>
                            </
body
                          </
html
الأن إحفظ الملف بإسم ما مثلا : myfirstpage.html أو myfirstpage.htm

إفتح متصفح الإنترنيت مثلا : internet explorer أو firefox و إفتح فيه ملفك السابق ، سترى عنوان موقعك في المتصفح أعلاه على الشكل التالي : file:///C:/Documents and Settings/mypc/Bureau/myfirstpage.html

إذا متصفح النت جلب ملفك و أظهر الصفحة حسب الوصف الذي كتبته سابقا في ملفك
أمثلة للشرح :



أول بطاقة بيانات(tag) في ملف الـ html هي <html> ، هذه البطاقة تخبر متصفح الإنترنيت بأن هذه هي بداية ملف الـ html . آخر بطاقة في ملف الـ html هي <html/> ، هذه البطاقة تخبر متصفح الإنترنيت بأن هذه هي نهاية الملف.

النص الذي بين البطاقة <head> و البطاقة <head/> هو معلومات مخفية ، المعلومات المخفية لا تظهر في صفحة متصفح الإنترنيت.

النص الذي بين البطاقة <title> و البطاقة <title/> هو عنوان الملف ، عنوان الملف يظهر أعلى المتصفح في علبة التعليق(browser's caption).

النص الذي بين البطاقة <body> و البطاقة <body/> هو النص الذي سيظهر في صفحة الموقع.
النص الذي بين البطاقة <b> و البطاقة <b/> سيظهر متغيرا من خط عادي إلى خط عريض من نوع bold.
إمتداد html أو إمتداد htm



عندما تحفظ ملف الـ html يمكنك أن تحفظه على الإمتداد html أو الإمتداد htm ، إمتداد htm يمكن أن يعتبر خطئا من الماضي لما إستعملت البرامج العامة إمتدادات بثلاثة حروف فقط.
لكن مع البرامج الجديدة ننصحك أن تحفظ ملفات الـ html بالإمتداد html لأن ذلك أحسن.



محررات الـ html



يمكنك أن تستعمل محررات الـ html مثل : WYSIWYG أو FrontPage أو Dreamweaver ، بدلا من أن تكتب بطاقات البيانات في محرر نص عادي.

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



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

سؤال : لقد حررت ملف html و ظهر على المتصفح ، ثم غيرت في الملف لكن المتصفح لم يظهر التغييرات؟
جواب : لما تغير في الملف و المعلومات القديمة ظاهرة على المتصفح ، فالمتصفح لن يعلم بالتغييرات ، إذا لما تغير في الملف إضغط على تجديد(refresh) في المتصفح ، لتأمر المتصفح بتجديد الصفحة.

سؤال : أي متصفح يجب علي أن أختاره؟
جواب : يمكنك أن تختار أيا من المتصفحات المتاحة internet explorer أو firefox أو netscape أو opera ، كل منها سيظهر ملف الـ html.

سؤال : هل يجب أن أستعمل نظام وينداوز في الكمبيوتر ؟
جواب : طبعا لا ، إذا لم تكن تستعمل نظام windows يمكنك أن تحرر ملفاتك في محرر آخر.




التعديل الأخير تم بواسطة achraf.mouni ; 24-06-2009 الساعة 12:36 AM
achraf.mouni غير متواجد حالياً  
قديم 24-06-2009, 12:39 AM
  #2
achraf.mouni
مشرف قسم
الكمبيوتر وتطوير المواقع والانترنت
مشرف قسم
الرياضيات والإعلام الآلي
 الصورة الرمزية achraf.mouni
 
تاريخ التسجيل: 08-09-2008
الدولة: الجزائر
المشاركات: 2,439
achraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداع
افتراضي رد: ال html

**ملفات الـ html هي ملفات نصية مكونة من عناصر html.
**عناصر الـ html معروفة بإستعمال بطاقات البيانات (tags).
بطاقات البيانات (tags)


بطاقة البيانات تضاف للعناصر الخاصة بالـ html.
بطاقات البيانات محاطة بزوجين من الرموز < و>.
هذه الرموز تسمى زوايا بطاقات البيانات (angle brackets).
بطاقات البيانات تأتي عادة زوجية مثل : <b> و <b/>.
البطاقة الأولى هي بطاقة البداية ، و البطاقة الثانية هي بطاقة النهاية.
النص الذي بين بطاقة البداية و بطاقة النهاية يسمى محتوى العنصر (element content).
بطاقات البيانات لا تأبه لتغيير شكل الحرف ، مثلا : <b> تعني نفس الشيء مثل الحرف <B>.
عناصر الـ html


تذكر الملف الذي تحدثنا عنه في السابق :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>عنوان موقعي </title>
</head>
<body>
هذا هو موقعي الأول<b> bold هذا خط من نوع</b>
</body>
</html>
هذا عنصر html :
<b> bold هذا خط من نوع</b> في هذا المثال عنصر الـ html يبدأ ببطاقة بيانات البداية : <b>.
المحتوى الموجود في عنصر الـ html هو : هذا خط من نوع bold.
عنصر الـ html ينتهي ببطاقة بيانات النهاية : <b/>.

إن غرض بطاقة البيانات <b> هو عرض المحتوى أو النص على شكل خط عريض (bold).

أما بطاقة البيانات <......meta> غرضها هو أن تبين للمتصفح أن لغتك عربية ، سنتحدث عنها لاحقا بالتفصيل.

هذا أيضا عنصر html :
<body>
هذا هو موقعي الأول<b> bold هذا خط من نوع</b>
</body>
عنصر الـ html في هذا المثال يبدأ ببطاقة البيانات <body> ، و ينتهي ببطاقة البيانات <body/>.
غرض بطاقة البيانات <body> هو عرض جسم أو وجه ملف الـ html.
لماذا نستعمل أشكال الحروف الصغيرة (lower case) لكتابة بطاقات البيانات؟



سنقول بأنه لا يلزم أن تكون بطاقات البيانات مكتوبة بالحروف الصغيرة (lower case) مثل : <B > تعني نفس الشيء مثل <b> ، إذا تصفحت مواقع أخرى ، ستلاحظ مواقع كثيرة تستعمل الحروف الكبيرة في ملفاتها لكن نحن نستعمل الحروف الصغيرة . لماذا؟

إذا كنت تريد أن تتبع المعايير العالمية للمواقع الجديدة ، فمن الأفضل أن تستعمل الحروف الصغيرة (lower case) لكتابة بطاقات البيانات.

إتحاد نظام الشبكة العالمية (w3c) يوصي بالحروف الصغيرة في نسختهم html4.0. و xhtml (الجيل القادم لـ html) يتطلب الحروف الصغيرة.
achraf.mouni غير متواجد حالياً  
قديم 24-06-2009, 12:45 AM
  #3
achraf.mouni
مشرف قسم
الكمبيوتر وتطوير المواقع والانترنت
مشرف قسم
الرياضيات والإعلام الآلي
 الصورة الرمزية achraf.mouni
 
تاريخ التسجيل: 08-09-2008
الدولة: الجزائر
المشاركات: 2,439
achraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداع
افتراضي رد: ال html

بطاقات البيانات المهمة في الـ html هي بطاقات البيانات التي تعرض العناوين و الفقرات و النزول إلى السطر.

أفضل وسيلة لتعلم الـ html هي تطبيق هذه الأمثلة على محرر النص notepad.
العناوين


العناوين تعرض ببطاقات البيانات <h1> إلى <h6>. إذا <h1> تعرض العنوان الكبير ثم <h2> للعنوان الأصغر منه قليلا ، إلى أن نصل إلى <h6> و هي الأصغر.
<h1>هذا هو العنوان الأول</h1>
<h2>هذا هو العنوان الثاني</h2>
<h3>هذا هو العنوان الثالث</h3>
<h4>هذا هو العنوان الرابع</h4>
<h5>هذا هو العنوان الخامس</h5>
<h6>هذا هو العنوان السادس</h6>


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


الفقرات تعرض ببطاقة البيانات <p>.
<p>هذه فقرة</p>
<p>هذه فقرة أخرى</p>


المتصفح لن يظهر بطاقة البيانات في الصفحة سيظهر العنوان فقط أوتوماتيكي
لا تنسى بطاقة بيانات النهاية


يجب أن تلاحظ بأن الفقرات يمكن أن تكتب بدون بطاقة البيانات <p/>.
<p>هذه فقرة
<p>هذه فقرة أخرى
المثال أعلاه يمكن أن يعمل في متصفحات عديدة ، لكن ليس تماما . النسخة المستقبلية للـ html لن تسمح لك بترك بطاقات بيانات النهاية.

أغلق كل عناصر الـ html ببطاقة بيانات النهاية لأن هذه هي الطريقة المستقبلية لكتابة الـ html . و أيضا فهي تجعل الرموز سهلة و مفهومة (قراءة و تصفحا) عندما تجعل عنصر الـ html يبدأ و ينتهي.
النزول إلى السطر


بطاقة البيانات <br> تستعمل عندما تريد أن تنزل إلى سطر أخر ، لكن ليس لتبدأ فقرة جديدة.
بطاقة البيانات <br> تأمر المتصفح بتخطي السطر في أي مكان تريده.
<p>هذه فقرة فيها السطر الأول<br>ثم تنزل إلى السطر الثاني</p>

بطاقة البيانات <br> بطاقة فارغة ، لا تملك بطاقة بيانات النهاية<br/> ، إن غلقت هذه البطاقة لن تجد أي تغيير.
<br> أو </br>


مرارا و تكرارا ترى بطاقة البيانات <br> تكتب بهذا الشكل : </br>
هذا لأن بطاقة البيانات <br> لا تغلق ، و هذا يكسر أحد قوانين الـ html المستقبلية(xml و xhtml). قانونيا كل بطاقات البيانات تغلق.
كتابتها هكذا </br> هي الطريقة المستقبلية لغلقها . هذه العملية مقبولة في الإمتداد xml و الإمتداد html.
الخط العمودي


بطاقة البيانات <hr> تستعمل لإضافة خط عمودي في الصفحة و هي لا تملك بطاقة بيانات النهاية ، شأنها شأن <br>.
<p>هذه فقرة</p>
<hr>
<p>هذه فقرة</p>


التعليقات في الـ html


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

لاحظ بأنك تحتاج إلى علامة تعجب في بطاقة البيانات و إلا سيظهر التعليق في صفحة موقعك.
تلخيص عناصر الـ html الأولية



كل عنصر html عنده إسم (br,p,h1,body.......إلخ).
بطاقة بيانات البداية هي الإسم و تأتي محاطة بزوايا بطاقات البيانات : <h1> إسمها هو h1.
بطاقة بيانات النهاية فيها الزوايا و الإسم و رمز سلاش (/slash).
محتوى العنصر يوضع بين بطاقة بيانات البداية و بطاقة بيانات النهاية.
بعض عناصر الـ html لا يوجد فيها محتوى.
بعض عناصر الـ html لا تملك بطاقة بيانات النهاية.
نصائح مفيدة


عندما تكتب نص html ، لن تعرف كيف سيظهر في المتصفح ، بعض الناس لديهم شاشة كمبيوتر كبيرة ، بعضهم لديهم شاشة كمبيوتر صغيرة . النص سيتغير من ناحية الرؤية كل مرة تتغير فيها الشاشة ، لا تحاول أبدا أن تضيف مناطق أو مساحات فارغة بين الكلمة و الأخرى. الـ html سيضع لك فراغا واحدا بين الكلمات إذا لا تحاول أن تضيف إليها الفراغات.
إستعمال بطاقة البيانات <p> لعمل خط فارغ عادة سيئة ، إستخدم <br> بدلا من ذلك.
(لكن لا تستعمل <br> لعمل قائمة .
achraf.mouni غير متواجد حالياً  
قديم 24-06-2009, 12:52 AM
  #4
achraf.mouni
مشرف قسم
الكمبيوتر وتطوير المواقع والانترنت
مشرف قسم
الرياضيات والإعلام الآلي
 الصورة الرمزية achraf.mouni
 
تاريخ التسجيل: 08-09-2008
الدولة: الجزائر
المشاركات: 2,439
achraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداعachraf.mouni عضو محترف الابداع
افتراضي رد: ال html

خواص الـ html


الخواص تزود عنصر الـ html بمعلومات إضافية.
الخواص تتكون دائما من أمرين (الإسم/القيمة) ، هكذا : "name="value.
الخواص دائما توضع في بطاقة بيانات البداية.
مثال رقم 1 :


<h1> تعرض العنوان

<"h1 align="center> هذه الزيادة التي في بطاقة البيانات زودته بمعلومات حول موقع العنوان.


مثال رقم 2 :


<body> تعرض وجه ملف الـ html.
<"body bgcolor="yellow> هذه الزيادة التي في بطاقة البيانات زودته بمعلومات حول لون خلفية الصفحة.


الرمز " "


يجب أن تضع الرمز " قبل و بعد قيمة الخواص.
الكتابة الصحيحة : "align="center ، الكتابة الخطأ : align=center.
achraf.mouni غير متواجد حالياً  
قديم 05-07-2009, 03:47 PM
  #5
mimoucha
زائر
 
المشاركات: n/a
افتراضي رد: ال html

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
 
قديم 05-07-2009, 04:29 PM
  #6
إحساس حساس
VIP_MEMBRE
مشرفة سابقة
 الصورة الرمزية إحساس حساس
 
La spécialité: Autres
مؤسسة تعليم ثانوي ( ثانوية)
تاريخ التسجيل: 16-09-2008
الدولة: مملكتي الخآصة
المشاركات: 2,303
إحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداعإحساس حساس عضو محترف الابداع
افتراضي رد: ال html

مشكوووووووووور أخي أشرف إستفدت كتيرا من الموضوع
بارك الله فيك
__________________
[ نيوـو ] موآأضيعي

لن تكتمـل ..!!
إلا بطلتكم و إضآأفآاتكم
إحساس حساس غير متواجد حالياً  

الكلمات الدلالية (Tags)
html

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
HTML and CSS monarque الإعــلام الآلي والرياضيــات 0 14-02-2012 02:08 PM
درس في html monarque برمجة المواقع وقواعد البيانات 8 25-02-2010 11:32 PM
لغة html achraf.mouni برمجة المواقع وقواعد البيانات 0 23-12-2008 10:27 PM
des cours sur le HTML pretty_girl29 برمجة المواقع وقواعد البيانات 3 11-11-2008 04:56 PM


الساعة الآن 04:24 PM.
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. , TranZ By Almuhajir