أهلا وسهلا بك إلى لايف نت.
اهلا بك عزيزي الزائر , لتتمتع بكافة مزايا الموقع يجب عليك التسجيـل لتتمكن من المشاركة معنا و تحميل المرفقات ومشاهدة الروابط و المواضيع وتصبح أحد أفراد شبكة لايف نت . هذه الرسالة لن تظهر بعد أن تسجل او تقوم بتسجيل الدخول ان كنت مسجل مسبقا!

إضغط هنا للخروج

Header
 
 

 مسينجر مدير الموقع :

 
الاشتراك في جروب شبكة لايف نت
Email:
زيارة الجروب
 

إعلانات إدارية


العودة   لايف نت > ღ♥ღ لايف نت التقني ღ♥ღ > لغات البرمجة
القرآن الكريم الترجمة توبيكات للماسنجرحماية الروابط إسترجاع كلمة المرور طلب كود تفعيل العضوية تفعيل العضوية
قوانين الموقع ألعاب تسجيل دخول مسينجر مركز التحميل مقياس الحب زخرفة SMS الخطة الاعلانية
أفلام ثيمات XP مسينجر دروس تعليمية تعاريف البرامج دليل المواقع ترددات ديجتال أكواد جافا

لغات البرمجة programing C++ visual studio database borland pascal


موسوعة صفحات الويب

لغات البرمجة


رد
 
LinkBack أدوات الموضوع طرق مشاهدة الموضوع
قديم 09-09-2007   #12 (permalink)

مشرف سابق

 
الصورة الرمزية MaZeN

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى MaZeN إرسال رسالة عبر مراسل Yahoo إلى MaZeN
افتراضي رد: موسوعة صفحات الويب


الحقيبة

كود:
<head></head>تتذكرون كنا قد تكلمنا عن جسم الصفحة لكننا تكامنا ايضا عن راس

الصفحة هذه الاحقيبة تمثل راس الصفحة وهي تصلح لاعطاء معلومات لمحركات البحث وللمتصفح و كذلك لاظهار عنوان الصفحة في اعلى نافذة الانترنيت
ويستعمل لهذا الغرض الحقيبة
كود:
<title></title>

بهذه الطريقة
كود:
<head>
<title>welcome</title>
</head>
<body>
<p>how are you</p>
</body>
الان استطيع ان اقول ان كل من قرء هذه الدروس و اكملها قادر على انشاء صفحة خاصة به بدون مساعد والتعرف على اخطاء ان وجدت بصفحة وهذا يعني انه من كان يريد ان يتعلم الاساسيات فقط فقد حقق مراده
لكن انا اقول هذا وانا اعلم انه بعيد عن الاحترافية ولذلك فالدروس مستمرة
ولان نصائح لابد منها
*جميع الحروف يجب ان تكون صغيرة لان العنوان في الانترنيت حساس جدا
*جميع الصور يجب ان تكون صغيرة او متوسطة ليكون التصفح سريعا
وهناك صيغ تخفض من حجم الصورة اهمها
jpg هذه الضيغة تخفض من حجم الصوره لكنها تضيع بعض التفاصيل فيها وتستعمل اذا كانت الصورة كثيرة الالوان الصور الشمسية او الرقمية
gif هذه الصيغة تكون دون ضياع لكنها لاتكون صلحة الا في 256 لون كحد اقصىوهي تمكن ايضا من ان تكون الصورة متحركة او شفافة
*لاتنسى الحقيبة
<title></title>
لكي يكون ما بداخل الصفحة مفهوما
*لا تنسى وضع رابط لتتواصل مع المتصفحين
لان هناك حروف غير في الة الرقن خاصتكclavier

وقد تكون محتاجا لبعضها في صفحتك الخاصة لذا وجد كود لهذه المسألة ¥ فمثلا لكتابة
نكتب
&yen

 

التوقيع

MaZeN غير متواجد حالياً   رد مع اقتباس
   
