منتدى المعالي
 
عدد الضغطات : 1,294
ينتهي : 24-10-2012
Ma3ali Tube Towards Happiness الجـوال الغرفة الصوتية البطاقات الصـوتيـات مركز التحميل مجلة أجيال
Ma3ali Tube Be Happy الجـوال Ma3ali flickr الغرفة الصوتية البطاقات الصـوتيـات مركز التحميل مجلة أجيال



عدد الضغطات : 15,796عدد الضغطات : 5,503
ينتهي : 20-06-2012
عدد الضغطات : 10,022
ينتهي : 25-12-2012عدد الضغطات : 1,899

العودة   منتدى المعالي > العالم الرقمي > منتدى الحاسب الآلي و ورشة الصيانة والاستفسارات > فريق التعلم الذاتي لبناء المواقع > مسار الواعدين

مسار الواعدين هنا نُرحّب بالمبتدئين . .

موضوع مغلق
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 26-02-2008, 05:21 PM   #1
 
الصورة الرمزية محمد جبلي

افتراضي CSS (الدرس الخامس) : تعويم العناصر - وضعية العناصر - طبقات - المعايير القياسية



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

الحمد لله رب العالمين و الصلاة والسلام على أشرف الأنبياء والمرسلين
سيدنا وحبيبنا وقدوتنا ومعلمنا محمد عليه أفضل الصـلاة و أزكى التسليم

إخوتي أعضاء الفريق الكرام

أبشركم بالقرب الشديد من الإنتهاء من الـCSS
و بعد ذلك بإذن الله سنعمل سوياً على إنشاء موقع متكامل
أفضـل أن يكون حول حبيبنا محمد صلى الله علية وسلم

بالنسبة لتأخر الذي حصل في بعض الدروس
فهو للأسف بسبب تأخر بعض الأعضاء عن المشاركة في الموضوع
لذلك من الظلم جعل المجتهد يتأخر مع غيره من المتأخرين

ولهذا فإن هذا الموضوع يسأخذ أربعة أيام فقط
بمعنى أن يوم السبت القادم بإذن الله يسنزل الدرس الجديد
وهكذا مع كل الدروس القادمة
سيتم تحديد مدة معينه لكل درس بحيث لاتكون طويلة جداً ولا قصيرة جداً
وكافية لكي يتعلم الجميع بإذن الله

الدروس الجديدة هي ممتعه جداً وسهلة :

أولاً :
تعويم العناصر

ثانياً :
وضعية العناصر

ثالثاً الدرس الإبداعي :
طبقة فوق طبقة

وأخيراً الدرس البسيط والمهم جداً :
التأكد من أن كود الـCSS خالي من الأخطاء



الواجب

أولاً : تطبيق على الدروس في الأعلى
ومن ثم التأكد من أن كود الـCSS خالي من الأخطاء ( الدرس الأخير )
و وضع الرابط الذي يأكد أن الكود خالي من الأخطاء !!
ولا تنسوا وضع الشعارين الذين يدلان على أن الصفحة و كود CSS خاليان من الأخطاء
في نفس الصفحة

ثانياً : محاولة محاكاة أحد القوالب في موضوع http://forum.ma3ali.net/t392892.html
ليس من حيث التصميم (الجرافيكس) بل من حيث تقسيم الصفحة
أقصد كيف تم وضع مكان مخصص للقائمة و مكان لأخبار و الى ما هنالك
( المحاولة مهمة جداً .. أن تخطئ أفضل بمليارات المرات من عدم المحاولة )

المحاكاة تكون أولاً بعرض كود الصفحة حق أحد القوالب و محاولة فهم كيف كتب الكود
والدخول على ملف الـCSS حق القالب و مشاهدة الكود وفهمه

ومن ثم المحاكأة

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

والله ولي التوفيق


التعديل الأخير تم بواسطة twinkle ; 28-10-2008 الساعة 12:14 PM. سبب آخر: تعديل العنوان
محمد جبلي غير متواجد حالياً
 
   
إظهار / إخفاء الإعلانات 
منتديات مسلمة النسائية مساحة إعلانيه
قديم 26-02-2008, 11:08 PM   #2
 
الصورة الرمزية ريفــــــــــــــــان





ريفــــــــــــــــان is on a distinguished road



افتراضي



،

درس . . رائع جداً . . جداً

ومشوّق . .

قرأته . . فهمته

أعود بالتطبيق . . بإذن الله . .

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

[ سبحان الله وبحمده ،، سبحان الله العظيم ]
،


ريفــــــــــــــــان غير متواجد حالياً
 
   
قديم 27-02-2008, 02:33 PM   #3
 
