المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : هيا نتعلم معاً لغة Html.. دورررة مختصرة ومفيدة بإذن الله..



مشتاقة إلى الجنة
05-08-2004, 02:52 PM
الدرس الأول

مقدمة عن HTML




تكتب ملفات HTML في صورة ملفات نصوص بسيطة (Plain ****)، تأخذ الإمتداد .html عادة، وتكتب في أي برنامج للنصوص البسيطة، في الويندوز استخدم Notepad، في اللينكس استخدم pico، في الماكنتوش استخدم Simple****، جميع هذه البرامج مناسبة جدا لعمل صفحات HTML.

الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن يكون أكثر من Internet Explorer أو Netscape Navigator أو الأثنين معا، وبما أنك الآن تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح أيضا، ستحتاج إلى معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من نوع إلى آخر لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من أنها تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية الصفحة بمتصفحه أيا كان.

المشكلة التي قد تواجهك في كتابة صفحاتك هي دعم المتصفحات للغة العربية أولا، ودعمها لآخر التقنيات ثانيا، يقدم متصفح Internet Explorer من Microsoft دعما رائعا للغة العربية، ولآخر تقنيات الويب مثل HTML 4.0 و CSS و XML وغيرها، وأما متصفح Netscape Navigator فهو لا يدعم اللغة العربية بشكل جيد ولتحسين دعم اللغة العربية تحتاج إلى برنامج Sindbad من شركة صخر، وفي كل الأحوال يظل متصفح Netscape Navigator متصفحا متعبا في التصميم، لهذه الأسباب جميعا اعتمدنا متصفح Internet Explorer 5.0 كمتصفح قياسي لصفحات موقعنا، فهي تظهر بشكل رائع فيه.

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


تتكون ملفات HTML من قسمين:

المحتوى : وهو ما يشاهده الجمهور في صفحتك.

الوسوم tags :وهي الأجزاء التي تحدد كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق.


مثال على ذلك هذا السطر من لغة HTML ..

HTML is a <b>Great</b> Language

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

HTML is a Great Language


في المثال السابق تبدو أجزاء ملف الـ HTML واضحة، فالمحتوى هو الذي يتمثل في عبارة: HTML is a Great Language، أما الوسوم فهي المحاطة بعلامتي < و >، في المثال السابق استخدمنا وسما يدعى b وهو اختصار لكلمة bold (عريض)، ويأتي في صورة زوج من الوسوم، وسم للفتح ووسم للإغلاق،

ويتميز وسم الإغلاق عن وسم الفتح في أنه يحتوي على علامة ( / ) قبل اسم الوسم، وسم الفتح يعني أن المتصفح يجب أن يطبق الوصف الموجود في الوسم على جميع النصوص الذي تلي الوسم وحتى يصل إلى وسم الإغلاق، مثل التشغيل والإطفاء ..

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

إذا أردت مثلا أن تغير الخط في كلمة Great في مثالنا السابق، سنحتاج إلى استخدام الوسم Font، حيث سنستخدم الوسم Font بأن نضبط خاصية لون الخط في كلمة Great إلى اللون الأحمر، ويتم هذا كالتالي ..

HTML is a <font color="red">Great</font> Language

حيث ستبدو هكذا ..

HTML is a Great Language


في المثال السابق يتضح لنا أمر آخر، وهو أنه حتى نضبط خصائص أحد الوسوم فإننا نقوم بوضع إسم الخاصية بعد اسم الوسم بين علامتي الـ< والـ> ونفصل بين اسم الوسم والخاصية بمسافة بيضاء، وتكون الخصائص في صورة إسم="قيمة" أي إسم الخاصية ثم علامة المساواة ثم قيمة الخاصية بين أقواس الإقتباس المزدوجة، في المثال السابق قمنا بضبط الخاصية color للوسم font عند القيمة red، وإذا كان هنالك أكثر من خاصية يمكننا إضافتها أيضا في نفس المكان، بحث نفصل كل خاصية والأخرى بمسافة، مثلا ..

HTML is a <font color="red" size="+1">Great</font> Language


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


HTML is a Great Language





أمور إضافية يجب أن تعرفها عن HTML ..

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


يتكون ملف HTML القياسي من جزئين رئيسيين هما :

الرأس Head : يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى.

الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم.


المثال التالي يبين كيفية تقسيم ملف HTML ..






<html>
<head>
...
</head>
<body>
...
</body>
</html>




المثال السابق صريح، ولا يحتاج إلى المزيد من التوضيح، الأجزاء التابعة للرأس توضع بين <head> و </head>، أما الأجزاء التابعة للجسم فتوضع بين الوسمين <body> و </body> .

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




الوظيقة............ :)

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

السطر الأول بحجم خط كبير(مثلاً بحجم 10) وبلون أخضر وفيه:


أهلاً بعودتكم إلى منتدى طريق الإيمان..


وفي السطر الثاني من الصفحة نكتب:


هيا سارعوا إلى الخيرات.. هيا سارعوا للمشاركة في الدعوة إلى الله ...


ونريده أن يكون بحجم أصغر (مثلاً 6) ولكن بلون أحمر... أعرف أنه سيظهر لديكم مشكلة صغيرة :confused: ، لكن سنحلها في الدرس القادم.. وأرجو ممن تظهر لديه بعد التطبيق أن يخبرنا بها حتى نرى مدى الاهتمام :)


أرجو لكم كل الاستفادة..