قديم 10-09-2007   #13 (permalink)

مشرف سابق

 
الصورة الرمزية MaZeN

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى MaZeN إرسال رسالة عبر مراسل Yahoo إلى MaZeN
افتراضي رد: موسوعة صفحات الويب


اللوائح مع ايقونات

حقيبة الانشاء

كود:
<ul></ul> (Unordered List)تخبر المتصفح بوجود منطقة مخصصة للائحة ولكن اذابقيت الحقيبة على هذه الحالة فستكون دون اهمية
ولاعطائه محتوى صحيح يجب ان تدخل كل معطى في اللائحة داخل زوج من الحقيبة
كود:
<LI> </LI> (List Item)وهكذا ستكون لائحة بايقونات مكتوبة بهذه الطريقة

كود:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
ب- الاضافات
لغة html لا تعطي الكثير من الامكانيات للتعامل مع النص بالنسبة للايقونات puce ولذلك فالايقونات مرتبطة اساسا بنوع المتصفح
ولكن هناك طرق تمكن من وضع ايقونات غير تلك التي يمنحها المتصفح في برمجته الاساسية وهذا يتم عن طريق الاضافة

كود:
typeوالتي تأخذ القيم التالية
كود:
(disk;circle;square)الترتيب الذي وضعت به هذه القيم هو الذي يعتمده المتصفح اذا لم تذكر النوع الذي يجب عليه استخدامه
اي عندما لا تستخدم الاضافة

كود:
typeمثال على ما ذكرت
عندما نكتب
كود:
<UL>
<LI> Livres </LI>
<UL>
<LI> Livre 1 </LI>
LI> Livre 2 </LI>
</UL>
<LI> CDs </LI>
<UL>
<LI> Genre 1 </LI>
<UL>
<LI> Interpète 1 </LI>
<LI> Interpète 2 </LI>
</UL>
<LI> Genre 2 </LI>
</UL>
<LI> Vidéos </LI>
<LI> DVDs </LI>
</UL>تكون النتيجة

واذا استعملنا الاضافة
كود:
typeوكتبنا
كود:
<UL type="circle">
<LI> Livres </LI>
<UL type="disk">
<LI> Livre 1 </LI>
<LI> Livre 2 </LI>
</UL>
<LI> CDs </LI>
<UL type="square">
<LI> Genre 1 </LI>
<UL type="circle">
<LI> Interpète 1 </LI>
<LI> Interpète 2 </LI>
</UL>
<LI> Genre 2 </LI>
</UL type="disk">
<LI> Vidéos </LI>
<LI> DVDs </LI>
</UL>تكون النتيجة

اللوائح المرتبة
أ-حقيبة الاضافة
نفس المبدا بالنسبة للوائح المرتبة تقريبا
كود:
<ol></ol> (Ordered List)تخبر المتصفح ببداية ونهاية اللائحة المرتبة

كود:
<LI> </LI>تمكن من ادخال كل عنصر الذين سيضاف اليها الارقامات اتوماتكيا من طرف المتصفح
مثال عن هذه الحقيبة

كود:
<OL>
<LI>العنصر1 </LI>
<LI>العنصر2 </LI>
<LI> العنصر3</LI>
</OL>ب-الاضافات

هنا ايضا نستعمل الاضافة
type
ولكن بالقيم التالية
A :لكي يكتب المتصفح الترتيب بحروف انجليزية كبيرة
a :لكي يكتب المتصفح الترتيب بحروف انجليزية صغيرة
i :لكي يكتب المتصفح الترتيب بحروف رومانية صغيرة
I :لكي يكتب المتصفح الترتيب بحروف رومانية كبيرة
ونستعمل ايضا الاضافة
start
وهي تتخذ الارقام كقيمة لتخبر المتصفح من اي مستوى يبدا الترقيم