الصورة الرمزية محمد جبلي

افتراضي


الحمد لله أنه سهـل و ممتع

لا تنسوا وضع الشعارين الذين يدلان على أن كود الصفحة و كود CSS خالي من الأخطاء
في نفس الصفحة


محمد جبلي غير متواجد حالياً
 
   
قديم 27-02-2008, 03:03 PM   #4
 
الصورة الرمزية aroma





aroma is a splendid one to behold
aroma is a splendid one to beholdaroma is a splendid one to beholdaroma is a splendid one to behold



افتراضي






جاري القراءة ,,

بارك الله فيكم ,,


aroma غير متواجد حالياً
 
   
قديم 28-02-2008, 02:50 PM   #5
 
الصورة الرمزية محمد جبلي

افتراضي


نحن في الإنتظــار

ربنا ييسـر

محمد جبلي غير متواجد حالياً
 
   
قديم 28-02-2008, 09:25 PM   #6
 
الصورة الرمزية زهرة البيلسان





زهرة البيلسان has a brilliant futureزهرة البيلسان has a brilliant future
زهرة البيلسان has a brilliant future



افتراضي



بارك الله فيكم ,

تمت قراءة الدروس سابقاً ,

و سأحاول أن أضع التطبيق يوم السبت ,

فوقتي مشغول جـداً الآن ..


زهرة البيلسان غير متواجد حالياً
 
   
قديم 28-02-2008, 09:37 PM   #7
 
الصورة الرمزية ريفــــــــــــــــان





ريفــــــــــــــــان is on a distinguished road



افتراضي



،

التطبيق

الـ css

http://reevaan.googlepages.com/ff.css

لم أجد شعار لـ كود الصفحة إنما للـ css فقط

[ سبحان الله وبحمده ،، سبحان الله العظيم ]
،


ريفــــــــــــــــان غير متواجد حالياً
 
   
قديم 28-02-2008, 11:07 PM   #8
 
الصورة الرمزية محمد جبلي

افتراضي

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


،
لم أجد شعار لـ كود الصفحة إنما للـ css فقط
،

أخذناها في لغة الـHTML !!

عموماً هي من هذا الرابط : The W3C Markup Validation Service
ولديك عدد من الأخطاء في الصفحة حاولي تعديلها
لأن الصفحة تظهر في الفايرفوكس بلغة غير مفهومة !!

أنتظر تعديلك

بالتوفيق

محمد جبلي غير متواجد حالياً
 
   
قديم 28-02-2008, 11:57 PM   #9
 
الصورة الرمزية ريفــــــــــــــــان





ريفــــــــــــــــان is on a distinguished road



افتراضي



،

بعد التعديل

[ سبحان الله وبحمده ،، سبحان الله العظيم ]
،


ريفــــــــــــــــان غير متواجد حالياً
 
   
قديم 29-02-2008, 12:33 AM   #10
 
الصورة الرمزية محمد جبلي

افتراضي


ماشاء الله تبارك الله
تطبيق ممتاز

لكن يوجد مشكلة في اللغة لا أعلم ما السبب !!

تظهر لدي النصوص بهذا الشكل :

ظپظٹ ط§ظ„ط·ط¨ ظˆط§ظ„طµظ†ط§ط¹ط©. ظˆط§ظ„ط·ط±ظٹظپ ط£ظ†ظ†ط§ ط¥ط°ط§ ط£ط±ط¯ظ†ط§

!!

وكذلك لم تضعي الصورة اللي تأكد ان صفحتك خالية من الأخطاء

هذه الصور عادة ما تضع أسفل الموقع وليس أعلاه

محمد جبلي غير متواجد حالياً
 
   
قديم 29-02-2008, 01:40 AM   #11
 
الصورة الرمزية aroma





aroma is a splendid one to behold
aroma is a splendid one to beholdaroma is a splendid one to beholdaroma is a splendid one to behold



افتراضي






تطبيقي

تطبيق

CSS



aroma غير متواجد حالياً
 
   
قديم 29-02-2008, 01:56 AM   #12
 
الصورة الرمزية محمد جبلي

افتراضي

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


تطبيقي

تطبيق

CSS

جميـــل

لكن أين الطبقات !!

أنتظر الطبقات

وكذلك الصورة اللي تدل على إن الصفحة
خالية من الاخطاء

بالتوفيق

محمد جبلي غير متواجد حالياً
 
   
قديم 29-02-2008, 02:02 AM   #13
 
الصورة الرمزية محمد جبلي

افتراضي


أستاذة ريفان

دائماً أستفيد من تصحيح الأخطاء اللي في صفحاتك

