معهد آفاق التيسير للتعليم عن بعد - الأسئلة المتعلقة بدورة أسس (html)

صفحة 1 من 3

عرض 40 مشاركات من هذا الموضوع لكل صفحة

معهد آفاق التيسير للتعليم عن بعد (http://afaqattaiseer.net/vb/index.php)

- دورة أسس (html) (http://afaqattaiseer.net/vb/forumdisplay.php?f=652)

- - الأسئلة المتعلقة بدورة أسس (html) (http://afaqattaiseer.net/vb/showthread.php?t=19334)

سامية السلفية

11 ذو القعدة 1433هـ/26-09-2012م 06:01 AM

الأسئلة المتعلقة بدورة أسس (html)

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

الحمدلله والصلاة والسلام على رسول الله

وفقكم الله

هذا الموضوع لطرح الأسئلة المتعلقة بالدورة

لطيفة المنصوري

14 ذو القعدة 1433هـ/29-09-2012م 11:34 AM

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

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

اقتباس:

3 - احفظ الملف في مجلد (التطبيقات-دورة تعلم أسس- html) ، سيظهر لك *. txt لأنه الامتداد الإفتراضي.
لكن ستحفظ الملف باسم:
" html.index" أو htm، وهو امتداد الويب.

الامتداد السابق جاء بترتيب غير صحيح.

بعض الوسوم أيضا (tags): جاءت فيها بعض الأخطاء وبعد تجريبها لم تعمل، ولم أدرك السبب إلا بعد البحث في الشبكة عن هذه الوسوم،
مثل:

اقتباس:

-.& nbsp;.= لإضافة فراغ/مسافة: والأحرف هي اختصار لـ Non Breakable Space
ولإضافة فراغين نكتب:.& nbsp;  .

اقتباس:

النص الذي نريد تنسيقه

السؤال: ما أهمية الوسم head؟ لأني لا ألحظ أي فرق بعد حذفه.
وجزاك الله خيرا.

سامية السلفية

14 ذو القعدة 1433هـ/29-09-2012م 02:58 PM

اقتباس:

الامتداد السابق جاء بترتيب غير صحيح.

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

وفيك بارك الله.

جزاك الله خيرا على هذه الملاحظة.

اعتذر عن ذلك . إن شاء الله ، سيتم تعديل الوسوم في الدرس الأول والدروس القادمة.

اقتباس:

بعض الوسوم أيضا (tags): جاءت فيها بعض الأخطاء وبعد تجريبها لم تعمل، ولم أدرك السبب إلا بعد البحث في الشبكة عن هذه الوسوم،
مثل:

اقتباس:

-.& nbsp;.= لإضافة فراغ/مسافة: والأحرف هي اختصار لـ Non Breakable Space
ولإضافة فراغين نكتب:.& nbsp;  .

اقتباس:

النص الذي نريد تنسيقه

السؤال: ما أهمية الوسم head؟ لأني لا ألحظ أي فرق بعد حذفه.
وجزاك الله خيرا.

وخيرا جزاك ...

بارك الله فيك ... الوسم head
حاليا نستخدمه لكتابة عنوان الصفحة. وحتى لو كتبت العنوان في ال body .... لا فرق

لكن هذا الوسم مهم جدا في كتابة المعلومات الخاصة بالصفحة وفي تقنية css والبرمجة بــ javascript .

في الدروس القادمة إن شاء الله ، سنتعرف على استخدامات أخرى لهذا الوسم

وأيضا الصفحة التي نعمل عليها حتى الآن بسيطة ... جربت إزالة جميع الوسوم الأساسية

كود بلغة HTML:

....<body> <html>

وإضافة بعض الجمل ووسوم التنسيق

وحفظ الصفحة بصيغة html

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

لكنها وسوم أساسية لصفحات الويب ولكل واحد منها استخدامات خاصة .

وفقك الله يا أختي وجزاك الله خيرا

سلمى نصار

15 ذو القعدة 1433هـ/30-09-2012م 01:28 AM

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

سامية السلفية

15 ذو القعدة 1433هـ/30-09-2012م 05:30 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 98670)

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

بارك الله فيك

الملف الذي تحاولين رفعه امتداده html

1- جربي رفعه بامتداد ملف نصي txt

2- أو ضغط الملف إلى rar أو zip

3- ويمكن رفع الملف بواسطة مركز رفع الملفات : http://www.afaqattaiseer.com/vb/uploader.php

وفقك الله ويسر لك

سلمى نصار

15 ذو القعدة 1433هـ/30-09-2012م 07:15 PM

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

تركي	15 ذو القعدة 1433هـ/30-09-2012م 07:25 PM

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

للأسف الدروس طوويلة ..

سامية السلفية

16 ذو القعدة 1433هـ/1-10-2012م 10:21 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة تركي (المشاركة 98739)

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

للأسف الدروس طوويلة ..

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

تعلم لغات البرمجة وسيلة بالنسبة لطلاب العلوم الشرعية وليس الغاية .

وليس المطلوب حفظ هذه الدروس ، لكن تطبيقها

صحيح أن البرمجة بكل أنواعها ، لا تكون واضحة ومفهومة إلا بالتطبيقات أي الجانب العملي

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

نعم في الدرس هناك معلومات إضافية يمكن الإستغناء عنها (مثل: حساب الرمز الخاص باللون)لكن ربما هي معلومة مفيدة لمعرفة من أين جاءت هذه الرموز.

والله الموفق

لطيفة المنصوري

26 ذو القعدة 1433هـ/11-10-2012م 11:14 AM

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

بارك الله فيك أختي سامية، ونفع الله بك لدي بعض الاستفسارات:

- لا تظهر المحاذاة - <"br align= "right> - باستخدام br، فقط مع p.

- كتبت في التطبيق الرابع التالي:
<body rightmargin="30" leftmargin="30>

<.......)body style="background-image:url>

فنبهتني إلى أنه لا ينبغي تكرار الوسم <body>، فهل الطريقة الصحيحة هي دمجهما هكذا:
body rightmargin="30" leftmargin="30>

<.......)style="background-image:ur