مثال
كود:
<OL TYPE="A" START="8">
<LI>عنصر1</LI>
<LI>عنصر2</LI>
<LI>عنصر3</LI>
</OL>لتظهر
3 لوائح التعريف
استعملت في بادئ الامر لارشفت التعريفات و من هنا جاء اسمها
أ حقيبة الاضافة
كود:
<DL> </DL> (Definition List)تخبر المتصفح ببداية ونهاية لائحة التعريفات
كود:
<DT> (Definition Term)و<DD> (Definition Data)تصلح لادخال العناصر (مصطلح وتعريفه)
مثال
كود:
<DL>
<DT>عنصر 1
<DD>ملاحظة 1
<DD>ملاحظة 2
<DD>ملاحظة 3
<DT>عنصر 2
<DD>ملاحظة 1
<DT>عنصر 3
<DD>ملاحظة 1
<DD>ملاحظة 2
<DD>ملاحظة 3
<DD>ملاحظة 4
</DL>تعطي
ملاحظة
الحقيبة
كود:
<MENU> </MENU>تصلح ايضا لانشاء لوائح غير مرتبة لكن استعمالها قل و استبدلت ب
كود:
<UL> </UL>

 

MaZeN غير متواجد حالياً   رد مع اقتباس
قديم 11-09-2007   #14 (permalink)

مشرف سابق

 
الصورة الرمزية MaZeN

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى MaZeN إرسال رسالة عبر مراسل Yahoo إلى MaZeN
افتراضي رد: موسوعة صفحات الويب


الجداول

الجداول هي عبارة عن خطوط تكون اعمدة افقية و عمودية؟ لماذا تصلح الجداول,التلاعب باعمدة هذه الجداول يمكن من زيادة جمالية الصفحة ويزيد من تنظيمها وبالتالي يسهل على المتصفح قراءة مضمونها


حقيبة الاضافة
كود:
<TABLE> </TABLE>
تخبر المتصفح ببداية الجدول ونهايته وبعد ذلك يجب وصف الجدول سطرا بسطر بواسطة الحقيبة

كود:
<TR> </TR> (Table Row).لانشاء خانة يجب صنع عمود بداخل كل سطر وهنا يوجد حالتان
*يمكن انشاء خانة تصلح لتكون فصلا وهنا نستعمل الحقيبة

كود:
<TH> </TH> (Table Head)بعدد ما يوجد من خانات
*نريد انشاء مجموعة من الخانات الخاصة بالمعطيات-صور نص كتابي ...-نستعمل الحقيبة
كود:
<TD> </TD> (Table Data)داخل السطور بعدد ما يوجد من اعمدة
مثال لجدول به 4 سطور و 5 اعمدة-السطر الاول سيظهر عنوان الاعمدة الفصول كما قلنا في جدول التعريفات
كود:
<TABLE>
<TR>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>ولملا لجدول عليك فقط ملأ ما بدا خل الحقيبة
كود:
<TD> </TD>مع تشخيص االنص الذي تريد داخلهما

اضافات الحقيبة
<TABLE>
الحواشي والاضافات
يمكن ان تحتاج الى اظهار حواشي الجدول
وهنا تتدخل الحقائب

كود:
BORDER="x", CELLSPACING="x" و CELLPADDING="x"مع تعويض x بقيمة بالبكسل التي تريدها
¤ BORDER="x" تصلح لاظهار حواش للجدول وحجم هذه الحواشي يتعلق بالبرمجة الاساسي للمتصفحواذا كانت هذه الاضافة غير حاضرة تكون الحواش غير ظاهرة
اذا وضعت 0 مكان x يتم الغاء الاضافتين

