<![CDATA[Voice of Taif University - .. [ دورة لغة HTML ] ..]]> http://taif101.com/vb/ دورة لغة HTML بقيادة العضو Rayg en Wed, 08 Sep 2010 14:51:22 GMT vBulletin 60 http://www.taif101.com/vb/ahbbav2/misc/rss.jpg <![CDATA[Voice of Taif University - .. [ دورة لغة HTML ] ..]]> http://taif101.com/vb/ الدرس الرابع : أحجام الخطوط والألوان تنسيقها لتصميم صفحاتنا http://taif101.com/vb/showthread.php?t=1827&goto=newpost Wed, 30 Dec 2009 15:06:54 GMT --------- وتنتهي Code: --------- --------- و هناك ثلاث خواص أساسيه يمكن أن نضيفها لــ كود الخط هذا وهي : أولاً : خاصية face وتعني ( نوع الخط ) . ثانيا : خاصية size وتعني ( حجم الخط ) . ثالثا : خاصية color وتعني ( لون الخط ) . مثال مبسط يوضح الثلاث خواص السابقة : Code: --------- --------- نأتي بشرح الكود : : بداية كود تنسيق الخط كما ذكرنا . face="arial" : نوع الخط وهو من نوع ايريل . size="5" : حجم الخط وهنا حجمه 5 من 7 ( كما ذكرنا أن الخطوط من 1-7 في لغة هتمل . تابع الدرس الثالث ) . color="#000000" : لون الخط و #000000 تعني لون الخط الأسود . : نهاية الكود كما ذكرنا . ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ملآحظات عامة على الدرس : 1- من آنواع الخطوط المشهوره : tahoma, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif . 2- لاختيار الوان آخرى بدلا من اللون الأسود #000000 تابع هذا الموقع اضغط هنا (http://www.colorschemer.com/online.html) . واختر اللون الذي تريد واختر الكود الخاص به ولاتنسى علامة # . ( وموجود موقع آخر في الدرس السابق وجميعها يعمل نفس العمل ) . 3- لاننسى جميعا الأكواد السابقه التي درسناها وهي : أ : الخط العريض الكتابه هنا . ب : الذي تحته خط الكتابه هنا . جـ : الكتابه هنا . وطريقة اضافة أكثر من كود مثال : Code: --------- النص المطلوب هنا --------- د : حتى لا يتم لخبطه في الاكواد عند انهاء الأوامر اعمل هكذا : Code: ---------

--------- مثال على نفس الكود في الفقره جـ : Code: --------- النص المطلوب هنا --------- هذا الدرس الرابع من دروس لغة ال html كان معكم أخوكم / Rayg ]]>
بسم الله الرحمن الرحيم



آسف على التأخير الذي حصل بسبب الأختبارات وضيق الوقت

نبدأ بدرس اليوم ودرسنا كما عودتكم سهل للغايه ويركز على الخطوط

يبدأ كود الخطوط دائما بـ الأمر

كود:
<font>
وتنتهي

كود:
</font>

و هناك ثلاث خواص أساسيه يمكن أن نضيفها لــ كود الخط هذا وهي :

أولاً : خاصية face وتعني ( نوع الخط ) .

ثانيا : خاصية size وتعني ( حجم الخط ) .

ثالثا : خاصية color وتعني ( لون الخط ) .

مثال مبسط يوضح الثلاث خواص السابقة :

كود:
<font face="arial" size="5" color="#ff0000">
</font>
نأتي بشرح الكود :

<font> : بداية كود تنسيق الخط كما ذكرنا .

face="arial" : نوع الخط وهو من نوع ايريل .

size="5" : حجم الخط وهنا حجمه 5 من 7

( كما ذكرنا أن الخطوط من 1-7 في لغة هتمل . تابع الدرس الثالث ) .

color="#000000" : لون الخط و #000000 تعني لون الخط الأسود .

</font> : نهاية الكود كما ذكرنا .

ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــ

ملآحظات عامة على الدرس :

1- من آنواع الخطوط المشهوره : tahoma, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif .

2- لاختيار الوان آخرى بدلا من اللون الأسود #000000 تابع هذا الموقع اضغط هنا .

واختر اللون الذي تريد واختر الكود الخاص به ولاتنسى علامة # . ( وموجود موقع آخر في الدرس السابق وجميعها يعمل نفس العمل ) .

3- لاننسى جميعا الأكواد السابقه التي درسناها وهي :

أ : الخط العريض <b> الكتابه هنا </b> .

ب : الذي تحته خط <u> الكتابه هنا </u> .

جـ : <i> الكتابه هنا </i> .

وطريقة اضافة أكثر من كود مثال :

كود:
<b><i><u><font face="tahoma" color="ffff00" size="5">النص المطلوب هنا </b></i></u></font>
د : حتى لا يتم لخبطه في الاكواد عند انهاء الأوامر اعمل هكذا :

كود:

</p>
</font>
</body>
</html>

مثال على نفس الكود في الفقره جـ :

كود:
<b><i><u><font face="tahoma" color="ffff00" size="5">النص المطلوب هنا
</b>
</i>
</u>
</font>
هذا الدرس الرابع من دروس لغة ال html
كان معكم أخوكم / Rayg

]]> Rayg http://taif101.com/vb/showthread.php?t=1827 الدرس الثالث :html في الفقرات والعناوين تنسيقها وتجميلها http://taif101.com/vb/showthread.php?t=1714&goto=newpost Mon, 30 Nov 2009 16:06:25 GMT --------- بحيث مكان XXX نضع الاتجاهات والخواص شاهد الآن : وتعني محاذاة لليمين وتعني محاذاة لليسار توسيط أو محاذاة للوسط شاهدو معاي هذا الكود : Code: --------- حيوان الحلزون

الحلزون



الحلزون يزحف معتمدا على قدمه العضلية البطنية ..
وللأستزادة أكثرحول الحلزون قم بزيارة الرابط بالضغط هنا --------- بعد وضعه في المفكره وحفظه بصيغة htm ( وقد تعلمنا ذالك في الدرس الأول ) ستخرج معنا النتيجة التالية : صورة ( رقم 1 ) صورة: http://aboody101.webs.com/Html/3-1.png علما بأن ( شرح الكود السابق ) :
هذا الكود لترك سطر واحد والكتابه في الذي يليه وهذا الأمر لايحتاج علامة نهاية . وقد شرحناه في الدرس الثاني .
هذا الأمر أمر مفرد وهو للخط الأفقي . وهو ماجاء في الكود في هذه الفقره Code: ---------
--------- بحيث : align : تعني محاذاه الجمله كما تعلمنا سواء لليمين أو اليسار أو التوسيط . size : وهو حجم الخط والخطوط في لغة الهتمل دائما من 1-7 وأي خط نضعه أكبر من 7 سيتعرف عليه المتصفح بأنه خط بحجم 7 . color : وهو اللون ومابعده وهو الكود 00FF5 يعني اللون الأخضر ( سيأتي شرح الألوان والخطوط في الدرس القادم ) علما بأن يمكنك اختيار لونك المفضل باختيار الكود من هنا (http://www.kettaneh.net/java/11-1.htm) . هذا الكود لتحديد عناوين الرأس أو الصفحه وتمييزها ونضع بدل n أرقام من 1 الى 6 مثال :

الحلزون

الحلزون

الحلزون

الحلزون

ومع ذالك فأن العنوان الأول أكبر من الثاني والثاني أكبر من الثالث وهكذا جرب ذالك في وضعها في مفكره وحفظها بأمتداد htm وسترى بنفسك . تطبيقات الدرس : قم بصنع صفحة خاصه فيك فيها معلومات قيمه وبنفس تنسيق الدرس . ولاتنسى أن تكون صفحتك ذات طابع جمالي معتمدا على ماتعلمناه في الدروس السابقه . هذا الدرس الثالث من دروس لغة ال html كان معكم أخوكم / Rayg * اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن تتمكن من فهم درس اذا لم تفهم ما قبله . * الصور في المرفقات بالترقيم لمن لم تظهر معه الصور . ]]>

