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

مشكلهةفيaside في لغة الhtml

ملك S M Al

السؤال

Recommended Posts

  • 0
بتاريخ 33 دقائق مضت قال ملك..:

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

مالحل 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 14 دقائق مضت قال Mohammed Saber:

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

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

هذا هو👇

IMG_20200525_220022.jpg

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 دقائق مضت قال ملك..:

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

هذا هو👇

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 6 دقائق مضت قال Mohammed Saber:

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

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

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

Screenshot_20200525-220931.jpg

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 دقيقة مضت قال ملك..:

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

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

مرحباً ملك: الرجاء إرفاق الملف  مضغوط بصيغة zip لو سمحت

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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
بتاريخ منذ ساعة مضت قال عبود سمير:

مرحبا 
أولا: حتى نستطيع مساعدتك بشكل جيد عليك رفع الكود كامل إما عن طريق ملف مضغوط أو كتابته في محرر الأكواد هنا حتى نطلع عليه بشكل كامل
ثانيا: من خلال مشاهدتي للكود الخاص بك من خلال الصور لاحظت انك كاتب الوسم 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
بتاريخ 31 دقائق مضت قال ملك..:

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

  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
بتاريخ 14 ساعات قال 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.html

تم شكرا..

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

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

؟؟

بتاريخ 14 ساعات قال عبود سمير:

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

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

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

تم وشكرا 

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

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

؟؟

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 9 دقائق مضت قال ملك..:

تم شكرا..

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

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

؟؟

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 10 دقائق مضت قال ملك..:

تم شكرا..

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

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

؟؟

تم وشكرا 

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

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

؟؟

 

مرحبا 

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

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

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

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 ساعة قال عبود سمير:

مرحبا 

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

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

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

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

 

000webhost

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ منذ ساعة مضت قال ملك..:

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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...