كود:
CELLSPACING="x"وCELLPADDING="x"
¤CELLSPACING="x" تمكن من تشخيص المساحة التي تفصل بين الخانات
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 2
¤CELLPADDING="x" تحدد المسافة الموجودة بيم حوافي الخانة و النص الموجود داخلها
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 1
كما سيخمن الكثير الجدول الاكثر صغرا كود كتابته هو
كود:
TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"طول وعرض الجدول
في البرمجة الاساسية لبرامج التصفح تقوم بتحديد طول وعرض الجدول حسب حجم النافذة او حجم النص
ويمكن التحكم في الطول و العر ض بواسطة
كود:
WIDTH="x" و HEIGHT="x"
WIDTH="x" يمكن تعوض x بقيمة بالبكسل او بقيمة مئوية ولمرونة اكثر انصح بالقيم المئوية
مثال 50%
HEIGHT="x" التحكم فيها يكون كما سبق شرحه في الاعلى

اقتباس:
ملاحظة يمكن الجمع بين القيمة المئوية و قيم البكسل
اضافات الحقائب
<TR>, <TH> و<TD>
بالنسبة لاضافات هذه الحقائب القيم المكتوبة لا تكون سارية الا بالنسبة للخانة المعنية بالاضافات
ويمكن التخلي عن تشخيص جميع الخانات و الاكتفاء بتشخيص الاعمدة و السطور في الاماكن الاكثر تاثيرا من الجدول
الاضافات الموجودة و الاكثر اهمية

¤ALIGN="LEFT|CENTER|RIGHT"
وكما لاحظتم فهي تاخذ احدى هذه القيم الثلاثة
LEFT|CENTER|RIGHT
ومن البذيهي انها ستكون موجودة لتحدد مكان بداية الكتابة اليمين اليسار او الوسط
¤VALIGN="TOP|MIDDLE|BOTTOM"
تخبرالتصفح بمكان وضع النص في الخانة
الاعلى,الاسفل,في الوسط
¤HEIGHT="x"
كما في الحقيبة
<TABLE>.
الاضافة هنا تحدد طول الخانة,واذا حددنا طول خانة واحدة نحدد طول سطر كامل
¤WIDTH="x"
كما في الحقيبة
<TABLE>
الاضافة هنا تحدد عرض الخانة,واذا حددنا عرض خانة واحدة نحدد غرض عمود كامل
COLSPAN="x"
تمكن من ملاحمة
x اعمدة
ROWSPAN="x"
تمكن من ملاحمة
x سطور
ملاحظة لايجب ان يتخطى مجموع احجام الخانات الحجم الاجمالي للجدول المحدد
والا فلن يطبقها المتصفح وسيقوم بحساب حجم الخانات بالنسبة لحجم الجدول ليكون محتوى الخانات ظاهرا
وقد تحدث اخطاء في الصفحة ويكون قراءة ما بداخلها صعبا
اضافات لم يتم ذكرها في الاعلى للاهمية
كود:
BGCOLORتختص بتغيير لون خلفية الجدول
كود:
BORDERCOLORتختص بتشخيص لون حواشي الجدول
كود:
BORDERCOLORLIGHTتظهر لون الظل الذي سيظهر للجدول اذا قمت باستعمالها
هذه الاضافت تكون سارية ايضا بالنسبة للخانات لتحدد لونها لتكون مميزة عن الخانات الاخرى
كود:
CAPTIONمع تسطير ب القيم
TOP او BOTTOM
تمكن من اظها عنوان للجدول
كود:
ALIGN="left|right"تمكن من تشخيض تسطير الجدول يمين يسار
لا تنسى وضع
كود:
BR CLEAR=allبعد النص ليتوقف المتصفح عن تطبيق التسطير
كود:
<BACKGROUND="lifenet-sy.gif
">

 

MaZeN غير متواجد حالياً   رد مع اقتباس
قديم 11-09-2007   #15 (permalink)

مشرف سابق

 
الصورة الرمزية MaZeN

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى MaZeN إرسال رسالة عبر مراسل Yahoo إلى MaZeN
افتراضي رد: موسوعة صفحات الويب


الجداول