وإلى اللقاء مع الدرس الثاني..

مشتاقة إلى الجنة
05-08-2004, 02:53 PM
ملاحظة 1: لاحظت أنه بسبب تنسيقات المنتدى فقد ظهر في بعض أوسمة الاغلاق بالأعلى أنه أحياناً تكون / قبل الوسم وأحياناً بعده، والصحيح أنه دوماً الإشارة / تكون قبل وسم الاغلاق وليس بعده..

مثال:


<font color="red">Great</font> نلاحظ هنا أن / جاءت قبل الوسم font وليس بعده..


ملاحظة 2: من أجل تجريب كيفية وضع التعليقات في الكود ، يمكن أن نضيف للوظيفة السابقة طلباً آخر وهو كتابة التعليق التالي:

<هذا عبارة عن تمرين!>

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


أتمنى أن يكون الدرس سهلاً ويتم تطبيقه وحل وظيفته قبل الانتقال للدرس التالي...

وأنا بالانتظار...:)

سائل
06-08-2004, 05:55 AM
بسم الله الرحمن الرحيم

الاخت مشتاقة اشكر لك اعادة هذا الموضوع الرائع

وقد بدأت التطبيق

وهذه هو مع المرفقات

المشكلة التي ظهرت هي


لغة HTML لا تراعي المسافات البيضاء، وتعتبرها جميعا مسافة واحدة، أي أن وضع مسافة واحدة بين كلمتين، يساوي وضع مسافتين، ويساوي وضع ثلاثين مسافة، ويساوي وضع سطر جديد، ويساوي وضع جدولة tab، كلها تترجم إلى مسافة.

[/b]
حيث لم استطع وضع المشاركه في سطرين رغم اني كتبت الكود في سطرين
لكن حين حفظها بامتداد html يظهران في سطر واحد


ننتظر حل المشكله والدرس القادم

مشتاقة إلى الجنة
08-08-2004, 03:57 PM
أحسنت وأجدت أخي سائل ..بارك الله فيك..

تستحق 10/10 على تأدية الواجب بحذافيره وعلى هذا التوضيح لسبب المشكلة..:)

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

عبدالله
17-08-2004, 11:50 AM
بسم الله

السلام عليكم

لاشك بأن تعلم هذه اللغة ضروري خصوصاً لمن يرغب ببناء صفحة على الإنترنت. وهذا مابدأته قبل فترة وتوقفت عنه لسبب بسيط وهو أن إستخدام أحد البرامج التالية :
FronPage (Microsoft), HTML Editor (Netscape), WebPage Maker
أو غيرها من برامج عمل صفحات الإنترنت أسهل بكثير كما أنها دائما تعطي نتائج مذهلة. فاستخدام برنامج FrontPage مثلاً يمكنك من تنسيق السطور وإضافة الصور والإرتباطات التشعبية والكثير الكثير بسهولة وكأنك تستخدم برنامج Word السهل. كل هذا بدون حفظ رموز التنسيق الكثيرة والمعقدة الخاصة بلغة HTML. هنا أقترح البدء بوضع دروس لشرح إستخدام أحد هذه البرامج وخصوصاً FronPage وإذا كنت موافقة أختي (مشتاقة إلى الجنة) فأنا مستعد للمشاركة.

مشتاقة إلى الجنة
17-08-2004, 02:02 PM
أهلاً بك أخي الكريم، وشكراً لك على مشاركتك وإضافتك .. جزاك الله الخير :)

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

