جعل الموقع متجاوب

بتاريخ 6 ساعة قال Ibrahim Almahdy:

https://ibrahim-almahdy.github.io/PersonalWebsite/index.html

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

وانا حاليا بدرس bootstrap بس بردو مش متمكن من حته التجاوب

ممكن المساعده عشان اعرف اخليه متجاوب كيف افعل ذلك 

عايزه لما افتح الموقع على تبلت او موبايل يكون الموقع في المنتصف والكلام مرتب وقائمة Home and Gallery ميكنوش لازقين ف border

والخط يكون مكتوب كويس مش نازل طوليًا هاكذا

personalWebsite.zip 8.41 MB · 0 تنزيلات

...

أولا لو أردت أن تستخدم bootstrap فسيتوجب عليك حذف أغلب التنسيقات وتعتمد على bootstrap أفضل.

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

فأولا يجب عليك إستدعاء bootstrap ولكن يجب إستدعاءه قبل تنسيقات style.css وذلك حتى تكون تنسيقاتك الأساسية لها الأولوية .

ولقد قمت بإرفاق الملف لك بعد تعديله بإستخدام bootstrap وجعله متجاوب .

وبما أنك تستخدم git فستظهر لك التعديلات التي قمت بإجرائها لك . إذا أردت أى شئ أخر أو يوجد مشكلة في التجاوبية يرجى إخباري.

personalWebsite.zip

بتاريخ 13 دقائق مضت قال محمد_عاطف:

أولا لو أردت أن تستخدم bootstrap فسيتوجب عليك حذف أغلب التنسيقات وتعتمد على bootstrap أفضل.

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

فأولا يجب عليك إستدعاء bootstrap ولكن يجب إستدعاءه قبل تنسيقات style.css وذلك حتى تكون تنسيقاتك الأساسية لها الأولوية .

ولقد قمت بإرفاق الملف لك بعد تعديله بإستخدام bootstrap وجعله متجاوب .

وبما أنك تستخدم git فستظهر لك التعديلات التي قمت بإجرائها لك . إذا أردت أى شئ أخر أو يوجد مشكلة في التجاوبية يرجى إخباري.

personalWebsite.zip 8.4 MB · 0 تنزيلات

شكرًا لك على مساعدتي بشمهندس محمد ولاكن حجم header في الصفحه الرئيسية صغير عن حجمه في gallery غير ان في gallery خانه Home and gallery لازقين في border

ممكن ان تعدلهم

وايضا بعد تعديلهم هل امسح الملف الذي رفعته على gitHub وارفعه من اول وجديد ولا امسح الملف من على الجهاز واسيب الملف المتعدل واعمل تحديث على gitHub

بتاريخ 3 دقائق مضت قال Ibrahim Almahdy:

شكرًا لك على مساعدتي بشمهندس محمد ولاكن حجم header في الصفحه الرئيسية صغير عن حجمه في gallery غير ان في gallery خانه Home and gallery لازقين في border

ممكن ان تعدلهم

وايضا بعد تعديلهم هل امسح الملف الذي رفعته على gitHub وارفعه من اول وجديد ولا امسح الملف من على الجهاز واسيب الملف المتعدل واعمل تحديث على gitHub

لقد قمت بإرفاق الملف لك بعد التعديل المطلوب .

بعد تعديلهم لا يجب مسح الملفات ورفعها من جديد بل يجب رفع التعديلات التي تمت .

بعد تعديل الملف يمكنك تنفيذ الأمر التالي لرفع التعديلات على git :

git add .
git commit -m "add bootstrap styles"
git push

ولكن إنتبه أن الأمر السابق سيتم رفع أى ملف تم تعديله . لهذا تأكد فقط من تعديل الثلاث ملفات index.html و gallery.html و CSS\style.css .

gallery.html

بتاريخ 7 دقائق مضت قال محمد_عاطف:

لقد قمت بإرفاق الملف لك بعد التعديل المطلوب .

بعد تعديلهم لا يجب مسح الملفات ورفعها من جديد بل يجب رفع التعديلات التي تمت .