الجداول هي عبارة عن خطوط تكون اعمدة افقية و عمودية؟ لماذا تصلح الجداول,التلاعب باعمدة هذه الجداول يمكن من زيادة جمالية الصفحة ويزيد من تنظيمها وبالتالي يسهل على المتصفح قراءة مضمونها


حقيبة الاضافة
كود:
<TABLE> </TABLE>
تخبر المتصفح ببداية الجدول ونهايته وبعد ذلك يجب وصف الجدول سطرا بسطر بواسطة الحقيبة

كود:
<TR> </TR> (Table Row).لانشاء خانة يجب صنع عمود بداخل كل سطر وهنا يوجد حالتان
*يمكن انشاء خانة تصلح لتكون فصلا وهنا نستعمل الحقيبة

كود:
<TH> </TH> (Table Head)بعدد ما يوجد من خانات
*نريد انشاء مجموعة من الخانات الخاصة بالمعطيات-صور نص كتابي ...-نستعمل الحقيبة
كود:
<TD> </TD> (Table Data)داخل السطور بعدد ما يوجد من اعمدة
مثال لجدول به 4 سطور و 5 اعمدة-السطر الاول سيظهر عنوان الاعمدة الفصول كما قلنا في جدول التعريفات
كود:
<TABLE>
<TR>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>ولملا لجدول عليك فقط ملأ ما بدا خل الحقيبة
كود:
<TD> </TD>مع تشخيص االنص الذي تريد داخلهما

اضافات الحقيبة
<TABLE>
الحواشي والاضافات
يمكن ان تحتاج الى اظهار حواشي الجدول
وهنا تتدخل الحقائب

كود:
BORDER="x", CELLSPACING="x" و CELLPADDING="x"مع تعويض x بقيمة بالبكسل التي تريدها
¤ BORDER="x" تصلح لاظهار حواش للجدول وحجم هذه الحواشي يتعلق بالبرمجة الاساسي للمتصفحواذا كانت هذه الاضافة غير حاضرة تكون الحواش غير ظاهرة
اذا وضعت 0 مكان x يتم الغاء الاضافتين

كود:
CELLSPACING="x"وCELLPADDING="x"
¤CELLSPACING="x" تمكن من تشخيص المساحة التي تفصل بين الخانات
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 2
¤CELLPADDING="x" تحدد المسافة الموجودة بيم حوافي الخانة و النص الموجود داخلها
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 1
كما سيخمن الكثير الجدول الاكثر صغرا كود كتابته هو
كود:
TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"طول وعرض الجدول
في البرمجة الاساسية لبرامج التصفح تقوم بتحديد طول وعرض الجدول حسب حجم النافذة او حجم النص
ويمكن التحكم في الطول و العر ض بواسطة
كود:
WIDTH="x" و HEIGHT="x"
WIDTH="x" يمكن تعوض x بقيمة بالبكسل او بقيمة مئوية ولمرونة اكثر انصح بالقيم المئوية
مثال 50%
HEIGHT="x" التحكم فيها يكون كما سبق شرحه في الاعلى

اقتباس:
ملاحظة يمكن الجمع بين القيمة المئوية و قيم البكسل
اضافات الحقائب
<TR>, <TH> و<TD>
بالنسبة لاضافات هذه الحقائب القيم المكتوبة لا تكون سارية الا بالنسبة للخانة المعنية بالاضافات
ويمكن التخلي عن تشخيص جميع الخانات و الاكتفاء بتشخيص الاعمدة و السطور في الاماكن الاكثر تاثيرا من الجدول
الاضافات الموجودة و الاكثر اهمية