وأما عن دروس الفرونت بيج فقد قام الأخ سائل بإضافة كتابين الكترونيين لتعليمها وإليك الرابــــــــــــــــط (http://www.imanway.com/vb/showthread.php?p=1061#post1061)..


بارك الله فيك، ومرة اخرى شكرا للمشاركة..

مشتاقة إلى الجنة
19-08-2004, 12:41 AM
الدرس الثاني : الخطوط والألوان..

الأعزاء المتابعين في دورة تعلم لغة الـ HTML، نتابع اليوم ما كنا قد بدأناه في درسنا الأول، وبإذن الله نجد في هذه الدروس الإفادة المرجوة..

نبدأ اليوم مع حل المشكلة التي واجهتنا في تطبيق الدرس السابق، وهي عدم إمكانية فصل الجمل إلى أسطر متتالية، فكما أشار الأخ سائل فإن العبارتين المطلوبتين قد ظهرتا متلاصقتين وكأنهما جملة واحدة رغم أنه كتبهما بالكود في سطرين مختلفين، والسبب ببساطة هو أنه في الحالة العامة فالضغط على مفتاح الإدخال Enter (أي بدء سطر جديد) هو مؤشر على بدء فقرة جديدة، لذلك فقد عبرت لغة HTML عن بدء الكتابة من سطر جديد بأن تستخدم وسم الفقرة P اختصاراً لـ Paragraph ( أي فقرة) ،
وعلى ذلك فإنه لتحديد فقرة معينة يجب علينا إحاطتها بالوسم P :

<p>Paragraph ****</p>

يمكنكم التأكد من ذلك بتطبيقه على حل الوظيفة السابقة …. (:


ولنتابع اليوم في الملاحظات الجديدة التي نحتاجها لاظهار صفحتنا على الويب بشكل أفضل:


1-لتحديد اتجاه الفقرة (لليسار ، أو للوسط أو لليمين) نستخدم الخاصية align في الوسم P كما يلي:

<p align="left">Left aligned paragraph</p>

<p align="center">Centered paragraph</p>

<p align="right">Right aligned paragraph</p>



2- لإضافة مسافة، استخدم nbsp& لتعطيك مسافة واحدة، وكررها لتعطيك عدة مسافات بين الكلمات ..

3- يمكنك استخدام الوسم pre لمنع المتصفح من تجاهل المسافات البيضاء ويحتسب المسافة مسافة والثلاث مسافات ثلاث مسافات والسطر الجديد سطرا جديدا، فقط بين الوسمين <pre> و </pre> ، على أن يكون هذين الوسمين محيطين بوسمي الفقرة <p>,</p> وليس داخلهما.

4- يمكنك توسيط أي شيء بوضعه بين الوسمين <center> و </center>

الوسم Font :

يعمل الوسم font دائماً مع مجموعة من الخصائص، فهو لا يمتلك أي تأثير لوحده، وأهم خصائصه هي التي تحدد نوع الخط والتي تحدد لونه والتي تحدد حجمه.
أول خصائص الوسم font هي الخاصية face التي تحدد نوع الخط المستخدم :


<font face="verdana">Welcome</font><br>

<font face="To ImanWay Forums">Courier New ****</font>

فتكون النتيجة:

Welcome
To ImanWay Forums

بعد ذلك هنالك الخاصية color المستخدمة لتحديد لون الخط (أنظر إلى فقرة الألوان في الأسفل) :



This is <font color="red">Red</font>
and this is <font color="blue">Blue</font>



وتكون النتيجة:

This is Red and this is Blue



الخاصية الثالثة هي الخاصية size وهي تحدد حجم الخط: حيث توجد سبعة أحجام للخط، والخط الأساسي في الصفحة يأخذ أحد هذه الأحجام، وإذا أردت أن تغير حجم الخط في كلمة معينة أو جزء ما من النصوص استخدم الوسم font مع الخاصية size لزيادة حجم الخط أو إنقاصه بمقدار معين، إذا كان الخط الأساسي هو 3 فإنه يمكنك زيادة الخط 4 مرات حتى تصل إلى 7 وهو أكبر خط ويمكنك إنقاصه مرتين ليصبح 1 وهو أصغر حجم للخط، الخط الأساسي القياسي هو 3 ما لم تقم بتغييره، يتم تحديد أثر الرقم من حيث الزيادة أو النقصان بإضافة + قبل الرقم للزيادة و - قبل الرقم للنقصان، وعند الزيادة فوق الحجم 7 سيعرض المتصفح النص بالحجم 7 وكذلك عند النقصان إلى أقل من الواحد فسوف يتم إعتباره 1.

<font size="+4">Size 7</font><br>
<font size="+3">Size 6</font><br>
<font size="+2">Size 5</font><br>
<font size="+1">Size 4</font><br>
<font size="0">Size 3</font><br>
<font size="-1">Size 2</font><br>
<font size="-2">Size 1</font><br>

وهذه هي نتيجة ما سبق:

Size 7
Size 6
Size 5
Size 4
Size 3
Size 2
Size 1


توجد أيضا طريقة سريعة لتكبير الخط خطوة واحدة أو تصغيره خطوة واحدة باستخدام الوسم
<big> و <small>

<big>size 4</big><br>
<small>size 2</small><br>
<big><big>size 5</big></big><br>

والنتيجة:

size 3
size 1
size 4

الطرق السابقة لتغيير الخط تسمى طرقا نسبية relative لأنك تقوم بتغيير الخط بالنسبة للخط الأساسي، يمكنك أيضا تحديد الحجم الذي تريده للخط بالضبط دون الإعتماد على الخط الأساسي عن طريق الخاصية size ذاتها ولكن دون وضع إشارة + أو - مقابل الحجم المطلوب :

<font size="7">Size 7</font><br>
<font size="6">Size 6</font><br>
<font size="5">Size 5</font><br>
<font size="4">Size 4</font><br>
<font size="3">Size 3</font><br>
<font size="2">Size 2</font><br>
<font size="1">Size 1</font>


يمكنك كذلك تغيير حجم الخط الأساسي في المستند وهذا سيؤثر على جميع الأماكن التي استخدمت فيها الأحجام النسبية للخطوط، ونغير الخط الأساسي باستخدام وسم يدعى <basefont> ويمكن استخدامه لتغيير حجم الخط الأساسي في المستند أو لون الخط الأساسي أو نوع الخط الأساسي، وهو لا يأخد قيم نسبية في الحجم (لا ينسب إلى نفسه)، على سبيل المثال لتغيير الخط الأساسي إلى Verdana بحجم 3 ولون أخضر نضع السطر التالي في المستند:

<basefont color="Green" size="3" face="Verdana">

والوسم السابق لا يستخدم في جزء محدد من نصوص HTML بل يظهر تأثيره في الصفحة كلها لذلك فهو لا يحتاج إلى وسم إغلاق.
توجد أيضا وسوم أخرى للتنسيقات المختلفة، مثلا الوسم b أو strong للخط العريض والوسم i أو em للمائل ،و الوسم tt يستخدم لجعل الحروف متساوية في الحجم مثل نصوص الآلة الكاتبة

<b>This</b> is Bold **** and <strong>this</strong> to!<br>
but <i>This</i> is Italic **** and <em>this</em> to!<br>
And <tt>This</tt> is Typewriter ****

والناتج:

This is Bold **** and this to!
but This is Italic **** and this to!
And This is Typewriter ****


يوجد وسم خاص بوضع الخط الأفقي هو الوسم hr: يمكنك تحديد عرض الخط بالخاصية width، حيث تأخذ width قيما مطلقة مثل 10 أو 293 وهي تحدد العرض بالبكسل، وقيماً نسبية تقاس بالنسبة إلى عرض الصفحة، مثل 20% و 85%، توجد أيضا خاصية أخرى هي size تحدد ارتفاع الخط رأسياً ويأخذ قيماً مطلقة صغيرة، وتوجد أيضا خاصية color لتحديد لون الخط، والخاصية noshade وهي خاصية بدون قيمة، وعند وضعها تجعل الخط يبدو مصمتاً وليس منحوتاً كما في الحالة القياسية


This is the First Line
<hr>
This is the Secound Line
<hr color="Purple">
This is the Third Line
<hr width="30%">
This is the Fourth Line
<hr noshade size="40">


يرجى تجريب الناتج من الأسطر السابقة ..... ;)


الألوان في HTML:

الألوان في الكمبيوتر تنتج من خلط الألوان الأساسية الضوئية الثلاثة، وهي الأحمر والأخضر والأزرق، يأخذ كل لون من الألوان السابقة قيمة تتراوح بين 0 و 255، وهي مرتبة (أحمر،أخضر،أزرق) أو (Red,Green,Blue) أو rgb، في أي مكان نحتاج إلى أن نضع فيه لوناً نقوم بوضع الجملة التالية : (rgb(R,G,B
فنضع قيمة الـR في مكانها المناسب، والـG والـB كذلك، يمكن أيضا صياغة العبارة السابقة بصورة أخرى هي الصورة الستعشرية، نقوم بوضع الأرقام السابقة بالتتالي في صورها الستعشرية، حيث أن أعلى قيمة عشرية للألوان هي 255 فإن أعلى قيمة ستعشرية لها هي ff وأقل قيمة هي 00، لذا فإن كل رقم يأخذ خانتين كالتالي .. #RRGGBB ويفضل وضع علامة # قبل الأرقام في الصيغ الست عشرية حتى تتعرف عليها جميع المتصفحات، أغلب الناس يستخدمون الصيغ الست عشرية في تكوين الألوان، يمكن الحصول على القيمة الستعشرية من القيمة العشرية باستخدام الحاسبة التي تأتي مع الـ ******s.

تستطيع بالطريقة السابقة تكوين أكثر من 16.5 مليون لون، ولكن بعض الأجهزة القديمة لم تكن تدعم أكثر من 256 لون في نفس اللحظة، لذا فقد اتفق على 216 لون سميت بألوان المتصفح الآمنة، فإذا التزم الجميع بهذه الألوان سيستطيع المتصفحون أن يستعرضوا أكثر من صفحة واحدة في نفس الوقت دون مشاكل لأن عدد الألوان التي يحتاجها المتصفح هي 216 فقط والباقي احتياطي للأمور الأخرى مثل الواجهة وغيرها.
إضافة إلى ما سبق هنالك ألوان معروفة تستخدم بكثرة، ولها أسماء معروفة وعددها حوالي 141 لون، هذه الألوان يمكنك استخدامها بوضع اسمها فقط، وهي تنتمي جميعها للوح الألوان الآمن والجدول التالي يبين أشهرها :

الاسم ......... الصيغة الست عشرية
#ff0000 ............. Red
#00ff00 ............. Lime
#0000ff ............. Blue
#ffff00 ............. Yellow
#ff00ff ............. Fuchsia
#00ffff ............. Aqua


مثال للتوضيح ..

<font size="+1">
<font color="Khaki"> Sample 1 </font><br>
<font color="#0066cc"> Sample 2 </font><br>
<font color="rgb(204,112,202)"> Sample 3 </font><br>
</font>

والنتيجة هي كالتالي:



Sample 1
Sample 2
Sample 3


طبعاً علينا ألا ننسى ملاحظة الدرس السابق وهي أن / تأتي قبل وسم الإغلاق وليس بعده، فرغم كل محاولاتي في تصحيح ما ورد بالأعلى إلا أن التنسيق يغير في المكان الذي أضعها فيه!!!

وأما الملاحظة الثانية ( كان يفترض أن تكون في الدرس الاول)، وتتعلق بكيفية التنقل بين الكود وبين الصفحة التي نقوم بتصميمها: فبعد أن حفظنا الملف النصي بلاحقة html وامكننا فتحه عن طريق مستكشف الانترنت، فإن التنقل بين الكود لتعديله وصفحة الويب لاستعراض النتيجة عليها يكون عن طريق قائمة view في مستكشف الانترنت، حيث نختار منه source ، فيعرض لنا كود المصدر لهذه الصفحة (وهو نفسه الذي كتبناه بالمفكرة) فنعمل عليه التعديلات المطلوبة ونحفظها، ثم نعود لمتصفحنا ونعمل تحديث ******* لاختبار نتيجة تعديلاتنا.....


وظيفة الدرس الثاني:

نريد اليوم أن ننشئ صفحة شبيهة بما يلي وبنفس هذه التنسيقات:



منتدى طريق الإيمان يرحب بكم


أهلاً بكم في أسرة الدعاة إلى الله..


Welcome in The Family of The Callers To Allah..


(( يمكنكم التغيير في نوعية الخطوط حسب ما ترون من جمالية، ويرجى وضع خط أفقي ثخين تحت السطر الأول))..
كما ويرجى محاولة تجريب الحل بالطرق المختلفة المشروحة سابقاً فيما يتعلق بالفراغات بين الكلمات، وتحديد حجوم الخط، ولونه..

وفقكم الله...

***********

مع تمنياتي لكم بكل الاستفادة…

وإلى اللقاء مع درس جديد بإذن الله…

انتظر همتكم في المتابعة والتطبيق…

مشتاقة إلى الجنة
19-08-2004, 01:07 AM
المعذرة إن بدت التنسيقات غير مريحة، ولكن فعلاً واجهتني مشاكل كثيرة بالتنسيق ... إن شاء الله أحاول قريباً العمل على تحسينها ..

سائل
24-08-2004, 04:03 PM
السلام عليكم ورحمة الله


ما شاء الله درس ممتلئ

بس يبدوا لي انه سهل

ابتدأت بالتطبيق فعلا

وانشاء الله سترين النتائج


لدي استفسار بسيط

لاحظت استخدامك ل <br> فما هي فائدتها

في امان الله

أبو أسامة
24-08-2004, 07:02 PM
أخي سائل

إن الكود <br> هو لعمل مسافة فراغ وكـأنك تضغط على زر Enter

وإن تكراره يؤدي لمسافات أكثر بين الأسطر

وإني سأبدأ إن شاء الله في الدخول بهذه الدورة فهي ستكون استكمال لدورة أخذتها منذ شهر في المستوى الأول للغة الـــ Html
وجزى الله كاتبة الموضوع خير الجزاء على هذا الموضوع الهام والقيم والمتميز على شبكة الأنترنت

مشتاقة إلى الجنة
25-08-2004, 04:52 PM
جزاكم الله خيراً..

بارك الله فيك أخي سائل، وشكراً لمتابعتك.. وكما قال الأخ أبو أسامة فالوسم <br> هو بمثابة الضغط على enter ، أي أنه مؤشر لانتهاء السطر وفتح سطر جديد، وكما تلاحظ فليس له وسم اغلاق، فنحن نضعه فقط في نهاية جملنا لفتح سطر جديد... والمعذرة إن لم أذكر ذلك في الدرس رغم ورودها في التمارين، والسبب أن لدي دروساً مكتوبة جاهزة على حاسبي، وأنا اختار منها واعدل واحذف حسب ما ارى، فلا بد وأن انسى ادراج معلومة ما...ولكن ذلك شيء مساعد لاستناج مدى المتابعة والانتباه من الطلاب .. :)

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

ولا يفوتني هنا أن أشكر الأخ فارس على إضافة رابط لموقع تعليم اللغة بالعربية، بحيث يمكن العودة إليه كمرجع عند الحاجة.. للاطلاع عليه من هذا الرابــــط (http://www.imanway.com/vb/showthread.php?t=500)..

جزاكم الله خيراً

سائل
26-08-2004, 11:49 PM
السلام عليكم ورحمة الله وبركاته

هذا هو تطبيقي موجود في المرفقات

ولي استفسار بسيط

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

ارغب في وضعهما في نفس السطر وطبعا بدون استخدام المسافه والتاب للفصل بينهما .
ايضا لدي استفسار اخر عن الالوان وهو كيفية الحصول على اكواد الألوان
اذكر انه مر علي برنامج او صفحة انترنت (اغلب الظن انه برنامج) يعطيك الكود لأي لون على الانترنت , طبعا حذفته لاني ظننت انه لا فائدة له بالنسبة لي

فهل اجد لديكم دليلا او موقعا يفيدني في هذا الشيء


شيء اخير , يبدو لي ان اللغة قد تطورت بعد ظهورها حيث توجد وسوم لا فائدة لها لوجود وسوم اسهل منها قد تكون ظهرت بعدها
مثلا وسم الانتقال للسطر الجديد <br> اسهل واسرع من الوسم<p> ولو ان الاخير لا يستخدم مع خيارات التوسيط والكتابة على اليمين او اليسار لأندثر خاصة مع وجود وسم اخر يغطي عمل الاثنين وهو <pre>
ايضا المسافه باستخدام &nbsp
واظن غيرها الكثير


في النهاية ننتظر الدرس القادم فمازلت انتظر الكثير ولدي تساؤلات عدة لن استعجل بطرحها فأنا انتظر ظهور اجابتها في الدروس القادمة

مشتاقة إلى الجنة
05-09-2004, 11:37 AM
سأجيبك الآن على استفساراتك، على أن يتم وضع الدرس قريباً إن شاء الله..

أولاً، بالنسبة لطلبك في أن تتمكن من محاذاة كلمة إلى اليمين وكلمة إلى اليسار في نفس السطر دون استخدام الفراغات...!!!

فطلبك يا أخي تعجيزي!!!! .... :rolleyes: ... فإذا تمكنت من إنجاز ذلك في ملف word عادي، فأعدك أن أنجز لك طلبك في صفحة الـ html فوراً ... :)

ومن ثم لا تنسى يا أخي أني أخبرتكم أني اعتبر هذه الدورة دورة لي قبلكم حتى اتذكر معلوماتي السابقة، فلا تعاملني على أساس أني بروفيسورة HTML فربما أنتم أفضل مني فيها !!! :rolleyes:

ثانياً، بالنسبة لطلبك الثاني فالحمد لله ليس تعجيزي ومقدور عليه.. وإليك هذين الرابطين، ستجد عليهم أكواد جميع الألوان وإن شاء الله تفيدك:

http://www.mekshat.com/info/files/03.htm

http://alrashid.******.com/koood.html

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

بقي أن أقول لك أخي الكريم، بارك الله فيك على المتابعة والتطبيق....

أداؤك للمطلوب جيد، ومتابعتك تحفز على الاستمرار .. جزاك الله الخير...

سائل
06-09-2004, 04:56 PM
السلام عليكم ورحمة الله

جزاك الله خيرا
وانا في انتظار الدرس

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

ايضا هناك بدائل في الوورد فلا تظني انك اقمت الحجه علي:D:D

جربي مربع النص وانظري الى النتائج;)



اخيرا جزاك الله خيرا على المواقع

مشتاقة إلى الجنة
14-09-2004, 01:53 PM
السلام عليكم... قبل أن نبدأ بدرس اليوم أقدم اعتذاري على تأخري بوضع الدرس، ولكن ان شاء الله في المرات القادمة سأحاول أن أكون معلمة ملتزمة جيداً بوعودها مع الطلاب.. ;)