- بالنسبة لدرس تنسيق الخطوط باستخدام css، أرجو توضيح طريقة كتابة الخاصية مع الوسم بمثال.

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

سامية السلفية

27 ذو القعدة 1433هـ/12-10-2012م 11:29 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة سلفية (المشاركة 99829)

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

بارك الله فيك أختي سامية، ونفع الله بك لدي بعض الاستفسارات:

وعليكم السلام ورحمة الله وبركاته
وفيك بارك الله . أعتذر عن التأخر في الرد
- لا تظهر المحاذاة - <"br align= "right> - باستخدام br، فقط مع p.

نعم. كان هذا خطأ .
جزاك الله خيرا.

- كتبت في التطبيق الرابع التالي:
<body rightmargin="30" leftmargin="30>

<.......)body style="background-image:url>

فنبهتني إلى أنه لا ينبغي تكرار الوسم <body>، فهل الطريقة الصحيحة هي دمجهما هكذا:
body rightmargin="30" leftmargin="30>

<.......)style="background-image:ur

بارك الله فيك . بما أنها جميع في وسوم html (تذكرين ، هناك طريقتين لكتابة أنماط css)، فنجمعها في وسم واحد <body>، لأن المتصفح سينفذ وسم واحد ويتجاهل الآخر .والله أعلم

- بالنسبة لدرس تنسيق الخطوط باستخدام css، أرجو توضيح طريقة كتابة الخاصية مع الوسم بمثال.
تم إضافة أمثلة

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

وفقك الله وجزاك الله خيرا أختي سلفية

سلمى نصار

27 ذو القعدة 1433هـ/12-10-2012م 05:03 PM

هل يتوجب علينا كتابة الوسم <head> </head> في بداية كل برنامج ؟

سامية السلفية

28 ذو القعدة 1433هـ/13-10-2012م 05:41 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 99947)

هل يتوجب علينا كتابة الوسم <head> </head> في بداية كل برنامج ؟

بارك الله فيك .

الدورة لأسس html ، لذلك نحاول أن نلتزم بكتابة الوسوم الأساسية

وفقك الله لما يحب ويرضى

سلمى نصار

30 ذو القعدة 1433هـ/15-10-2012م 11:50 PM

كيف نستطيع استخدام خاصية ال alignment ؟ لأنها عمرها ما زبطت معاي

سلمى نصار

1 ذو الحجة 1433هـ/16-10-2012م 12:16 AM

سؤال آخر أيضا - أتمنى أن لا أحد يضحك علي - :
ما هي الطريقة التي يرفع بها الطلاب الآخرون الواجبات حيث أنني أرفق الملف إرفاقا ؟

سامية السلفية

1 ذو الحجة 1433هـ/16-10-2012م 11:50 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 100301)

كيف نستطيع استخدام خاصية ال alignment ؟ لأنها عمرها ما زبطت معاي

حياك الله يا أختي

هذا مثال:

كود بلغة HTML:

<p align= "right">قِيلَ لبعض الحكماءِ: إِنَّ فلانَا جَمَعَ مَالاً. فَقَالَ: فهل جمعَ أيامًا ينفقُه فيها؟ قال: ما جمعَ شيئًا.</p>

سامية السلفية

1 ذو الحجة 1433هـ/16-10-2012م 12:14 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 100304)

بارك الله فيك وزادك الله علما نافعا

هذه إحدى الطرق المتاحة لرفع الملفات في المنتدى

فاحمدي الله أنك تعرفين كيفية استخدامها .. نفعك الله بها

وهناك طريقتين أيضا:

1- في السطر الأخير من صندوق تنسيق المشاركة تجدين هذا الشكل http://www.afaqattaiseer.com/vb/mwae...ttons/html.gif
عندما تضغطين عليه يظهر لك :

[HTML.]هنا[/HTML]

"الرموز تظهر معكوسة ، المهم الكتابة تكون بين الرمزين "

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

كود بلغة HTML:

هنا

2- في أعلى الصفحة في قائمة: لوحة التحكم | التسجيل | مجالس هيئة التدريس | مركز رفع الملفات | .....

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