¤ALIGN="LEFT|CENTER|RIGHT"
وكما لاحظتم فهي تاخذ احدى هذه القيم الثلاثة
LEFT|CENTER|RIGHT
ومن البذيهي انها ستكون موجودة لتحدد مكان بداية الكتابة اليمين اليسار او الوسط
¤VALIGN="TOP|MIDDLE|BOTTOM"
تخبرالتصفح بمكان وضع النص في الخانة
الاعلى,الاسفل,في الوسط
¤HEIGHT="x"
كما في الحقيبة
<TABLE>.
الاضافة هنا تحدد طول الخانة,واذا حددنا طول خانة واحدة نحدد طول سطر كامل
¤WIDTH="x"
كما في الحقيبة
<TABLE>
الاضافة هنا تحدد عرض الخانة,واذا حددنا عرض خانة واحدة نحدد غرض عمود كامل
COLSPAN="x"
تمكن من ملاحمة
x اعمدة
ROWSPAN="x"
تمكن من ملاحمة
x سطور
ملاحظة لايجب ان يتخطى مجموع احجام الخانات الحجم الاجمالي للجدول المحدد
والا فلن يطبقها المتصفح وسيقوم بحساب حجم الخانات بالنسبة لحجم الجدول ليكون محتوى الخانات ظاهرا
وقد تحدث اخطاء في الصفحة ويكون قراءة ما بداخلها صعبا
اضافات لم يتم ذكرها في الاعلى للاهمية
كود:
BGCOLORتختص بتغيير لون خلفية الجدول
كود:
BORDERCOLORتختص بتشخيص لون حواشي الجدول
كود:
BORDERCOLORLIGHTتظهر لون الظل الذي سيظهر للجدول اذا قمت باستعمالها
هذه الاضافت تكون سارية ايضا بالنسبة للخانات لتحدد لونها لتكون مميزة عن الخانات الاخرى
كود:
CAPTIONمع تسطير ب القيم
TOP او BOTTOM
تمكن من اظها عنوان للجدول
كود:
ALIGN="left|right"تمكن من تشخيض تسطير الجدول يمين يسار
لا تنسى وضع
كود:
BR CLEAR=allبعد النص ليتوقف المتصفح عن تطبيق التسطير
كود:
<BACKGROUND="lifenet-sy.gif
">

 

MaZeN غير متواجد حالياً   رد مع اقتباس
قديم 11-09-2007   #16 (permalink)

مشرف سابق

 
الصورة الرمزية MaZeN

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.MaZeN سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى MaZeN إرسال رسالة عبر مراسل Yahoo إلى MaZeN
افتراضي رد: موسوعة صفحات الويب


الجداول

الجداول هي عبارة عن خطوط تكون اعمدة افقية و عمودية؟ لماذا تصلح الجداول,التلاعب باعمدة هذه الجداول يمكن من زيادة جمالية الصفحة ويزيد من تنظيمها وبالتالي يسهل على المتصفح قراءة مضمونها


حقيبة الاضافة
كود:
<TABLE> </TABLE>
تخبر المتصفح ببداية الجدول ونهايته وبعد ذلك يجب وصف الجدول سطرا بسطر بواسطة الحقيبة

كود:
<TR> </TR> (Table Row).لانشاء خانة يجب صنع عمود بداخل كل سطر وهنا يوجد حالتان
*يمكن انشاء خانة تصلح لتكون فصلا وهنا نستعمل الحقيبة

كود:
<TH> </TH> (Table Head)بعدد ما يوجد من خانات
*نريد انشاء مجموعة من الخانات الخاصة بالمعطيات-صور نص كتابي ...-نستعمل الحقيبة
كود:
<TD> </TD> (Table Data)داخل السطور بعدد ما يوجد من اعمدة
مثال لجدول به 4 سطور و 5 اعمدة-السطر الاول سيظهر عنوان الاعمدة الفصول كما قلنا في جدول التعريفات
كود:
<TABLE>
<TR>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
<TH> </TH>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>ولملا لجدول عليك فقط ملأ ما بدا خل الحقيبة
كود:
<TD> </TD>مع تشخيص االنص الذي تريد داخلهما

اضافات الحقيبة
<TABLE>
الحواشي والاضافات
يمكن ان تحتاج الى اظهار حواشي الجدول
وهنا تتدخل الحقائب