بسم الله الرحمن الرحيم

( أنصحك بعدم القراءة أن لم تكن مستوعبا الدروس السابقة ! )

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

فلنتابع معا هذا الكود :

كود:
<align="xxx">

بحيث مكان XXX نضع الاتجاهات والخواص شاهد الآن :

<align="right"> وتعني محاذاة لليمين

<align="left"> وتعني محاذاة لليسار

<align="center"> توسيط أو محاذاة للوسط


شاهدو معاي هذا الكود :

كود:
<html>
<head>
<title> حيوان الحلزون </title>
</head>
<h1 align="right"> الحلزون  </h1>
<br>
<hr align="center" size="5" color="00FF5">
<br>
الحلزون يزحف معتمدا على قدمه العضلية البطنية .. 
<br>
وللأستزادة أكثرحول الحلزون قم بزيارة الرابط

 
<a href="http://ar.wikipedia.org/wiki/حلزون">بالضغط هنا</a></body></html>


بعد وضعه في المفكره وحفظه

بصيغة htm ( وقد تعلمنا ذالك في الدرس الأول )

ستخرج معنا النتيجة التالية :





صورة ( رقم 1 )






علما بأن ( شرح الكود السابق ) :



<br> هذا الكود لترك سطر واحد والكتابه في الذي يليه وهذا الأمر لايحتاج علامة نهاية . وقد شرحناه في الدرس الثاني .



<hr> هذا الأمر أمر مفرد وهو للخط الأفقي . وهو ماجاء

في الكود في هذه الفقره
كود:
<hr align="center" size="5" color="00FF5">
بحيث :
align : تعني محاذاه الجمله كما تعلمنا سواء لليمين أو اليسار أو التوسيط .
size : وهو حجم الخط والخطوط في لغة الهتمل
دائما من 1-7 وأي خط نضعه أكبر من 7 سيتعرف عليه المتصفح بأنه خط بحجم 7 .
color : وهو اللون ومابعده وهو الكود 00FF5 يعني اللون الأخضر ( سيأتي شرح الألوان والخطوط في الدرس القادم )
علما بأن يمكنك اختيار لونك المفضل باختيار الكود من هنا .





<hn> هذا الكود لتحديد عناوين الرأس أو الصفحه وتمييزها

ونضع بدل n أرقام من 1 الى 6 مثال :
<h1> الحلزون </h1>
<h2>الحلزون</h2>
<h3> الحلزون</h3>
<h4> الحلزون </h4>
ومع ذالك فأن العنوان الأول أكبر من الثاني والثاني أكبر من الثالث وهكذا جرب ذالك في وضعها في مفكره وحفظها بأمتداد htm وسترى بنفسك .






تطبيقات الدرس :

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






هذا الدرس الثالث من دروس لغة ال html
كان معكم أخوكم / Rayg
* اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن
تتمكن من فهم درس اذا لم تفهم ما قبله .
* الصور في المرفقات بالترقيم لمن لم تظهر معه الصور .

الملفات المرفقة
نوع الملف: rar html-3-taif101.rar‏ (31.6 كيلوبايت)
]]> Rayg http://taif101.com/vb/showthread.php?t=1714 الدرس الثاني : الأكواد الأساسية لبناء صفحة الـ html مع شرحها http://taif101.com/vb/showthread.php?t=1685&goto=newpost Sun, 22 Nov 2009 13:23:08 GMT Beginning of the lesson I love the Prophet Muhammad
4 ever --------- وبعد حفظه بصيغة htm وفتحة في المستعرض ( وقد تعلمنا ذالك في الدرس الأول ) سيصبح هكذا : الصورة ( رقم 1 ) صورة: http://aboody101.webs.com/Html/2-1.png سأشرح لكم الآن اكواد بالتفصيل : - الأمر هذا الأامر يعني عنوان الصفحة وهو يظهر اعلى في شريط المتصفح وبالتأكيد سيصبح نهاية الأمر . - الأمر ويعني هذا الامر معلومات التعريف بالصفحة ( بداية التعريف بالصفحة ) . - الأمر ويعني ماتتضمنه هذه الصفحه . وبالتاكيد لاتخلو أي صفحة html من هذه الاكواد وهي لتصميم صفحه كامله . ( سيأتي شرحها في الدروس القادمه ) نأتي للأهم وهو الأمر
ويتسخدم هذا الأمر للكتابة في السطر التالي وهذا ماجعل جملة 4 ever تأتي بعد جملة I love the Prophet Muhammad وهنا يوجد جملتين كل جمله في سطر مخصص في حين الدرس الأول كان سطر واحد فقط . نأتي الآن لهذا الكود : Code: --------- العمل الثاني

taif101.com

There is something one
taif101 Will become the first
Is there a faith like me?
good bey visit us in taif101 --------- وبعد حفظه بأمتداد html سيصبح في المتصفح هكذا : صورة ( رقم 2 ) صورة: http://aboody101.webs.com/Html/2-2.png هل رأيتم جمال ما صنعناه ؟ نلاحظ أمر جديد في الكود وهو

وهو ما سيأتي شرحه في الدرس القادم أن شاء الله . ملاحظات نهاية الدرس : - الأمر
هو أمر مفرد لايحتاج كتابة نهاية له كما تعلمنا . ومن الممكن ان تكون علامة نهايته هي علامة نهاية العنوان أو الفقرة . - اكواد لغة هتمل هي اكواد حساسه وتحدد كل ما في صفحتك . كن على حذر دائما وأنت تعمل حتى لاتضيع عملك . تطبيقات الدرس : عند قيامك بأنشاء صفحه فيها سطرين متتالين ورابط موقعك المفضل بوسطها فأنت قد اجتزت هذا الدرس بنجاح هذا الدرس الثاني من دروس لغة ال html كان معكم أخوكم / Rayg * اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن تتمكن من فهم درس اذا لم تفهم ما قبله . * الصور في المرفقات بالترقيم لمن لم تظهر معه الصور . ]]>
اليوم راح ابتدئ في شرح الأكواد المساعده وأبي منكم تركيز أكثر

(نصيحه لاتقم بالقراءة قبل استيعابك للدرس الاول ! )

بسم الله الرحمن الرحيم نبتدئ

شاهد معي هذا الكود :