وفقك الله

سلمى نصار

1 ذو الحجة 1433هـ/16-10-2012م 05:45 PM

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

سلمى نصار

1 ذو الحجة 1433هـ/16-10-2012م 07:21 PM

السلام عليكم
لدي سؤالين على القوائم :
1- هل يمكننا استخدام خاصية type مع الوسم <dt>
2- كيف يمكننا كتابة كود لقائمة متسلسلة متفرعة مثل :
1-
1.
2.
3.
2-
1.
2.
وسامحيني لكثرة اسئلتي :)

سامية السلفية

2 ذو الحجة 1433هـ/17-10-2012م 07:50 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس (المشاركة 100390)

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

حياك الله يا أختي جنان الفردوس

بارك الله فيك. أسألي فيما أشكل عليك وإن شاء الله أجيبك عليه

1- لا نستخدم خاصية type مع هذا النوع لكن هناك اقتراح ، الفضل لله أولا ، ثم إن أنماط css تتيح أشكال عديدة من التنسيق
هذا الاقتراح:

كود بلغة HTML:

<dl>

 <dt>html<dd><ul type=circle style="margin:0"><li>hyper text markup language</ul>

 <dt>www<dd><ul type=circle style="margin:0"><li>world wide web</ul>

 <dt>ftp<dd><ul type=circle style="margin:0"><li>file transport protocol</ul>

 <dt>gif<dd><ul type=circle style="margin:0"><li>graphical interchange format</ul>

 <dt>jpg, jpeg <dd><ul type=circle style="margin:0"><li>joint photographic experts group </ul>

 </dl>

إضافة قائمة غير متسلسلة ثم إزالة المسافة (قبل الرمز) وإلا تظهر القائمة مائلة
والله أعلم

2- في هذين المثالين:

كود بلغة HTML:

<ol>

<li> *

<ol>

<li> *

<li> **

</ol>



<li> **

<ol>

<li> *

<li> **

</ol>

</ol>

كود بلغة HTML:

<ol>

<li> *

<ul>

<li> *

<li> **

</ul>



<li> **

<ul>

<li> *

<li> **

</ul>

</ol>

إن شاء الله أكون قد وفقت في الإجابة.

صفيه ناجح

2 ذو الحجة 1433هـ/17-10-2012م 12:52 PM

مشكلة في اللغة العربية

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

سامية السلفية

2 ذو الحجة 1433هـ/17-10-2012م 06:28 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة sooofy (المشاركة 100472)

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

بارك الله فيك وزادك علما نافعا

بعد الوسم : <head>

اضيفي هذا السطر :

كود بلغة HTML:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

أو

كود بلغة HTML:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

وفقك الله

صفيه ناجح

3 ذو الحجة 1433هـ/18-10-2012م 01:13 AM

جزاك الله خيرا كثيرا أختي ساميه ، وفقك الله وأسعدك ^_^

MEMORY

5 ذو الحجة 1433هـ/20-10-2012م 03:53 AM

^_^

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

استاذتي الغاليه .......
انا عندي مشكله بالدرس الثاني اللي هو يشرح الوان الخلفيه ابي افهم كيف اضع صوره بالخلفيه اتاسف بس مافهمت زين

سامية السلفية

5 ذو الحجة 1433هـ/20-10-2012م 07:56 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة MEMORY (المشاركة 100720)

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

بارك الله فيك وزادك علما نافعا

لون الخلفية وصورة للخلفية ، من خصائص الوسم <body>

1- لون الخلفية

كود بلغة HTML:



<body bgcolor=#FF0000>

محتويات الصفحة التي تظهر للزائر  

</body>

2- الخلفية : (من المهم تحديد مسار تواجد الصورة)

- صورة من النت

كود بلغة HTML:

<body background="http://www.aaa-backgrounds.com/azx248/marble4/6.gif">...</body>

- صورة على جهازك . في مجلد أو مكان مختلف عن مكان تخزين ملف صفحة الويب:
مثلا ملف الصفحة على سطح المكتب Desktop، والصورة في مجلد الصور :

كود بلغة HTML:

<body background="file:///C:/Users/me/Pictures/06.jpg">....</body>

- صورة على جهازك . في نفس مجلد أو مكان تخزين ملف صفحة الويب:

كود بلغة HTML:

<body background="06.jpg">....</body>

ملاحظة أن الخلفية في المثالين الثاني والثالث ، لن تظهر على جهاز آخر أو على النت ..

وفقك الله لما يحب ويرضى

سلمى نصار

19 ذو الحجة 1433هـ/3-11-2012م 10:54 PM

السلام عليكم ورحمة الله وبركاته
أعتذر عن الانقطاع بسبب ظروف طارئة
الآن في درس تنسيق القوائم باستخدام css الطريقة الثانية تكتب الصيغة ضمن الوسم HTML ، هل هذا يعني أن هذا التنسيق سيتم تطبيقه على كل القوائم في الصفحة ؟

الساعة الآن 05:30 AM

صفحة 1 من 3

عرض 40 مشاركات من هذا الموضوع لكل صفحة