بعد تعديل الملف يمكنك تنفيذ الأمر التالي لرفع التعديلات على git :

git add .
git commit -m "add bootstrap styles"
git push

ولكن إنتبه أن الأمر السابق سيتم رفع أى ملف تم تعديله . لهذا تأكد فقط من تعديل الثلاث ملفات index.html و gallery.html و CSS\style.css .

gallery.html 4.18 kB · 0 تنزيلات

أريد ان اكبر حجم العنوان هكذا 

بتاريخ 11 دقائق مضت قال Ibrahim Almahdy:

أريد ان اكبر حجم العنوان هكذا 

هل تريد تكبير النص أى الخط أم ماذا؟

بتاريخ 1 دقيقة مضت قال محمد_عاطف:

هل تريد تكبير النص أى الخط أم ماذا؟

أريد تكبير مساحة اللي فيها اسمي وفيها Home and Gallery

بتاريخ 2 دقائق مضت قال Ibrahim Almahdy:

أريد تكبير مساحة اللي فيها اسمي وفيها Home and Gallery

هي بالفعل كبيرة وتأخذ مساحة الشاشة بأكملها :

إذا أردت تكبيرها أكثر من ذلك فكل ما عليك فعله هو تصغير حجم النص أى إعطاءه fon-size صغير .

أو أن تضع الكلاس الذي يسمى small لكل عنصر في ال nav

بتاريخ 2 دقائق مضت قال محمد_عاطف:

هي بالفعل كبيرة وتأخذ مساحة الشاشة بأكملها :

إذا أردت تكبيرها أكثر من ذلك فكل ما عليك فعله هو تصغير حجم النص أى إعطاءه fon-size صغير .

أو أن تضع الكلاس الذي يسمى small لكل عنصر في ال nav

لا اريد تصغير حجم النص اريد تكبيره وتكبير الخلفية  اريده ان يكون كبير مثل هذا الحجم

بتاريخ 1 دقيقة مضت قال Ibrahim Almahdy:

لا اريد تصغير حجم النص اريد تكبيره وتكبير الخلفية  اريده ان يكون كبير مثل هذا الحجم

لا أرى أى إختلاف في الصورة المرفقة فهي نفس الموقع الحالي . ولا يمكنت تكبير النص وتكبير الخلفية معها فإذا كبر النص صغرت المسافة بين الإسم وال nav مما يوحي بصغر حجم الخلفية . أما لو تم تصغير النص فستزيد المساحة فسيظهر أن الخلفية كبيرة.

بتاريخ 5 دقائق مضت قال محمد_عاطف:

لا أرى أى إختلاف في الصورة المرفقة فهي نفس الموقع الحالي . ولا يمكنت تكبير النص وتكبير الخلفية معها فإذا كبر النص صغرت المسافة بين الإسم وال nav مما يوحي بصغر حجم الخلفية . أما لو تم تصغير النص فستزيد المساحة فسيظهر أن الخلفية كبيرة.

اريد أن يكون هناك مسافه من فوق مثل هذه

لو رأيت في اول ملف بعته خالص كان الكلام سميك والخلفيه كبيره وهناك مسافه من فوق ومن تحت

بتاريخ 1 دقيقة مضت قال Ibrahim Almahdy:

اريد أن يكون هناك مسافه من فوق مثل هذه

يمكنك إضافة الكلاس الذي يسمى pt-2 لإضافة مسافة في الأعلى ويمكنك تغير الرقم بناء على حجم المسافة التي تريدها :

<section id="header" class="pt-2">

بتاريخ 5 دقائق مضت قال محمد_عاطف:

يمكنك إضافة الكلاس الذي يسمى pt-2 لإضافة مسافة في الأعلى ويمكنك تغير الرقم بناء على حجم المسافة التي تريدها :

<section id="header" class="pt-2">

 

عملتها pt-3 وكل حاجه ظبطت

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

personalWebsite.zip

..

بعد اذنكم ممكن مدرب يساعدني في الانتهاء من المشروع دا