كود:
BORDER="x", CELLSPACING="x" و CELLPADDING="x"مع تعويض x بقيمة بالبكسل التي تريدها
¤ BORDER="x" تصلح لاظهار حواش للجدول وحجم هذه الحواشي يتعلق بالبرمجة الاساسي للمتصفحواذا كانت هذه الاضافة غير حاضرة تكون الحواش غير ظاهرة
اذا وضعت 0 مكان x يتم الغاء الاضافتين

كود:
CELLSPACING="x"وCELLPADDING="x"
¤CELLSPACING="x" تمكن من تشخيص المساحة التي تفصل بين الخانات
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 2
¤CELLPADDING="x" تحدد المسافة الموجودة بيم حوافي الخانة و النص الموجود داخلها
قيمتها في البرمجة الاساسية لمعظم برامج التصفح هي 1
كما سيخمن الكثير الجدول الاكثر صغرا كود كتابته هو
كود:
TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"طول وعرض الجدول
في البرمجة الاساسية لبرامج التصفح تقوم بتحديد طول وعرض الجدول حسب حجم النافذة او حجم النص
ويمكن التحكم في الطول و العر ض بواسطة
كود:
WIDTH="x" و HEIGHT="x"
WIDTH="x" يمكن تعوض x بقيمة بالبكسل او بقيمة مئوية ولمرونة اكثر انصح بالقيم المئوية
مثال 50%
HEIGHT="x" التحكم فيها يكون كما سبق شرحه في الاعلى

اقتباس:
ملاحظة يمكن الجمع بين القيمة المئوية و قيم البكسل
اضافات الحقائب
<TR>, <TH> و<TD>
بالنسبة لاضافات هذه الحقائب القيم المكتوبة لا تكون سارية الا بالنسبة للخانة المعنية بالاضافات
ويمكن التخلي عن تشخيص جميع الخانات و الاكتفاء بتشخيص الاعمدة و السطور في الاماكن الاكثر تاثيرا من الجدول
الاضافات الموجودة و الاكثر اهمية

¤ALIGN="LEFT|CENTER|RIGHT"
وكما لاحظتم فهي تاخذ احدى هذه القيم الثلاثة
LEFT|CENTER|RIGHT
ومن البذيهي انها ستكون موجودة لتحدد مكان بداية الكتابة اليمين اليسار او الوسط
¤VALIGN="TOP|MIDDLE|BOTTOM"
تخبرالتصفح بمكان وضع النص في الخانة
الاعلى,الاسفل,في الوسط
¤HEIGHT="x"
كما في الحقيبة
<TABLE>.
الاضافة هنا تحدد طول الخانة,واذا حددنا طول خانة واحدة نحدد طول سطر كامل
¤WIDTH="x"
كما في الحقيبة
<TABLE>
الاضافة هنا تحدد عرض الخانة,واذا حددنا عرض خانة واحدة نحدد غرض عمود كامل
COLSPAN="x"
تمكن من ملاحمة
x اعمدة
ROWSPAN="x"
تمكن من ملاحمة
x سطور
ملاحظة لايجب ان يتخطى مجموع احجام الخانات الحجم الاجمالي للجدول المحدد
والا فلن يطبقها المتصفح وسيقوم بحساب حجم الخانات بالنسبة لحجم الجدول ليكون محتوى الخانات ظاهرا
وقد تحدث اخطاء في الصفحة ويكون قراءة ما بداخلها صعبا
اضافات لم يتم ذكرها في الاعلى للاهمية
كود:
BGCOLORتختص بتغيير لون خلفية الجدول
كود:
BORDERCOLORتختص بتشخيص لون حواشي الجدول
كود:
BORDERCOLORLIGHTتظهر لون الظل الذي سيظهر للجدول اذا قمت باستعمالها
هذه الاضافت تكون سارية ايضا بالنسبة للخانات لتحدد لونها لتكون مميزة عن الخانات الاخرى
كود:
CAPTIONمع تسطير ب القيم
TOP او BOTTOM
تمكن من اظها عنوان للجدول
كود:
ALIGN="left|right"تمكن من تشخيض تسطير الجدول يمين يسار
لا تنسى وضع
كود:
BR CLEAR=allبعد النص ليتوقف المتصفح عن تطبيق التسطير
كود:
<BACKGROUND="lifenet-sy.gif
">

 

