اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر
  بتاريخ On 25‏/5‏/2020 at 18:10 قال ملك..:

في دورة عن الhtml يطبق المدرب الاكاود وعند تطبيقي بالضبط مثل تطبيقه ولكن في قائمة الasideرفضت أن تكون ع جنب بل اتت مثل هكذا 

مالحل 

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 25‏/5‏/2020 at 18:46 قال Mohammed Saber:

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

أظهر المزيد  

الدورة دروسها مسجله سابقا جدا 

هذا هو👇

IMG_20200525_220022.jpg

  • 0
نشر
  بتاريخ On 25‏/5‏/2020 at 19:04 قال Mohammed Saber:

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

أظهر المزيد  

جزءالasideلم تصبح على جنب كالصورة هذه رفضت 

صورة للصفحه التي طبقت نفس الاكواد ولكن لم تصبح مثلها.👇

Screenshot_20200525-220931.jpg

  • 0
نشر (معدل)

مرحبا 
أولا: حتى نستطيع مساعدتك بشكل جيد عليك رفع الكود كامل إما عن طريق ملف مضغوط أو كتابته في محرر الأكواد هنا حتى نطلع عليه بشكل كامل
ثانيا: من خلال مشاهدتي للكود الخاص بك من خلال الصور لاحظت انك كاتب الوسم link داخل الوسم aside والمفروض الوسم link المكان المخصص له داخل وسم head 
بهذا الشكل :

<head>
  // ....
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>

ثالثا: من خلال مشاهدتي للأكواد في الصورة لاحظت وجود كلاس css خاص ب aside ولم تستعمله في أكواد ال html 
أتحدث عن هذا الجزء من css 
 

.aside{
 /*
 	....... 
 */
}

المفروض إستعمال هذا الكلاس داخل وسم aside بهذا الشكل حتى يتم تطبيق التنسيق الخاص به 
 

// .....
// .....

<aside class="aside">

  // content here

</aside>

بهذا الشكل يتم تطبيق الكلاس على وسم ال aside و يكون على جنب 
أو يمكنك إبقاء أكواد ال html كما هي و تغيير ال css بهذا الشكل :
 

/* لاحظ أننا استعملنا الوسم وليس الكلاس */
aside {
 	/* stylesheet properties here */
  	/* 
  		..........
  		..........
  
  	*/
}

ملاحظة: حتى نستطيع مساعدتك بشكل جيد يجب أن نكون على اطلاع كامل بالكود فمن الصور لا نلاحظ الأخطاء 
بالتوفيق

تم التعديل في بواسطة عبود سمير
  • 0
نشر
  بتاريخ On 25‏/5‏/2020 at 22:36 قال عبود سمير:

مرحبا 
أولا: حتى نستطيع مساعدتك بشكل جيد عليك رفع الكود كامل إما عن طريق ملف مضغوط أو كتابته في محرر الأكواد هنا حتى نطلع عليه بشكل كامل
ثانيا: من خلال مشاهدتي للكود الخاص بك من خلال الصور لاحظت انك كاتب الوسم link داخل الوسم aside والمفروض الوسم link المكان المخصص له داخل وسم head 
بهذا الشكل :

<head>
  // ....
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>

ثالثا: من خلال مشاهدتي للأكواد في الصورة لاحظت وجود كلاس css خاص ب aside ولم تستعمله في أكواد ال html 
أتحدث عن هذا الجزء من css 
 

.aside{
 /*
 	....... 
 */
}

المفروض إستعمال هذا الكلاس داخل وسم aside بهذا الشكل حتى يتم تطبيق التنسيق الخاص به 
 

// .....
// .....

<aside class="aside">

  // content here

</aside>

بهذا الشكل يتم تطبيق الكلاس على وسم ال aside و يكون على جنب 
أو يمكنك إبقاء أكواد ال html كما هي و تغيير ال css بهذا الشكل :
 

/* لاحظ أننا استعملنا الوسم وليس الكلاس */
aside {
 	/* stylesheet properties here */
  	/* 
  		..........
  		..........
  
  	*/
}

ملاحظة: حتى نستطيع مساعدتك بشكل جيد يجب أن نكون على اطلاع كامل بالكود فمن الصور لا نلاحظ الأخطاء 
بالتوفيق

أظهر المزيد  

 

space.html

style.css

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 00:06 قال ملك..:
أظهر المزيد  

لديك عدة أخطاء: 

  1. ملفات وأكواد الجافا سكربت تكون في نهاية ال body tag وليست ممتزجة بال HTML كما في الصورة.
  2. أي مكتبة الخطوط يجب أن تستدعيها بين وسم ال head ولا تكون داخل ال HTML كما في الصورة.
  3. لديك </div> زائد بداخل ال aside يجب أن تكون قبله وليس بداخله لأنها تغلق ال container.
  4. وبهذا سيعمل معك الملف بشكل صحيح كما في الصورة. 
  5. مرفق الملف بالتعديلات الجديدة.

Screenshot from 2020-05-26 02-24-57.png

Screenshot from 2020-05-26 02-24-43.png

Screenshot from 2020-05-26 02-43-34.png

Screenshot from 2020-05-26 02-50-27.png

space.html

  • 0
نشر

مرحبا @ملك..
من مشاهدتي للكود وجدت أن تنسيق css يعتمد على الشكل التالي 

  1. ال container في اليمين 
  2. ال aside في اليسار 