إستفدت من تطبيقك اليوم

أنه وكما تعلمنا أن خاصيتي dir و lang هما خاصيتين عامتين
أي أنهما موجودتان في كل العناصر "الوسوم" تقريباً

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

هذه صفحتك
طھط¹ظˆظٹظ…

وهذه نفس الصفحة بعد التعديل
تعويم

مشكلة اللغة أتصلحت ولله الحمد

دائمـاً إخوتي في الفريق
حاولوا تجربة صفحاتكم على أكثر من متصفح
عشان تعرفوا أخطائكم
وهذا مايفعله المصممين عادةً

أفضل متصفح تجربوا فيه صفحاتكم
هو الفايرفوكس

بالتوفيق

محمد جبلي غير متواجد حالياً
 
   
قديم 29-02-2008, 05:41 PM   #14
 
الصورة الرمزية شادل





شادل is on a distinguished road



افتراضي

..


تطبيقي على عجالة

floats

ملف الـ css

http://shadel.ma3ali.googlepages.com/h-w-5.css

عندما دخلت هنا The W3C Markup Validation Service

للتأكد من صحة الصفحة يكتب لي :

Sorry! This document can not be checked

......

(( عندما أعمل معاينة لصفحتي قبل رفعها للنت

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

و لكن لما رفعت الصفحة عالنت صارت الصور فوق النص ؟؟! ))


-----

أنا مشغولة جدًا هذه الأيام .. قد لا أكون مركزة كويس .. / :

شادل غير متواجد حالياً
 
   
قديم 29-02-2008, 06:18 PM   #15
 
الصورة الرمزية محمد جبلي

افتراضي


أستاذة شادل

هناك خطأ مؤكداً في الصفحة
ولكن ما هو لا أدري الأن
لأن الصفحة تطلع في الفايرفوكس بشكل مكركب

سأعود لأرى مالمشكلة في الصفحة إن شاء الله
الاني الأن في عجلة من أمري :/

ولكن يبدوا أن خطأك و خطأ الأستاذة ريفان واحد


محمد جبلي غير متواجد حالياً
 
   
قديم 29-02-2008, 08:36 PM   #16
 
الصورة الرمزية ريفــــــــــــــــان





ريفــــــــــــــــان is on a distinguished road



افتراضي



،

محاكاة . . لنموذج . .

الرابط

لم أبنيه من جديد . .

إنما أخذت الكود سطر سطر . . مع التعديل حسب الحاجة . .

. . .

خاصيتي . . lang وdir

كنا نستخدمها ولم تؤثر . .


[ سبحان الله وبحمده ،، سبحان الله العظيم ]
،



التعديل الأخير تم بواسطة ريفــــــــــــــــان ; 29-02-2008 الساعة 08:59 PM.
ريفــــــــــــــــان غير متواجد حالياً
 
   
قديم 01-03-2008, 09:56 AM   #17
 
الصورة الرمزية محمد جبلي

افتراضي


-----------------------
بيدوا أن الدرس يحتاج فترة أطول

أرى أن تمدد فترة الدرس ليومين

حتى يأخذ حقه في الفهم و التطبيق
-----------------------

محمد جبلي غير متواجد حالياً
 
   
قديم 01-03-2008, 07:40 PM   #18
 
الصورة الرمزية aroma





aroma is a splendid one to behold
aroma is a splendid one to beholdaroma is a splendid one to beholdaroma is a splendid one to behold



افتراضي

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


جميـــل

لكن أين الطبقات !!

أنتظر الطبقات

وكذلك الصورة اللي تدل على إن الصفحة
خالية من الاخطاء

بالتوفيق



سأعود بالتعديل إن شاء الله .,,

الصورة موجودة و ظاهر في الصفحة !




aroma غير متواجد حالياً
 
   
قديم 03-03-2008, 12:28 AM   #19
 
الصورة الرمزية زهرة البيلسان





زهرة البيلسان has a brilliant futureزهرة البيلسان has a brilliant future
زهرة البيلسان has a brilliant future



افتراضي


زهرة البيلسان غير متواجد حالياً
 
   
قديم 03-03-2008, 01:43 PM   #20
 
الصورة الرمزية أم يوسف





أم يوسف is on a distinguished road



افتراضي

طبقت التعويم لكن ماصار بشكل مرتب..

بالفايروفكس الكتابة تصير فوق الصوره..

وبالإكسبلورر الصفحة تمتد بشكل مزعج..

بحاول أشوف وش المشكلة وأضع التطبيق..

أم يوسف غير متواجد حالياً
 
   
موضوع مغلق

مواقع النشر (المفضلة)


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

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن 06:22 AM.