نسأل الله أن يبارك في أوقاتنا جميعاً وأن يرزقنا الاخلاص والقبووول..


الدرس الثالث- إدراج الصور والروابط في صفحة الويب

يمكنك في لغة HTML عرض الصور في الصفحات والتحكم في خواصها، قبل كل شيء يجب أن تكون الصورة جاهرة للنشر على الويب، فيجب أن لا تكون ذا حجم ضخم لأن ذلك سيؤدي إلى بطء شديد في التحميل، ويجب الحذر جيدا عند التعامل مع الصور، لأنها تستهلك حجما كبيرا وتسبب بطءا شديدا في تحميل الصفحات، لذلك يفضل التقليل من الصور قدر الإمكان في صفحات HTML.

ملاحظة: لكي تستطيع عرض الصور في المستند يجب أن تكون الصورة من النوع jpg أو gif

العناوين HTML ..

تستخدم العناوين في HTML في الكثير من الأمور، أهمها الوصلات التشعيبية والصور، ويجب أن تعرف كيفية استخدام هذه العناوين جيدا.

هنالك نوعان من العناوين، نسبية ومطلقة، العناوين النسبية تكون بالنسبة للعنوان الحالي، فلو كنت مثلا في صفحة http://www.imanway.com/vb وقمت بعمل وصلة خاصية href لها تساوي forumdisplay.php?f=18 سيعرف المتصفح أن العنوان الذي يجب الذهاب إليه هو:
http://www.imanway.com/vb/forumdisplay.php?f=18،