و انت في كود ال html قمت بوضع ال aside داخل ال container لذلك ال aside يأتي تحت المحتوى الموجود في ال container 
رفعت الأكواد الجديدة على codepen بإمكانك القاء نظرة على النتيجة و الكود الجديد من خلال هذا الرابط
قمت بتغيير السورس الخاص بالصورة بإمكانك نسخ الأكواد عندك و ستجد النتيجة في الجزء السفلي و الأكواد في الجزء العلوي 
بالتوفيق

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 00:51 قال Mohammed Saber:

لديك عدة أخطاء: 

  1. ملفات وأكواد الجافا سكربت تكون في نهاية ال body tag وليست ممتزجة بال HTML كما في الصورة.
  2. أي مكتبة الخطوط يجب أن تستدعيها بين وسم ال head ولا تكون داخل ال HTML كما في الصورة.
  3. لديك </div> زائد بداخل ال aside يجب أن تكون قبله وليس بداخله لأنها تغلق ال container.
  4. وبهذا سيعمل معك الملف بشكل صحيح كما في الصورة. 
  5. مرفق الملف بالتعديلات الجديدة.

Screenshot from 2020-05-26 02-24-57.png

Screenshot from 2020-05-26 02-24-43.png

Screenshot from 2020-05-26 02-43-34.png

Screenshot from 2020-05-26 02-50-27.png

space.htmlFetching info...

أظهر المزيد  

تم شكرا..

اريد السؤال كيف أشاىك موقعي مع احد لكي يراه ويتصفحه 

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

؟؟

  بتاريخ On 26‏/5‏/2020 at 00:53 قال عبود سمير:

مرحبا @ملك..
من مشاهدتي للكود وجدت أن تنسيق css يعتمد على الشكل التالي 

  1. ال container في اليمين 
  2. ال aside في اليسار 

و انت في كود ال html قمت بوضع ال aside داخل ال container لذلك ال aside يأتي تحت المحتوى الموجود في ال container 
رفعت الأكواد الجديدة على codepen بإمكانك القاء نظرة على النتيجة و الكود الجديد من خلال هذا الرابط
قمت بتغيير السورس الخاص بالصورة بإمكانك نسخ الأكواد عندك و ستجد النتيجة في الجزء السفلي و الأكواد في الجزء العلوي 
بالتوفيق

أظهر المزيد  

تم وشكرا 

اريد السؤال كيف أشارك موقعي مع احد لكي يراه ويتصفحه 

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

؟؟

 

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 15:12 قال ملك..:

تم شكرا..

اريد السؤال كيف أشاىك موقعي مع احد لكي يراه ويتصفحه 

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

؟؟

أظهر المزيد  

مرحباً ملك: 
يمكنك أن ترفعه على إستضافة مجانية أو مدفوعة مثل 000webhost - hostinger - eb2a - godaddy وغيرها ولكن يجب مراعاة ما تدعمه الإستضافة فمثلاً هناك بعض الإستضافات لا تدعم ال animations أو PHP وغيرها لذلك يجب مراعاة هذه الأشياء عند إختيار الإستضافة ولمزيد من التفاصيل يرجى طرح سؤالك في قسم الأسئلة والأجوبة ليستطيع الجميع المشاركة ولأن السؤال خارج نطاق الدورة .
شكراً لك.

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 15:12 قال ملك..:

تم شكرا..

اريد السؤال كيف أشاىك موقعي مع احد لكي يراه ويتصفحه 

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

؟؟

تم وشكرا 

اريد السؤال كيف أشارك موقعي مع احد لكي يراه ويتصفحه 

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

؟؟

 

أظهر المزيد  

مرحبا 

حتى تشارك موقعك مع الآخرين تحتاج الى رفع ملفات الموقع على إستضافة و ربطه بدومين و من ثم يستطيع الآخرين تصفح موقعك من خلال الدومين ( مثلا yourwebsite.com ) 

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

لكن بما أن الموقع الخاص بك عبارة عن static website فيستطيع أي شخص أن يرى الأكواد من خلال المتصفح 

أدعوك لقراءة هذا المقال عن الإستضافات المجانية من خلال هذا الرابط

 

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 15:49 قال عبود سمير:

مرحبا 

حتى تشارك موقعك مع الآخرين تحتاج الى رفع ملفات الموقع على إستضافة و ربطه بدومين و من ثم يستطيع الآخرين تصفح موقعك من خلال الدومين ( مثلا yourwebsite.com ) 

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

لكن بما أن الموقع الخاص بك عبارة عن static website فيستطيع أي شخص أن يرى الأكواد من خلال المتصفح 

أدعوك لقراءة هذا المقال عن الإستضافات المجانية من خلال هذا الرابط

 

أظهر المزيد  

000webhost

سجلت بالموقع ولكن لم اعرف كيف اسووي استضافه لموقعي لكي يتم مشاهدته وتصفحه؟

هل يمكن مساعدتي؟

  • 0
نشر
  بتاريخ On 26‏/5‏/2020 at 17:31 قال ملك..:

000webhost

سجلت بالموقع ولكن لم اعرف كيف اسووي استضافه لموقعي لكي يتم مشاهدته وتصفحه؟

هل يمكن مساعدتي؟

أظهر المزيد  

مرحبا@ملك..
أنصحك بإتباع خطوات الشرح بهذا الفيديو و ستستطيع رفع الموقع على إستضافة 000webhost الشرح باللغة العربية 
رابط الفيديو: من هنا
بالتوفيق

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...