كود:
<html>
<head>
<title> Beginning of the lesson</title>
</head>
<body>
I love the Prophet Muhammad <br> 4 ever
</body>
</html>

وبعد حفظه بصيغة htm وفتحة في المستعرض

( وقد تعلمنا ذالك في الدرس الأول ) سيصبح هكذا :

الصورة ( رقم 1 )



سأشرح لكم الآن اكواد بالتفصيل :

- الأمر <title> هذا الأامر يعني عنوان الصفحة وهو يظهر اعلى في

شريط المتصفح وبالتأكيد سيصبح نهاية الأمر </title> .

- الأمر <head> ويعني هذا الامر معلومات التعريف بالصفحة ( بداية التعريف بالصفحة ) .

- الأمر <body> ويعني ماتتضمنه هذه الصفحه .

وبالتاكيد لاتخلو أي صفحة html من هذه الاكواد وهي لتصميم صفحه كامله . ( سيأتي شرحها في الدروس القادمه )

نأتي للأهم وهو الأمر <br> ويتسخدم هذا الأمر للكتابة في السطر التالي وهذا ماجعل جملة 4 ever

تأتي بعد جملة I love the Prophet Muhammad

وهنا يوجد جملتين كل جمله في سطر مخصص في حين الدرس الأول كان سطر واحد فقط .

نأتي الآن لهذا الكود :

كود:
  <html>
<head>
<title> العمل الثاني </title>
</head>
<body>
<h1> taif101.com </h1>
There is something one <br> taif101 <b> Will become the first </b><br> <u> Is there a faith like me? </u> <br> <i>good bey </i>
<a href ="http://taif101.com"> visit us in  taif101 </a>
</body>
</html>
وبعد حفظه بأمتداد html سيصبح في المتصفح هكذا :

صورة ( رقم 2 )



هل رأيتم جمال ما صنعناه ؟

نلاحظ أمر جديد في الكود وهو <h1> وهو ما سيأتي شرحه في الدرس القادم أن شاء الله .

ملاحظات نهاية الدرس :

- الأمر <br> هو أمر مفرد لايحتاج كتابة نهاية له كما تعلمنا . ومن الممكن ان تكون علامة نهايته هي علامة نهاية العنوان أو الفقرة .

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

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

هذا الدرس الثاني من دروس لغة ال html

كان معكم أخوكم / Rayg

* اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن

تتمكن من فهم درس اذا لم تفهم ما قبله .

* الصور في المرفقات بالترقيم لمن لم تظهر معه الصور .









الملفات المرفقة
نوع الملف: rar html-2-taif101.rar‏ (85.1 كيلوبايت)
]]> Rayg http://taif101.com/vb/showthread.php?t=1685 الدرس الأول : معلومات عن html وكيفية تصميم موقعي من البداية ( مع تطبيق عملي بسيط ) http://taif101.com/vb/showthread.php?t=1674&goto=newpost Thu, 19 Nov 2009 16:29:04 GMT كافة البرامج > البرامج الملحقة > المفكرة الآن سنبدأ عملنا : أولا : سنحتاج الى عمل كود لنصمم اول صفحة لنا بحيث تبدأ هذه الأكواد دائما بنقطة بداية ونقطة نهاية كالتالي : * Code: --------- *<نقطة البدايه> * --------- *والتي ستكون في حالتنا ووفقا للغة الهتمل فستكون البداية هكذا دائما : * Code: --------- * وتعني بداية الكود وتعني نهاية الكود * --------- *ومابينهما هي الأوامر التي توضع شاهد الصورة ( رقم 2 ) للتوضيح : صورة: http://aboody101.webs.com/Html/2.png ثانيا : مرحلة التطبيق العملي لما قيل سابقا / نقوم جميعا بفتح مفكرة جديدة ثم نضع فيها هذه الأكواد : * Code: --------- *قسم دورات صوت طلاب وطالبات جامعة الطائف مائل أسود عريض تحته خط * --------- *شاهد الصورة ( رقم 3 ) : صورة: http://aboody101.webs.com/Html/3.png بعد أن وضعنا الأكواد في المفكره نقوم بحفظها بأمتداد htm الصور تتكلم في طريقة حفظها بصيغة htm : صورة ( رقم 4 )صورة: http://aboody101.webs.com/Html/4.png صورة ( رقم 5 )صورة: http://aboody101.webs.com/Html/5.png ثم نقوم بضغط لحفظ العمل ونحفظه في سطح المكتب ليظهر هكذا : صورة ( رقم 6 ) صورة: http://aboody101.webs.com/Html/6.png وبعد ذالك نقوم بفتح الصفحة لمشاهدة عملنا صورة ( رقم 7 )* *صورة: http://aboody101.webs.com/Html/7.png * *وهذا يفسر ان الأوامر التي بين نقطة البداية ونقطة النهاية ( كما في صورة رقم 2 ) هي ما ستترجم في الصفحة .بهكذا انتهى درسنا لهذا اليوم عسى أن يكون الدرس واضح ومفهوم تطبيق الدرس / أن أستطعت أن تقوم بكتابة صفحة عنوانها جامعة الطائف ومحتواها منتدى صوت طلاب وطالبات جامعة الطائف بخط مائل تحتها خط فأنت قد استوعبت الدرس جيدا . واتمنى أن ارى اعمالكم هنا .انتهى الدرس الأول من لغة html أخوكم رايقجميع صور الدرس في المرفقات بالترقيم لحفظها من الضياع **]]>



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

بداية الدورة هي معلومات عن لغة ال html وسنبدأ معا خطوة

بخطوة للوصول الى اتقان هذه اللغة

ملاحظة في البداية :

-يعتبر تعلم هذه اللغه الاساس في عملية تصميم المواقع

فــ هي الطريق المؤدي الى باقي اللغات .

- اللغه تعتمد على أوامر تفهم بمجرد قرأتها .

- توجد هناك عدة طرق لكتابة الأمر نفسه .

- هذه اللغة لاتحتاج الى برامج يكفي أن يكون لديك

برنامج Notepad أو مايسمى المفكرة وهو موجود عند الجميع

هذه صورة منه ( رقم 1 ):



وللوصول الى المفكره

افتح ابدأ > كافة البرامج > البرامج الملحقة > المفكرة

الآن سنبدأ عملنا :

أولا : سنحتاج الى عمل كود لنصمم اول صفحة لنا بحيث

تبدأ هذه الأكواد دائما بنقطة بداية ونقطة نهاية كالتالي :

كود:
<نقطة البدايه>
</نقطة النهايه>


والتي ستكون في حالتنا ووفقا للغة الهتمل فستكون البداية هكذا دائما :

كود:
<html>               

وتعني بداية الكود

</html>

وتعني نهاية الكود



ومابينهما هي الأوامر التي توضع شاهد الصورة ( رقم 2 ) للتوضيح :



ثانيا : مرحلة التطبيق العملي لما قيل سابقا /

نقوم جميعا بفتح مفكرة جديدة ثم نضع فيها هذه الأكواد :


كود:
<html>
<head>
<TITLE>قسم دورات صوت طلاب وطالبات جامعة الطائف </TITLE>
</head>
<body>
<I> مائل </I>
<B>أسود عريض </B>
<U>تحته خط </U>
</body>
</html>


