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

سامية السلفية · #1 11 ذو القعدة 1433هـ/26-09-2012م, 06:01 AM

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

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

وفقكم الله

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

لطيفة المنصوري · #2 14 ذو القعدة 1433هـ/29-09-2012م, 11:34 AM

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

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

اقتباس:

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

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

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

اقتباس:

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

اقتباس:

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

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

سامية السلفية · #3 14 ذو القعدة 1433هـ/29-09-2012م, 02:58 PM

اقتباس:

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

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

اقتباس:

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

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

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

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

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

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

اقتباس:

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

اقتباس:

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

اقتباس:

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

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

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

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

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

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

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

كود بلغة HTML:

 ....<body>   <html>

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

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

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

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

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

سلمى نصار · #4 15 ذو القعدة 1433هـ/30-09-2012م, 01:28 AM

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

سامية السلفية · #5 15 ذو القعدة 1433هـ/30-09-2012م, 05:30 AM

اقتباس:

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

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

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

بارك الله فيك

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

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

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

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

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

سلمى نصار · #6 15 ذو القعدة 1433هـ/30-09-2012م, 07:15 PM

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

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

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

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

سامية السلفية · #8 16 ذو القعدة 1433هـ/1-10-2012م, 10:21 AM

اقتباس:

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

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

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

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

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

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

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

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

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

والله الموفق

لطيفة المنصوري · #9 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، أرجو توضيح طريقة كتابة الخاصية مع الوسم بمثال.

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

سامية السلفية · #10 27 ذو القعدة 1433هـ/12-10-2012م, 11:29 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

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

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

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

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

سلمى نصار · #11 27 ذو القعدة 1433هـ/12-10-2012م, 05:03 PM

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

سامية السلفية · #12 28 ذو القعدة 1433هـ/13-10-2012م, 05:41 AM

اقتباس:

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

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

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

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

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

سلمى نصار · #13 30 ذو القعدة 1433هـ/15-10-2012م, 11:50 PM

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

سلمى نصار · #14 1 ذو الحجة 1433هـ/16-10-2012م, 12:16 AM

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

سامية السلفية · #15 1 ذو الحجة 1433هـ/16-10-2012م, 11:50 AM

اقتباس:

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

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

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

هذا مثال:

كود بلغة HTML:

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

سامية السلفية · #16 1 ذو الحجة 1433هـ/16-10-2012م, 12:14 PM

اقتباس:

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

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

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

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

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

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

1- في السطر الأخير من صندوق تنسيق المشاركة تجدين هذا الشكل نقرتين لعرض الصورة في صفحة مستقلة

عندما تضغطين عليه يظهر لك :

[HTML.]هنا[/HTML]

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

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

كود بلغة HTML:

هنا

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

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

وفقك الله

سلمى نصار · #17 1 ذو الحجة 1433هـ/16-10-2012م, 05:45 PM

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

سلمى نصار · #18 1 ذو الحجة 1433هـ/16-10-2012م, 07:21 PM

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

سامية السلفية · #19 2 ذو الحجة 1433هـ/17-10-2012م, 07:50 AM

اقتباس:

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

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

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

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

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

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>

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

صفيه ناجح · #20 2 ذو الحجة 1433هـ/17-10-2012م, 12:52 PM

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

سامية السلفية · #21 2 ذو الحجة 1433هـ/17-10-2012م, 06:28 PM

اقتباس:

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

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

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

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

بعد الوسم : <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">

وفقك الله

صفيه ناجح · #22 3 ذو الحجة 1433هـ/18-10-2012م, 01:13 AM

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

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

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

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

سامية السلفية · #24 5 ذو الحجة 1433هـ/20-10-2012م, 07:56 AM

اقتباس:

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

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

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

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

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

لون الخلفية وصورة للخلفية ، من خصائص الوسم <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>

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

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

سلمى نصار · #25 19 ذو الحجة 1433هـ/3-11-2012م, 10:54 PM

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

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