أي أن المتصفح يضيف السطر الموجود في href إلى الدليل الحالي، ويختلف الملف عن الدليل بأن الدليل يحتوي على الشرطة الخلفية ( / ) في آخره، أما العناوين المطلقة فتتميز بأنها مسبوقة باسم البروتوكول، مثلا العنوان http://www.imanway.com/ يعتبر عنوانا مطلقا، وليس له علاقة بالعنوان الحالي.

الآن، لعمل رابط Link في صفحتك:

يُستخدم الوسم a من أجل إدراج الروابط التشعبية في الصفحة، أما الخاصية href فتُستخدم لتحديد الوجهة (عنوان url الخاص بالربط التشعبي)، و الوجهة قد تكون صفحة html وعندها يبدأ العنوان بـ http، وقد يكون عنوان موقع ftp وعندها يبدأ بـ ftp، وقد يكون بريداً إلكترونياً وعندها يبدأ بـ mailto.

وبين وسمي الفتح والإغلاق ضع الوصلة والتي قد تكون نصوصا أو صورا.

مثال:

<a href="http://www.imanway.com/vb"> منتدى طريق الإيمان</a>
<br>

<a href=mailto:mushtaqa@imanway.com> My E-mail</a>
<br>

فينتج:

منتدى طريق الإيمان (http://www.imanway.com/vb)

My E-mail (mushtaqa@imanway.com)

كروابط url..

يوجد أيضاً استخدام آخر للوسم a باستعمال الخاصية name بدلا من href، وفي هذه الحالة تستطيع مثلاً أن تضع وصلة تقودك إلى جزء معين من المستند الحالي، حيث عليك أن تقوم بعمل:
<a name="myname"></a>
في المكان المطلوب الانتقال له، ثم تدرج وصلة في أي مكان آخر كالتالي:
<a href="#myname"> إسمي</a>
ويمكنك أيضا عمل ذلك عبر المستندات (من مستند إلى مستند آخر) بحيث تحدد بالضبط المكان الذي تريده من المستند الوجهة هكذا
<a href="moshtaqa.html#myname">مشتاقة إلى الجنة</a>.

كما ويمكنك أيضا عمل وصلة إلى أعلى المستند بوضع #top في الخاصية href بدل من #myname ، وبالتالي عند الضغط على هذه الوصلة فيتم الانتقال فوراً إلى أعلى الصفحة، مثال:
<a href="#top">Go to the Top </a>

تغيير لون الخلفية ولون الروابط وتحديد الهوامش:

يمكننا استخدام بعض المتغيرات في وسم الجسم <body>، وهذه المتغيرات تستخدم في تحديد تنسيق الصفحة مثل لون خلفية الصفحة bgcolor ، ولون الوصلة الجديدة link ، والقديمة vlink ، والمحددة حاليا alink، و كذلك حاشية الصفحة العلوية (الهامش العلوي) topmargin والسفلية buttommargin واليسرى leftmargin واليمنى rightmargin.

وتجد ذلك موضحاً في الأمثلة التالية:

<body alink="red" link="yellow" vlink="blue"
bgcolor="black" ****="white" topmargin="0">
<a href="http://www.imanway.com/"> ImanWay </a><br>
</body>


إدراج الصور:
يتم إدراج الصور في صفحة HTML عن طريق الوسم IMG، وهو وسم مفرد ( لا يجتاج إلى وسم إغلاق)، وهذا الوسم يحتاج إلى خاصية مهمة لكي يعمل بشكل سليم هي src والتي نضع بها عنوان الصورة المطلوبة.

<img src="http://www.imanway.com/vb/zayed/uae_top_left_1.jpg">

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

<img src="/images/sample.gif"
width=73 height=68><br><br>
<img src="/images/sample.gif"
width=200 height=100>

توجد أيضا الخاصية align وهي خاصية مهمة جدا في الصور، وتنبع أهميتها من كونها الطريقة الوحيدة للتحكم بكيفية عرض الصورة بالنسبة للنصوص المحيطة بها، حيث أن الصور في HTML تعتبر جزءا من النص المحيط بها تتحرك معه، وترتبط به، تأخذ align العديد من القيم فيما يلي سرد لها مع الشرح والأمثلة ..

bottom, baseline, absbottom : وهي تعرض الصورة بحيث تكون على السطر مثل أي كلمة أخرى .

<img src="/images/sample.gif" align="bottom">


left : وهي تعرض الصورة على يسار الفقرة ولا يكون للصورة علاقة بالسطر.

<img src="/images/sample.gif" align="left">


middle, absmiddle : وهي تعرض الصورة في منتصف السطر.

<img src="/images/sample.gif" align="middle">


right : وهي تعرض الصورة على يمين الفقرة ولا يكون للصورة علاقة بالسطر.

<img src="/images/sample.gif" align="right">


top, ****top : وهي تعرض أسفل السطر فيكون السطر أعلاها.

<img src="/images/sample.gif" align="right">


توجد أيضا خاصية لوضع إطار حول الصورة هي الخاصية border ونحدد بها عرض الإطار بالبكسل، والقيمة 0 تعني دون إطار، إذا لم تحدد قيمة للخاصية border في وسم الصورة، فإن الصور ستظهر بدون إطار في الحالة العادية ومع إطار إذا كانت الصورة عبارة عن وصلة، لذلك يعمد الناس إلى وضع border="0" في جميع الصور لإخفاء الإطار حتى لو كانت الصورة عبارة عن وصلة، ويجدر بالذكر أن لون الإطار في الوصلة الجديدة هو نفس لون النصوص في الوصلة الجديدة وكذلك بالنسبة للقديمة.

<a href="http://www.imanway.com/">
<img src="http://www.imanway.com/vb/zayed/uae_top_left_1.jpg"></a><br>
<a href="http://www.imanway.com/vb/">
<img src="http://www.imanway.com/vb/zayed/uae_top_rait_1.jpg " border="0"></a><br>
<img src="http://saaid.net/twage3/080.gif " border="3">

يمكنك أيضا تحديد عرض الحاشية حول الصورة أو المسافة بين الصورة النصوص المحيطة عن طريق الخاصية hspace.

توجد أيضا خاصية alt للصور، وهي تستخدم لوصف الصورة، بحيث أن النص الذي تضعه في الخاصية alt سيعرض بدلا من الصورة حتى إتماما تحميلها، وكذلك إذا لم يجد المتصفح الصورة، وهذه النصوص أيضا تظهر في مربع التلميح ToolTip عند التأشير بالفأرة على الصورة.


~*~ الوظيفـــــــــــــــــــــــــــــــــــــة ~*~

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

أما المطلوب لهذا اليوم فهو كالتالي:

1-قم بتلوين خلفية الصفحة بلون تختاره، على أن يكون متناسقاً مع الألوان التي تختارها للنصوص المكتوبة في الصفحة..

2- قم بإدراج صورة دعوية في صفحتك، واجعلها في منتصف الصفحة تقريباً، وبحيث تكون محاذاتها للوسط، وتحدد لها أبعاد 200X300 مثلاً أو حسب متا تجده مناسباً، وأن يكون لها إطار بلون وسماكة تختارهم!

3-انسخ نصاً من أي موضوع أعجبك في المنتدى، وقم باختيار الخط الافتراضي (الـ basefont ) الذي ستكتب به هو tahoma وبحجم 3 على أن يكون الخط مائلاً وعريضاً bold.... (طبعاً هذا الطلب تابع لما تعلمناه في الدرس الماضي J )

4- قم بإدراج رابطين أحدهما رابط إلى أفضل وأحب موقع لديك (لازم يكون طريق الايمان ;) ) وأما الرابط الآخر فهو ايميلك (وطبعاً يمكنك أن تعطي ايميلاً وهمياً وليس حقيقياً كما فعلت أنا .. :cool: )