شاهد الصورة ( رقم 3 ) :



بعد أن وضعنا الأكواد في المفكره نقوم بحفظها بأمتداد htm

الصور تتكلم في طريقة حفظها بصيغة htm :

صورة ( رقم 4 )



صورة ( رقم 5 )



ثم نقوم بضغط لحفظ العمل ونحفظه في سطح المكتب ليظهر هكذا :

صورة ( رقم 6 )



وبعد ذالك نقوم بفتح الصفحة لمشاهدة عملنا

صورة ( رقم 7 )



وهذا يفسر ان الأوامر التي بين نقطة البداية ونقطة النهاية

( كما في صورة رقم 2 ) هي ما ستترجم في الصفحة .

بهكذا انتهى درسنا لهذا اليوم عسى أن يكون الدرس واضح ومفهوم


تطبيق الدرس /

أن أستطعت

أن تقوم بكتابة صفحة عنوانها جامعة الطائف ومحتواها

منتدى صوت طلاب وطالبات جامعة الطائف بخط مائل تحتها خط

فأنت قد استوعبت الدرس جيدا . واتمنى أن ارى اعمالكم هنا .

انتهى

الدرس الأول من لغة html

أخوكم رايق

جميع صور الدرس في المرفقات بالترقيم لحفظها من الضياع *
الملفات المرفقة
نوع الملف: rar html-taif101.rar‏ (148.5 كيلوبايت)
]]> Rayg http://taif101.com/vb/showthread.php?t=1674 أسماء الأعضاء المقبولين بدورة لغة html حتى هذه اللحظة http://taif101.com/vb/showthread.php?t=1669&goto=newpost Wed, 18 Nov 2009 12:51:04 GMT

بـــه نـستـعـين ..... وعلـيـه تـوكـلـنــا

يسعدني أن أعلن لكم اليوم إخواني أسماء الأعضاء المقبولين بدورة لغة HTML

والذين سبق لهم التسجيل معنا عبر رابط الموضوع التالي:

التسجيل في دورة لغة html


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

2/12/1430 هـ

وسيستمر التسجيل لمن يرغب بالإلتحاق بالدورة حتى يوم غد عند

السـاعـه 9:30 صبـاحـا إن شاء الله .


أسمـاء الأعضاء المقبولين حتى هذه اللحظة :

زارع الطيب
نوماااس
•• نڧـζــآٺے جـJـيڊ ||~
خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~!
عاشق الصمت
زهرة اللوتس
$ البرنس $
شموخ عالي
لبا قلبه
دكتور الفيزياء
~الجوهرة ~
لؤلؤهـ وسط محارهـ
قلمـــــاقوســـــيـ
أمير الصيادله

بادر بحجـز مقـعـدك ولاتـدع الفـرصـة تفوتك
]]> Rayg http://taif101.com/vb/showthread.php?t=1669 الدرس الخامس للـ html http://taif101.com/vb/showthread.php?t=1658&goto=newpost Mon, 16 Nov 2009 11:39:15 GMT الروابط التشعبيه هالوسم معناه لون الخط ازرق لون اللينك اللي هو الرابط احمر لون الرابط اللينك الذي تم زيارته اخضر لون اللينك عند الضغط عليه يتغير لونه للاسود الروابط التشعبيه رابط لصفحة من انشاءك يعني نربط صفحتين مع بعض الصفحة الرئيسية

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

رابط محرك قوقل محرك قوقل

رابط اتصل بنا اتصل بنا

ادراج جدول شغلنا هو على الصفوف =====> اذا ابي ايطار للجدول لو حطيت بدون قيمه رح يطلع الجدول بدون اطارات ====> هذا الصف الاول
A C
B D

اي تنسيقات لون خلفيه راح نكتبها داخل التيبل مثلا لو ابي الجدول لونه وردي والاطارات موف راح يكون كذا

A C
B D
اكيد بالاخير نقفل الاوسمه لا تنسوني من صالح دعائكم ]]>


<html>
<head><title> الروابط التشعبيه </title></head>

<body ****="blue" link="red" vlink="green" Alink="black">
هالوسم معناه لون الخط ازرق لون اللينك اللي هو الرابط احمر
لون الرابط اللينك الذي تم زيارته اخضر
لون اللينك عند الضغط عليه يتغير لونه للاسود
الروابط التشعبيه

رابط لصفحة من انشاءك يعني نربط صفحتين مع بعض
<a href="index.htm">الصفحة الرئيسية</a>
<p>
رابط لصورة صغيرة عند النقر عليها تظهر لنا نفس الصورة ولكن بحجم اكبر
مثال عندما نستعرض من محر البحث قوقل عن صور وتظهر لنا الصورة المراد حفظها بالحجمها الطبيعي

<a href="1.jpg"><img src="2.jpg"></a>
<p>
رابط محرك قوقل
<a href="http://www.google.com.sa/">محرك قوقل </a>

<p>
رابط اتصل بنا

<a href="mailto:a@hotmail.com">اتصل بنا</a>
<p>
ادراج جدول
شغلنا هو على الصفوف
<table border="5" > =====> اذا ابي ايطار للجدول
لو حطيت بدون قيمه رح يطلع الجدول بدون اطارات
<tr> ====> هذا الصف الاول
<td>A</td>
<td>C</td>
</tr>
<tr>
<td>B</td>
<td>D</td>
</tr>
</table>
<p>
اي تنسيقات لون خلفيه راح نكتبها داخل التيبل
مثلا لو ابي الجدول

لونه وردي والاطارات موف راح يكون كذا
<p>
<table border="4" width="36%" bordercolor="#800080" bordercolor="#800080" bgcolor="#FF99CC">
<tr>
<td>A</td>
<td>C</td>
</tr>
<tr>
<td>B</td>
<td>D</td>
</tr>
</table>

اكيد بالاخير نقفل الاوسمه

</body>
</html>


لا تنسوني من صالح دعائكم
]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1658 الدرس الرابع للـ html http://taif101.com/vb/showthread.php?t=1655&goto=newpost Mon, 16 Nov 2009 10:47:15 GMT انواع التعداد

التعداد الرقمي

الكليات في جامعة الطائف

  1. كلية العلوم الادارية والمالية
  2. كلية الحاسبات
  3. كلية العلوم
  4. كلية الطب
  5. كلية التربية
  6. كلية الاداب

التعداد بالحروف الانجليزية A

الكليات في جامعة الطائف

  1. كلية العلوم الادارية والمالية
  2. كلية الحاسبات
  3. كلية العلوم
  4. كلية الطب
  5. كلية التربية
  6. كلية الاداب

التعداد بالحروف الانجليزية a

الكليات في جامعة الطائف

  1. كلية العلوم الادارية والمالية
  2. كلية الحاسبات
  3. كلية العلوم
  4. كلية الطب
  5. كلية التربية
  6. كلية الاداب

التعداد اللاتيني

الكليات في جامعة الطائف

  1. كلية العلوم الادارية والمالية
  2. كلية الحاسبات
  3. كلية العلوم
  4. كلية الطب
  5. كلية التربية
  6. كلية الاداب