MaZeN غير متواجد حالياً   رد مع اقتباس
قديم 17-12-2007   #17 (permalink)

مشرف سابق

 
الصورة الرمزية The lover

 



 
عدد الترشيحات : 0
عدد المواضيع المرشحة : 0
عدد مرات الفوز : 0
The lover ردوده و مشاركته كالجواهرThe lover ردوده و مشاركته كالجواهرThe lover ردوده و مشاركته كالجواهرThe lover ردوده و مشاركته كالجواهرThe lover ردوده و مشاركته كالجواهر
افتراضي رد: موسوعة صفحات الويب


ان شاء الله ربي يسلم أناملك يا رب يا غالي

مشكور حبيب القلب

 

التوقيع

سنن النبي المصطفى صلى الله عليه وسلم



إضغط على الصورة واذهب لتعرف عن سنة نبيك صلى الله عليه وسلم


The lover غير متواجد حالياً   رد مع اقتباس
قديم 18-12-2007   #18 (permalink)

مـــدير المــوقــع

 
الصورة الرمزية H_CAGE

 



 
مرشح مرة واحده في موضوع واحد
عدد مرات الفوز : 0
H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.H_CAGE سمعته مابعدها سمعة.
إرسال رسالة عبر مراسل MSN إلى H_CAGE
افتراضي رد: موسوعة صفحات الويب


شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . الف شكر على اكمال الموسوعة مازن , تحياتي

 

التوقيع

LifeNet-Sy.Com

H_CAGE غير متواجد حالياً   رد مع اقتباس
قديم 03-05-2008   #19 (permalink)

مشرف سابق

 
الصورة الرمزية Brian

 



 
عدد الترشيحات : 0
عدد المواضيع المرشحة : 0
عدد مرات الفوز : 0
Brian في اول طريق الابداع
إرسال رسالة عبر مراسل MSN إلى Brian إرسال رسالة عبر مراسل Yahoo إلى Brian
افتراضي رد: موسوعة صفحات الويب


مشكور مازن عالدرس الرائع
الله يعطيك الف عافية

 

التوقيع

عذرا للإنقطاع ............فأنا في خدمة االعلم

Brian غير متواجد حالياً   رد مع اقتباس
رد

مواقع النشر

الكلمات الدلالية (Tags)
موسوعة, امنية, صفحات



الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
طرق مشاهدة الموضوع


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كيف تعرف البيضة المسلوقة من النية ؟ H_CAGE العلوم العامة 8 13-03-2009 04:58 PM
حمل الآن أحدث نسخة من برنامج DZsoft PHP Editor لتحرير صفحات ال PHP H_CAGE لغات البرمجة 2 16-02-2008 04:43 PM
كيفية صنع صفحات اضافية خاصة بك بدون هاكات H_CAGE تطوير المنتديات 3 16-02-2008 02:08 AM
لعبة جديدة استراتيجية على الويب The lover ألعاب الكمبيوتر 8 30-01-2008 12:53 AM
امنية عراقي غزالـ الترفيه 5 14-03-2007 04:35 PM

   
Preview on Feedage: %D9%84%D8%A7%D9%8A%D9%81-%D9%86%D8%AA Add to My Yahoo! لايف نت Add to Google! لايف نت Add to AOL! لايف نت Add to MSN لايف نت  

Blog

لايف نت

lifenet-sy.org خريطة لايف نت lifenetextra.com أعضاء
LifeNet English أكواد ألوان SiteMap أعلن هنا Pagerank تصميم ثيمات