5-قم في أسفل الصفحة بوضع رابط اسمه –اذهب للأعلى- بحيث إن ضغطنا عليه ننتقل فوراً للأعلى!!

6- قم في أعلى الصفحة بإدراج رابط يقوم بنقلك إلى مكان تواجد الصورة في صفحتنا وليكن اسم هذا الرابط : (( استعرض الصورة التي اخترتها لك)) ، وبشرط أن يظهر عند الصورة كلمة (هديتي لكم) في حال مررنا الماوس عليها، أو في حال لم يتم تحميل الصورة لسبب ما!!
وربما هذا هو أصعب طلب في الوظيفة، ولكن بالتأكيد لن يصعب على المجتهدين شيئاً... ;)

مع دعواتي لكم بالتوفيق

مشتاقة إلى الجنة
14-09-2004, 06:45 PM
ملاحظة: كالعادة فإني أواجه مشاكل في تنسيق الخط بالمنتدى عند التنقل بين اليمين واليسار وبين العربي والانكليزي
لذا فإننا للأسف نجد الأكواد لم تظهر بشكلها الصحيح، فمثلاً في الرابط التشعبي يكون ترتيب الرموز بالشكل التالي:

نفتح الوسم > ثم نكتب الحرف a ثم فراغ ثم الرمز herf ثم إشارة = ثم نضع الرابط مثل
www. imanway.com ثم نغلق بالوسم < ثم نكتب ما هو عنوان الرابط وفي مثالنا: طريق الإيمان ثم نضع وسم الإغلاق لـ a والذي تعودنا أن يكون بالترتيب التالي: > ثم / ثم a ثم < ...