التعداد اللاتيني small

الكليات في جامعة الطائف

  1. كلية العلوم الادارية والمالية
  2. كلية الحاسبات
  3. كلية العلوم
  4. كلية الطب
  5. كلية التربية
  6. كلية الاداب

التعداد على هيئة دائرة

الكليات في جامعة الطائف

  • كلية العلوم الادارية والمالية
  • كلية الحاسبات
  • كلية العلوم
  • كلية الطب
  • كلية التربية
  • كلية الاداب

التعداد على هيئةمربع

الكليات في جامعة الطائف

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

الحين نجي لوسم جديد وسم الخط لجميع التنسيقات كامل للصفحة ككل يعني تنسيق كامل للصفحة

وسم هامش للصفحة من اليمين ومن اليسار كمان لو نبي نزيد المسافه نزيد مثلا نبي مسافه اربعه نكتبه اربع مرات ونقفله اربع مرات
المسافه بين الكلمة والثانية نكتب هالرمز==>   او هالوسم 
للمسافه
ان اصبت فمن الله ومن منه وفضله وان اخطأت فمن نفسي والشيطان كل اللي ابيه حاجتين الاولى التطبيق الثانية دعواتكم لي هههههه تقفيله الاكواد مضبوطه تمام بالمفكرة هنا تتشقلب معاي ]]>
السلام عليكم ورحمة الله وبركاته

درس جديد اتمنى تطبقونه


<html>
<head><title> انواع التعداد </title></head>

<body>

<p align="center"><u><i><b>التعداد الرقمي</b></i></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ol>
<li>
كلية العلوم الادارية والمالية
<li>
كلية الحاسبات
<li>
كلية العلوم
<li>
كلية الطب
<li>
كلية التربية
<li>
كلية الاداب
</ol>
<p><P>

<p align="center"><u><i><b>التعداد بالحروف الانجليزية A</b></i></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ol type="A">
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ol>
<p><p>

<p align="center"><u><i><b>التعداد بالحروف الانجليزية a</b></i></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ol type="a">
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ol>
<p><p>
<p align="center"><u><b><i>التعداد اللاتيني</i></b></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ol type="I">
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ol>
<p><p>
<p align="center"><u><b><i>التعداد اللاتيني small</i></b></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ol type="i">
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ol>
<p><p>
<p align="center"><u><b><i>التعداد على هيئة دائرة</i></b></u></p>
<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ul>
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ul>
<p><p>
<p align="center"><u><b><i>التعداد على هيئةمربع</i></b></u></p>

<p align="center"><u><b><i>الكليات في جامعة الطائف</i></b></u>
<ul type="square">
<li>كلية العلوم الادارية والمالية
<li>كلية الحاسبات
<li>كلية العلوم
<li>كلية الطب
<li>كلية التربية
<li>كلية الاداب
</ul>
كذا انتهينا من التعدادات وانواعها والاكواد الخاصه فيها
<p><p>
<basefont name="Aril" color ="red" size="5">
الحين نجي لوسم جديد
وسم الخط لجميع التنسيقات كامل للصفحة ككل يعني تنسيق كامل للصفحة
</basefont>


<blockquote><blockquote><blockquote><blockquote>
وسم هامش للصفحة من اليمين ومن اليسار كمان لو نبي نزيد المسافه نزيد مثلا نبي مسافه اربعه نكتبه اربع مرات ونقفله اربع مرات
</blockquote></blockquote></blockquote></blockquote>

المسافه بين الكلمة والثانية نكتب هالرمز==>&nbsp;&nbsp;
او هالوسم

<pre>
للمسافه
</pre>

</body>
</html>



ان اصبت فمن الله ومن منه وفضله

وان اخطأت فمن نفسي والشيطان

كل اللي ابيه حاجتين

الاولى التطبيق

الثانية دعواتكم لي

هههههه تقفيله الاكواد مضبوطه تمام بالمفكرة
هنا تتشقلب معاي
 ]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1655 الدرس الثالث لـ html http://taif101.com/vb/showthread.php?t=1617&goto=newpost Tue, 10 Nov 2009 01:59:09 GMT الالوان والخطوط والفقرات والقوائم ادراج لون للصفحه
خصائص الخط الجد والمثابرة الجد والمثابرة
هنا الخصائص خاصه بالكلام قد يفشل الانسان في عمل يقوم به وهو كاره له غير راغب فيه,
وينجحون في حياتهم هم اولئك الذين يتحمسون لعملهم , وان الذين يلمعون في المجتمع
لأن الذي يحب عمله يزيد اهتمامه به فيؤديه بطريقة أفضل , ويمتد اثر ذلك لمن يعمل معه.

ننتبه للتنقفيل بالمفكرة يضبط

ندرج صورة ارتفاعها وعرضها 200 والاطار 5

لتحويل اتجاة النص من اليمين لليسار او العكس

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

اتمنى افدتكم بالشرح ان اصبت فمن الله لاتنسوني من صالح دعائكم وهالشرووح اهداء مني لـ admin ]]>
<html>
<head> <title> الالوان والخطوط والفقرات والقوائم </title> </head>
<body bgcolor="teal"> ادراج لون للصفحه
<center>
<font face="bold italic art" color="red" size="6"> خصائص الخط الجد والمثابرة
<b> <u> <l>
الجد والمثابرة
<br>
</b> </u> </l>
</font>
<font face="pt bold heaing" color="navy" size="5"> هنا الخصائص خاصه بالكلام
قد يفشل الانسان في عمل يقوم به وهو كاره له غير راغب فيه, <br>
وينجحون في حياتهم هم اولئك الذين يتحمسون لعملهم , وان الذين يلمعون في المجتمع <br>
لأن الذي يحب عمله يزيد اهتمامه به فيؤديه بطريقة أفضل , ويمتد اثر ذلك لمن يعمل معه.
<font><p><p/> ننتبه للتنقفيل بالمفكرة يضبط
<img src="v.jpg" height="200" width="200" border="5"><p>

ندرج صورة ارتفاعها وعرضها 200 والاطار 5

</center>
<p dir="rtl"> لتحويل اتجاة النص من اليمين لليسار او العكس
<dl> هذا الوسم خاص بالمصطلحات
<b> <u> <l>
<font color="white" size="+3">
<dt> النجاح وهالوسم خاص بالمصطلح
</font>
</b> </u> </l>
<dd> وهنا خاص بتعريف المصطلح
<font color="black" size="+2">
<b> <l>
أن تضحك كثيراً, وأن تحظى بتقدير النقاد الأمناء وتتحمل خيانة الأصدقاء , وأن تقدر الجمال وترى الأفضل في الآخرين , وترغب في تحسين صورة العالم ولو قليلاً سواء بتنشئة طفل صحيح أو زراعة حديقة ولو صغيرة , أو تصحح أوضاعاً اجتماعية , أو أن تعرف أن حياة فرد قد سارت بسبب وجودك , فهذا هو النجاح .
</b> </l>
</font>
<dl>نكرر اذا كان عندنا اكثر من مصطلح
<b> <u> <l>
<font color="white" size="+3">
<dt> الإبداع
</font>
</b> </u> </l>
<dd>
<b> <l>
<font color="black" size="+2">
عمل ذهني يقوم به الفرد باستخدام قدراته للوصول إلى أفار جديدة .
</font>
</b> </l>
</dl> هنا نقفل الوسم
</p>
</body>
</html>






