موضوع: شرح لجميع أوامر html باللغة العربية الجمعة فبراير 01, 2013 3:54 pm
هذا الفصل يتضمن فكرة عمل صفحة رئيسية بإستخدام لغة html والتي تكتب أكوادها على word bad or not bad وهو ما يعرف بأسم محرر النصوص وسوف نتعرف علية فيما بعد. بعض المصطلحات الهامة في لغة HTML : مصطلح URL : وهذا المصطلح هام جدا فعن طريقة نستطيع تحديد مكان صفحة والربط بينها وبين صفحة أخرى او نستطيع تحديد ملف والربط بينة وبين الصفحة او الربط بين صفحة والموقع وهكذا اي بدون هذا المصطلح تفقد لغة html وظيفتها فمثلا(c:\mo'men site\pic\back.jpg) يعتبر مسار وهو مايسمى URL ومثلا http://www.specialneeds.com يعتبر عنوان لموقع وهو في نفس الوقت URL .
ما هي الادوات اللازمة لإنشاء صفحة على الانترنت؟
1- محرر نص مثل word bad or not bad . 2- متصفح إنترنت مثل internet explorer or netscape. 3- مودم أو فاكس أتـصال لانة بدون الفاكس لن نستطيع الاشتراك في الانترنت وبذلك لن نستطيع إدخال الصفحة.
كيف نقوم بإنشاء صفحة على الانترنت؟
1- اولا نقوم بفتح محرر نصوص وهو إما word bad or not bad لكتابة الاكواد فية ومن المعروف ان محررات النصوص تحفظ الملفات بإمتداد txt ولذلك عند كتابة الاكواد نقوم بحفظ الملف بإمتداد htm عن طريق الاتي: الذهاب الى قائمة file ثم إختيار save as سيظهر لنا مربع حوار نقوم بكتابة أسم الملف فية ولنفرض ان نسمية الاتي My frist page.htm ونلاحظ هنا وضع الامتداد htm بعد كتابة الاسم وهذا حتي يمكننا عند فتح الملف فتحة على متصفح للانترنت لانها تتعامل مع الامتداد htm . 2- ثانيا نقوم بكتابة الاكواد والكود الذي يكتب في محرر النصوص يكون لة قاعدة اساسية تكتب في جميع الصفحات وهي كالاتي: نلاحظ هنا بداية الصفحة بـــ ونهايتها بــ وياتي بعد الامر الامر وينتهي أيضا بـ والاوامر التي تكتب بين هذا الامر تكون متعلقة بــ title bar وهو الشريط الازرق بأعلي الصفحة ففى المثال السابق تم كتابة my home page وعند حفظ هذة الصفحة بالطريقة السابق ذكرها وفتحها ثاني سنلاحظ ظهور جملة my home page في الركن الايسر من الشريط الازرق باعلى الصفحة وهو title bar. ونلاحظ هنا ان كل أمر يوضع بين <> وينتهي بــــ وهذة العلامة تسمى tag . اما الامر
فإن كل مابكتب بينة يظهر في جسم الصفحة اي يظهر في الصفحة نفسها فند تطبيقك المثال السابق سوف تلاحظ ظهور كلمة my Home Page في الصفحة نفسها والان سوف نقوم بشرح الاوامر التي تكتب داخل الامر وكل أمر سوف يكون لة مجموعة من الخصائص وهذة الاوامر تكون هي المسئولة عن ظهور الكلمات والصور والاصوات بالطريقة التي نريدها.
body and font
[center][b]الامر
خواص الأمر
Bgcolor Background Text Alink Vlink
لتغيير لون ارضيةالصفحة BGCOLOR تستخدم خاصية مثال
أو
وكلا الامرين يؤدى لتغيير لون خلفية الصفحةهو FF0000للون الاحمر حيث أن الكود html فى لغة RED المكافىء اللونى للون
لتحديد صورة كخلفية للصفحة BACKGROUND تستخدم خاصية
مثال
أكتب بيديك الامر التالى ولاحظ النتيجة BACKGROUND="graphics/uni.jpg"> مع ملاحظة ان المسار بعد العلامة = يتغير حسب مكان الصورة على الجهاز
لتحديد اللون العام للنص المكتوب TEXTتستخدم خاصية
لتحديد لون كلمات الربط النشطة ALINKتستخدم خاصية
لتحديد لون كلمات الربط غير النشطةVLINK:تستخدم خاصية Font الامر
الخواص
Size Color face
لتحديد مقاس النص بدايةًمن1 وحتى 7 SIZE تستخدم خاصية
لتحديد لون النص فى الصفحة COLOR تستخدم خاصية
لتحديد شكل الخط مثل خطوط ـ FACE خاصيةتستخدم ARIAL, COURIER, ANDALUS ,kofi ,................
: هى على سبيل التمثيل
مجموعة من الاوامر
الامر
[right]الخواص:
Width
Align Size noshade
لتحديد عرض الخط مقارنةً بعرض WIDTH تستخدم خاصية الصفحة الكلى
لتحديد محاذاة الخط الافقي ALIGN تستخدم خاصية بالنسبة للصفحة
يستخدم هذا الامر لجعل النص يظهر بخط سميك مثال: my best site
الامر
italicيستخدملإظهار حروف الكلمة بشكل مائل النص : الصيغة العامة
الامر
يستخدم لعمل سطر خالى خلال سطور النص
النص : الصيغة العامة
العنصر
يستخدم لتوسيط أى عنصر فى الصفحة سواء كان جدول أونص أوصورة أو غيره ــ الصيغة العامة
النصCENTER>
الامر
يستخدم لعمل العناوين الرئيسية للصفحة وذلك بتكبير كلمة العنوان
النص : الصيغة العامة حيث الرقم التالى للأمريتراوح من 1إلى 7 حسب نسبة التكبيروكلما زاد الرقم كلما قل حجم الخطالمطلوبة للعنوان
مجموعة من الاوامر
[center] [center]
الخواص
لجعل محاذاة الفقرة الى اليمين
> محاذاة الفقرة الى اليسار
> محاذاة الفقرة الى المنتصف الامر يستخدم هذا الامر لتقسيم النص الى فقرات الامر يستخدم هذا الامر لجعل النص يظهر ببنط صغير فوق النص المكتوب مثل الاس في المعادلات الرياضية الصيغة العامة النص الامر يستخدم لجعل النص يظهر ببنط صغير أسفل الكلمة أوالرقم مثل الأسس فى المعادلات الرياضية الصيغة العامة النص الامر يستخدم لجعل النص يتحرك على الشاشة فى مساحةمحددة الصيغة العامة النص الامر******> يستخدم لتقديم معلومات عن المستند ومحتواه تفيدلفهرسة هذا المستند على الشبكة وتسهيل التعرف عليه وفهم محتواه عند البحث عنه الصيغة العامة >وصف الصفحة ومحتوياتها****** name= خواص الامر Keywords Description Generator Auther Copyright Expire
****** NAME="KEYWORDS" CONTENT= "توضع كلمات مفتاحية ومصطلحات من واقع موضوعالصفحة يفصل بينها بفاصلة< "
لوضع تعليق على الصورة يظهر عندالإشارة إليها بالماوس تستخدم خاصيةALT
تستخدمخاصية BORDERلعمل إطار حول الصورة الامر يستخدم هذا الامر لإضافة ملف صوت الى الصفحة بإمتداد wav ; mp3 مثال
LOOP=11 VOLUME=15 WIDTH=35 HEIGHT=32>
شرح الامر السابق Src وهي لتحديد مكان الصوت على الجهاز Controls تستخدم للتخيير ما بين عرض مفتاح للتحكم فى عرض الصوت أو عدم عرضه CONTROLS=CONSOLEففى حالة سيتم عرض مفتاح للتحكم فى الصوت CONTROLS=NONEأما فى حالة لن يعرض مفتاح للتحكم فى الصوت : AUTOSTARTخاصية تستخدم للتخيير ما بين عرض ملف الصوت تلقائياً مع بداية ظهور الصفحة أو عدم عرضه AUTOSTART=TRUEففى حالة سيتم عرض الصوت فور إنتهاء تحميل الصفحة AUTOSTART=FALSEأما فى حالة لن يعرض الصوت فور إنتهاء تحميل الصفحة : LOOPخاصية تستخدم لتحديد عدد مرات عرض ملف الصوت واذا اردنا عرض ملف الصوت بشكل لا نهائينقوم بجعل
الجمعة فبراير 01, 2013 3:54 pm