وعذراً على هذه الطريقة في شرح ترتيب الكود، ولكن إن شاء الله سيكون ذلك مؤقتاً ريثما نجد طريقة أفضل للتنسيقات في المنتدى

جزاكم الله خيرا

سائل
16-10-2004, 12:10 AM
السلام عليكم ورحمة الله وبركاته

الحمد لله عاد الموضوع والعود أحمد بإذن الله

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

اوجه شكري لمن عمل على حل هذه المشكلة

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


سأتابع ما بدأت بإذن الله ان كنت لازلت مهتمة بالاستمرار

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

مشتاقة إلى الجنة
16-10-2004, 12:34 AM
بارك الله فيك أخي سائل وشكراً لك على اهتمامك بمتابعة الموضوع، ولم انتبه لوجود المشكلة التي ذكرتها في الموضوع، ولكن حصل خير والحمد لله أن كل شيء الان على مايرام.. :)

طبعاً سيسعدني أن نستأنف هذه الدورة، على أمل أن تحقق الافادة المرجوة منها بإذن الله.. ولا زال الباب مفتوحاً لمن يريد اتباع بالدورة، فالالتحاق بها مجاني خلال فترة رمضان :d

أتمنى فعلا أن نرى منضمين جدد ومهتمين آخرين بالموضوع، وجزاكم الله خيرا :)