اتمنى افدتكم بالشرح ان اصبت فمن الله

لاتنسوني من صالح دعائكم
وهالشرووح اهداء مني لـ admin
]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1617 الدرس الثاني للـ html http://taif101.com/vb/showthread.php?t=1566&goto=newpost Thu, 29 Oct 2009 03:23:04 GMT عالم المراءة للازياء ====> على سبيل المثال
لو ابي الصورة اللي بادرجها خلفيها ينكتب الوسم كذا =====> القيمة بين علامات تنصيص هنا ماضبطت بالمفكرة بتكون تمام كمان ملحوظه لازم نفرق وننتبه بين امتدادات الصورة jpg او gif او غيره لان اي خطأ ماراح تظهر الصورة لو شقلبنا او ماعرفنا امتدادها لمعرفه نوع الصورة كلك يمين ثم خصائص وراح نلاقي نوعها لو ابي الصورة مثلا بدرج شعار للشركة او علامه او شي معين ماابيها خلفيه راح يكون الوسم كذا ====> اخترت الصورة 4 على سبيل المثال فقط طيب مثلا لو ابي ادرج صورتين او اكثر وابيهم بنفس الطول والعرض راح اكتب الوسم التالي
============استدعاء الصورة======= طيب لو ابي اسوي استدعاء لصورة داخل مجلد وهالمجلد داخل مجلد اخر مثلا احنا انشأنا مجلد باسم html وخلينا كل شغل صفحات الويب داخله وكمان انشأنا داخل هالمجلد مجلد للصور باسم img ونبي صورة من مجلد الصور كيف يتم استدعائها؟؟؟ راح نكتب هالوسم طيب لو قمنا باانشاء مجلد وسميناه مشروعي وأنشانا داخله مجلد باسم html ومجلد باسم img ومجلدات اخرى وابي استدعي صورة من مجلد الصور لمجلد html بنفس المستوى يعني كلا المجلدين داخل مجلد راح اكتب هالوسم كذا عرفنا كل شي عن الصور ======================== لو نبي تدرج في احجام الخطوط راح نكتب وسم

,ونقفله

وتدرجاته بالارقام مثال

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

جامعة الطائف

الكليات في الجامعة

كلية العلوم الادارية والمالية

قسم نظم المعلومات الادارية
============================ اخر شي نشرحه هو الخط المرتفع على الخط التلقائي مثلا لو ابي بسم الله الرحمن الرحيم ابي===> الرحمن الرحيم مرتفعة شوي نكتب وسم ارتفاع النص اول شي بسم الله وننزل انتر علشان مانتلخبط ونكتب الوسم الرحمن الرحيم ====================== والعكس لو ابيها منخفضه نكتب بسم الله الرحمن الرحيم ================ لو ابي الرحمن الرحيم اكبر من بسم الله الرحمن الرحيم ولو اصغر الرحمن الرحيم =================== ابي النص يعترضه خط بالنص الرحمن الرحيم =========== انتهينا ولله الحمد========== التطبيق جربوا كل الاوسمه اللي تعلمنها ومع التكرار راح تكون جدا سهله وبسيطه وبالتوفيق ابي منكم حاجتين الاولى التطبيق والشلغه الثانية ماتنسوني من صالح دعائكم ]]> السلام عليكم ورحمة الله وبركاته

راح ابدأ بشرح اضافة الصور للـ html

ملاحظة يفترض ان تنشأ مجلد باسم img وتضع به الصور المراد ادراجها
1- حتى يكون شغلك مرتب

2- حتى تظهر الصورة لان اذا كان امتداد الصورة خطأ او ناقص فانها لن تظهر

نبدأ بكتابه html

<html>
<head> <title> عالم المراءة للازياء</title> </head> ====> على سبيل المثال

<body>
<center>

لو ابي الصورة اللي بادرجها خلفيها ينكتب الوسم كذا


<body background="4.jpg"> =====> القيمة بين علامات تنصيص هنا ماضبطت بالمفكرة بتكون تمام

كمان ملحوظه لازم نفرق وننتبه بين امتدادات الصورة jpg او gif او غيره

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

لمعرفه نوع الصورة كلك يمين ثم خصائص وراح نلاقي نوعها


لو ابي الصورة مثلا بدرج شعار للشركة او علامه او شي معين ماابيها خلفيه

راح يكون الوسم كذا

<img src="4.jpg"> ====> اخترت الصورة 4 على سبيل المثال فقط

طيب مثلا لو ابي ادرج صورتين او اكثر وابيهم بنفس الطول والعرض

راح اكتب الوسم التالي

<img src="4.jpg" height="70" width="120">

<img src="5.jpg" height="70" width="120">

</center>
</body>
</html>

============استدعاء الصورة=======

طيب لو ابي اسوي استدعاء لصورة داخل مجلد وهالمجلد داخل مجلد اخر


مثلا احنا انشأنا مجلد باسم html وخلينا كل شغل صفحات الويب داخله

وكمان انشأنا داخل هالمجلد مجلد للصور باسم img

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

راح نكتب هالوسم

<img src="img/5.jpg">


طيب لو قمنا باانشاء مجلد وسميناه مشروعي

وأنشانا داخله مجلد باسم html ومجلد باسم img ومجلدات اخرى


وابي استدعي صورة من مجلد الصور لمجلد html بنفس المستوى


يعني كلا المجلدين داخل مجلد

راح اكتب هالوسم

<img src="../img/5.jpg">


كذا عرفنا كل شي عن الصور

========================



لو نبي تدرج في احجام الخطوط

راح نكتب وسم <h1> ,ونقفله <h1/> وتدرجاته بالارقام

مثال


<h1/> الجامعات في المملكة العربية السعودية <br> </h1>

<h2> جامعة الطائف <br> </h2>

<h3> الكليات في الجامعة <br> </h3>

<h4> كلية العلوم الادارية والمالية <br> </h4>

<h5> قسم نظم المعلومات الادارية <br> </h5>


============================


اخر شي نشرحه هو الخط المرتفع على الخط التلقائي


مثلا لو ابي بسم الله الرحمن الرحيم ابي===> الرحمن الرحيم مرتفعة شوي

نكتب وسم ارتفاع النص

اول شي بسم الله وننزل انتر علشان مانتلخبط

ونكتب الوسم

</sup> الرحمن الرحيم <sup>

======================

والعكس لو ابيها منخفضه

نكتب بسم الله

</sub> الرحمن الرحيم <sub>


================


لو ابي الرحمن الرحيم اكبر من بسم الله

</big> الرحمن الرحيم <big>

ولو اصغر


</small> الرحمن الرحيم <small>


===================

ابي النص يعترضه خط بالنص

</strike> الرحمن الرحيم <strike>


=========== انتهينا ولله الحمد==========


التطبيق جربوا كل الاوسمه اللي تعلمنها

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


ابي منكم حاجتين

الاولى التطبيق
والشلغه الثانية ماتنسوني من صالح دعائكم






]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1566 اول درس لـ html http://taif101.com/vb/showthread.php?t=1561&goto=newpost Mon, 26 Oct 2009 03:17:22 GMT كافة البرامج===>البرامج الملحقة ==المفكرة نحول مؤشر الكتابه لجهة اليسار باستخدام shift+ctrl ضروري مو shiftو Alt نبدأ بكتابه الوسم هذا بدايه الوسم وضروري نكتبه حتى تتحول المفكرة بعد الحفظ الى صفحة ويب جامعة الطائف ===> عنوان الموقع المراد عمله اي وسم نكتبه في البدايه وننتهي فيه في التقفيل نبدا بالاخير ===> في التقفيل يصير خلصنا من جزء الهيد اللي هو العنوان الرأسي ============= الشرح========== نجي للـ هنا راح يكون خاص بكل شي داخل الصفحة تنسيقات الصفحة الخط اللون المحاذاة الخلفيه الصور كل شي ندرجه فيها كلنا عارفين هالرموز اش تعني خط عريض مائل وتحته خط وكمان هالوسم نستخدمه بدال انتر لما نبي ننزل سطر لو سطرين

او نختصر بـ

وكمان لو حبينا تكون المسافة اربع اسطر يكون

ملاحظة هالاوسمه بالذات

و
من الاوسمه اللي مانقفلها نتركها كذا لو ابي الخلفيه تلاقائيه ومااسوي فيها شي احط ولو ابي لون الخلفيه بلون معين راح احط <"body bgcolor="red> نراعي اول شي وضع مسافه بينbody bgcolor ثاني شي اللون المراد اختياره نضعه بين علامات التنصيص كمان لو ابي لون معين مثلا فوشي راح اكتب ملاحظة ===> لو تبي اي لون جرب تحط #ثم 6 ارقام او حروف وارقام وراح تلاقون نتيجه حلوة مثل ولما نجي نقفل نقفل بس كذا مانقفل بخصائص الخلفيه او الخط هنا لو كنت ابي النص توسيط راح اكتب ====>

كمان لو كتب ابي الخط محاذاته لليمين لو لليسار راح اكتب

او

كمان يجي لو سوينا center لكن اختصار اسويها كذا

خلصنا من المحاذاة ================= خصائص الخط تشمل لون الخط حجم الخط نوع الخط <"font face="Aril" size="4" color=#"f65407"> الحين خلصنا من التنسيقات نجي للتقفيل مهم جدا لما نجي نقفل نشوف اخر وسم كتبناه ونبدا نقفل منه بالمفكرة راح تضبط اكيد
==================== نجي للتطبيق العملي جامعة الطائف
جامعة الطائف

قبل ربع قرن تقريباً , وبالتحديد في 27/5/1400 هـ صدر
الأمر السامي الكريم رقم/115 و تاريخ 27/5/1400 هـ
بإنشاء كلية الـتربية بالطائف تـكون تابعة لجامعة الملك عبد العزيز . وقد ضمت الكلية إلى جامعة أم القرى
بموجب الأمر السامي الكريم رقم /24187 وتاريخ
27 / 10 / 1402 هـ وقد بدأت الدراسة بالكلية في الفصل الأول 1401/1402 هـ
وكـــان عدد الطلاب الملتحقين بها خمــسة وثمانــين طالباً وعدد الطالبات مائة
وثمانين طالبة تتوزعهم الأقسام التالية : · قسم الدراسات الإسلامية .
· قسم اللغة العربية .
· قسم الرياضيات .
قسم الأحياء . قسم اللغات الأجنبية.

====== مهم جدااا اخر حاجه نعرفها حفظ العمل باسم ثم نضيف الامتدادhtml مثلا جامعه الطائف.html المهم اتجاه البوينت والـhtml <==== يمين مو العكس اكيد عارفين من فين نحفظ ملف حفظ باسم ونكتب ===================انتهى الدرس ابي منكم تطبيق للي سويناه س/ انشىء برنامج باستخدام html يحتوي على نص من انشائك واستخدم التنسيقات التالية 1- كتابه العنوان 2- الخلفيه اسود 3- لون الخط احمر عريض مايل تحته خط 4- محاذاه لليمين واحفظ العمل بنفس اسم الموقع اتمنى يكون الشرح وافي ان اصبت فمن الله وان اخطأت فمن نفسي والشيطان شاكرة لكم جدا ]]>
السلام عليكم ورحمة الله وبركاته

راح نبدأ اليوم اول درس شرح html

بدايه انشأ صفحة ويب

على بركة الله نبدأ

اول شيء نفتح مفكرة الكل عارف مكانها ابدأ ===> كافة البرامج===>البرامج الملحقة ==المفكرة

نحول مؤشر الكتابه لجهة اليسار باستخدام shift+ctrl
ضروري مو
shiftو Alt

نبدأ بكتابه الوسم
<html> هذا بدايه الوسم وضروري نكتبه حتى تتحول المفكرة بعد الحفظ الى صفحة ويب
<head> <title> جامعة الطائف </title> </head> ===> عنوان الموقع المراد عمله
اي وسم نكتبه في البدايه وننتهي فيه في التقفيل نبدا بالاخير

<head> <title> ===> في التقفيل يصير </title> </head>

خلصنا من جزء الهيد اللي هو العنوان الرأسي
============= الشرح==========
نجي للـ <body>
هنا راح يكون خاص بكل شي داخل الصفحة تنسيقات الصفحة الخط اللون
المحاذاة الخلفيه الصور كل شي ندرجه فيها

كلنا عارفين هالرموز اش تعني <B><I><U> خط عريض مائل وتحته خط
وكمان هالوسم نستخدمه بدال انتر لما نبي ننزل سطر
لو سطرين<br><br> او نختصر بـ <p> وكمان لو حبينا تكون المسافة اربع اسطر يكون
<p><p>
ملاحظة هالاوسمه بالذات <p>و <br> من الاوسمه اللي مانقفلها نتركها كذا

لو ابي الخلفيه تلاقائيه ومااسوي فيها شي احط
<body>
ولو ابي لون الخلفيه بلون معين راح احط
<"body bgcolor="red>
نراعي اول شي وضع مسافه بينbody bgcolor
ثاني شي اللون المراد اختياره نضعه بين علامات التنصيص

كمان لو ابي لون معين مثلا فوشي راح اكتب
ملاحظة ===> لو تبي اي لون جرب تحط #ثم 6 ارقام او حروف وارقام وراح تلاقون نتيجه حلوة
مثل <body bgcolor="#f00345"> ولما

نجي نقفل نقفل بس كذا </body>
مانقفل بخصائص الخلفيه او الخط
هنا لو كنت ابي النص توسيط راح اكتب ====><center>
كمان لو كتب ابي الخط محاذاته لليمين لو لليسار
راح اكتب <p aling="right">
او <p aling="lift">
كمان يجي لو سوينا center
لكن اختصار اسويها كذا<center>
خلصنا من المحاذاة
=================
خصائص الخط
تشمل لون الخط حجم الخط نوع الخط

<"font face="Aril" size="4" color=#"f65407">

الحين خلصنا من التنسيقات

نجي للتقفيل

مهم جدا لما نجي نقفل نشوف اخر وسم كتبناه ونبدا نقفل منه بالمفكرة راح تضبط اكيد


</u/></I><B>
</font>
</center>
</body>
</html>

====================
نجي للتطبيق العملي


<html>
<head> <title> جامعة الطائف </title> </head>
<body bgcolor="#f00345">
<center>
<font color="white">
<B><I><U>
جامعة الطائف <p><p>
قبل ربع قرن تقريباً , وبالتحديد في 27/5/1400 هـ صدر <br>
الأمر السامي الكريم رقم/115 و تاريخ 27/5/1400 هـ<br>
بإنشاء كلية الـتربية بالطائف
تـكون تابعة لجامعة الملك عبد العزيز .
وقد ضمت الكلية إلى جامعة أم القرى <br>
بموجب الأمر السامي الكريم رقم /24187 وتاريخ <br>
27 / 10 / 1402 هـ وقد بدأت الدراسة
بالكلية في الفصل الأول 1401/1402 هـ <br>
وكـــان عدد الطلاب الملتحقين بها
خمــسة وثمانــين طالباً وعدد الطالبات مائة <br>
وثمانين طالبة تتوزعهم الأقسام التالية :
· قسم الدراسات الإسلامية .<br>
· قسم اللغة العربية .<br>
· قسم الرياضيات .<br>
قسم الأحياء .
قسم اللغات الأجنبية. <br>

</U></I></B>
</font>
</center>
</body>
</html>
======

مهم جدااا
اخر حاجه نعرفها حفظ العمل باسم ثم نضيف الامتدادhtml
مثلا جامعه الطائف.html
المهم اتجاه البوينت والـhtml <====
يمين مو العكس

اكيد عارفين من فين نحفظ ملف حفظ باسم ونكتب

===================انتهى الدرس

ابي منكم تطبيق للي سويناه

س/ انشىء برنامج باستخدام html
يحتوي على نص من انشائك
واستخدم التنسيقات التالية
1- كتابه العنوان
2- الخلفيه اسود
3- لون الخط احمر عريض مايل تحته خط
4- محاذاه لليمين
واحفظ العمل بنفس اسم الموقع
اتمنى يكون الشرح وافي ان اصبت فمن الله
وان اخطأت فمن نفسي والشيطان

شاكرة لكم جدا
]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1561 ما هي html http://taif101.com/vb/showthread.php?t=1534&goto=newpost Wed, 21 Oct 2009 05:34:02 GMT ". بشكل عام هناك نوعان من الوسوم، وسم البداية: ثم وسم الإغلاق . الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق. لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة. *هل يمكنك أن تريني بعض الأمثلة؟* مثال العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية ووسم الإغلاق ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".) *المثال 1:* نص مائل. سيظهر بهذا الشكل في المتصفح: نص مائل. العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر. *مثال 2:*

هذا عنوان

هذا عنوان فرعي

ستظهر بهذا الشكل في المتصفح: *هذا عنوان* *هذا عنوان فرعي* *هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟* كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل:
. *هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟* معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، ، أو كلها ستعطي نفس النتائج، مع ذلك الأسلوب *الصحيح* هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن *تعتاد على كتابة الوسوم بالأحرف الصغيرة*. *أين أضع كل هذه الوسوم؟* أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة. هذه البدايه وان شاء الله ان حبيتوا استمر بالشرح اي شي اتعلمه اشرحه هنا فائق احترامي ]]> ما هي HTML

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

لمن لم يعتد على رؤية هذه الأوامر، HTML تبدو معقدة لكن هذا الدرس سيساعدك على أن تفهمها.
ما فائدة HTML؟

إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، حتى لو استخدمت برنامجاً لإنشاء المواقع مثل دريمويفر، معرفتك للغة HTML ولو بشكل بسيط ستساعدك على إنشاء مواقع أفضل، الجميل أن هذه اللغة سهلة التعلم، في درسين فقط ستتعلم كيفية إنشاء موقعك الأول.
HTML تستخدم لإنشاء المواقع، هذا كل شيء ببساطة!
حسناً، ماذا تعني H-T-M-L؟

HTML هي اختصار "Hyper**** Mark-up Language"، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.
  • Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
  • **** تعني النص، وهذه تشرح نفسها.
  • Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
  • Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية



العناصر والوسوم
نتعلم جوهر لغة HTML وهي العناصر.
العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
"وسوم"؟

الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
هل يمكنك أن تريني بعض الأمثلة؟

مثال العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)





المثال 1:
<em>نص مائل.</em>
سيظهر بهذا الشكل في المتصفح:
نص مائل.
العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.
مثال 2:
<h1>هذا عنوان</h1><h2>هذا عنوان فرعي</h2>
ستظهر بهذا الشكل في المتصفح:
هذا عنوان

هذا عنوان فرعي


هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟

كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.
هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟

معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.
أين أضع كل هذه الوسوم؟

أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.




هذه البدايه وان شاء الله ان حبيتوا استمر بالشرح

اي شي اتعلمه اشرحه هنا

فائق احترامي
]]> خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~! http://taif101.com/vb/showthread.php?t=1534 التسجيل في دورة لغة html http://taif101.com/vb/showthread.php?t=1422&goto=newpost Sat, 12 Sep 2009 22:48:52 GMT بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة سبحانك اللهم لاعلم لنا الا ماعلمتنا إنك أنت العليم الحكيم بدء دورة لغة html هي دورة بسيطه وممتعة أن شاء الله في هذه اللغة الشيقة وهي لا تتطلب تنصيب برامج ومما جعلني اقيم دورة فيها أنها مطلوبه في بعض الشركات وستكون خير دافع لك في المجال الوظيفي أن شاء الله والذي يريد التسجيل معنا عليه أن يكتب مشاركه هنا ثم يكتب أوافق ومسجل معكم الزوار والأعضاء ( أقل من 100 مشاركة ) للأسف لايمكنهم مشاهدة محتويات الدورة اغتنم الفرصة العدد محدود وهو 30 عضو فقط وبعدها ستبدء الدورة ألف شكر لكم وبأنتظار تسجيل استمارة بطلباتكم أخوكم / رايق
بسم الله الرحمن الرحيم

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

سبحانك اللهم لاعلم لنا الا ماعلمتنا إنك أنت العليم الحكيم

بدء دورة لغة html

هي دورة بسيطه وممتعة أن شاء الله في هذه اللغة الشيقة

وهي لا تتطلب تنصيب برامج

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

وستكون خير دافع لك في المجال الوظيفي أن شاء الله

والذي يريد التسجيل معنا عليه أن يكتب مشاركه هنا ثم يكتب

أوافق ومسجل معكم

الزوار والأعضاء ( أقل من 100 مشاركة ) للأسف لايمكنهم مشاهدة

محتويات الدورة اغتنم الفرصة

العدد محدود وهو 30 عضو فقط وبعدها ستبدء الدورة

ألف شكر لكم وبأنتظار تسجيل استمارة بطلباتكم

أخوكم / رايق
]]> Rayg http://taif101.com/vb/showthread.php?t=1422