سائل
31-10-2004, 07:40 PM
السلام عليكم ورحمة الله وبركاته

هذا تطبيقي
http://www.angelfire.com/sk3/khalid562526/test.html

ولي عودة ان شاء الله مع التعليق

مشتاقة إلى الجنة
31-10-2004, 11:27 PM
ما شاء الله يا أخي.. انجاز جميل جداً منك، وخاصة بعد كل انقطاعنا عن هذه الدورة.. فعلاً لم يخطر ببالي أن هناك نتاج سنراه على هذه الصفحة بعد كل هذه الغيبة....
ومع أن عندي عدد من الاستفسارات، ولكن سأنتظر إلى حين تضيف تعليقاتك ربما أجد فيها إجابات عما تساءلت عنه..

وفقك الله أخي الكريم وسدد على الخير خطاك..

والسلام عليكم

سائل
01-11-2004, 06:38 AM
السلام عليكم ورحمة الله وبركاته


في البداية احب ان اعتذر عن التأخر في تقديم الوظيفة

فالوقت لم يسعفني كثيرا , ولكن الحمد لله على كل حال


عندي بعض التساؤلات ظهرت وانا أؤدي الواجب


طلبت وضع البانر الدعوي في اخر الصفحة ووضع رابط ينقل اليه في اعلى الصفحة
وحتى يظهر تأثير الانتقال اضطررت لنقله الى اسفل باستخدام زر Enter مع الوسم <pre> فهل هذه هي الطريقة الصحيحة ؟

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


كنت سأسألك عن كيفية جعل الخط مائل ولكنني وجدته في المراجعه :)


استفسار اخير, وهو في حالة وضع الترقيم
مثلا اريد شرح خطوات امر معين باللغة العربية طبعا
1- افتح كذا
2- انتقل لكذا
3- وهكذا...

هل من طريقة لجعل الترقيم يظهر في اليمين والكتابة على اليسار كما هو الحال في هذا المثال؟


في النهاية اشكرك على التشجيع
وانتظر الدرس القادم
اظنك اخذت اجازة بما فيه الكفاية فلا يتأخر :))

مشتاقة إلى الجنة
02-11-2004, 01:01 PM
جزاك الله خيراً أخي سائل على مشاركتك وتفاعلك المتميز مع الموضوع وعلى هذا الاهتمام، واعذرني إن قصرت أنا في المتابعة، ومعك حق فقد أخذت إجازة طويلة، ولكن أستأذن من الجميع بتمديدها إلى ما بعد العيد، حيث أن أوقاتي في هذه الأيام ضيقة جداً.... وةبإذن الله مع العودة نحاول أن نبحث على إجابات لكامل استفساراتك ويكون هناك درس أخير كما أتوقع ويكون توجهه لاضافة بعض الميزات الجمالية للصفحات..

ندعو الله بالتوفيق والقبول..

والمعذرة مرة أخرى :rolleyes: