CSS (الدرس الثاني) : الألوان والخلفيات والروابط

محمد جبلي · 01-02-2008, 03:57 PM

الأخطاء التي وقعتي فيها أختي أرومـا في كود صفحتك (My Page) :

1- وضعتي تعريف الصفحة على أنها صفحة بلغة الـXHTML وهذا عمل جميل
ولكـن لم تراعي بعض ضوابط الـXHTML التي تعلمناها سابقاً مثـلا :
كتابة العناصر بالحروف الصغيرة (إسمول)
وضع علامة إقتباس عند كتابة القيم
وضع الشرطه المائلة للعناصر التي ليس لها وسم إغلاق

2- بعد أن كتبتي وسم البداية للعنصر HTML كتبتي وسم البداية للعنصر HEAD ثم كتبتي وسم البداية
للعنصر TITLE بعد ذلك كتبتي وسم الإغلاق لعنصر TITLE (إلى هنا تمام) بعد ذلك فتحتي وسم HTML مرة أخرى!!
ولم تغلقي وسم البداية (يعني خليتيه كذا <html ) وهذا أدى الى إلتباس عند المتصفح
فقد يكون جعل جميع ما بعدها خواص للـ HTML وهذه مشكلة كبيرة في حد ذاتها !!

أنظري الكود :

كود:

      <HTML lang=ar xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>My Page</TITLE>
 <html
 <**** lang=ar http-equiv=content-type
content="text/html; charset=windows-1256">

3- بعد أن أغلقتي وسم HEAD
كتبتي كود CSS ..!!
كود الـCSS مكانه داخل الـHEAD ويكتب بين وسمي البداية والإغلاق للعنصر style
بهذا الشكل :

4- كتبتي أكواد صفحتك بدون أن تكتبي وسم الـ BODY !!

5- كتبتي أكواد CSS أخر الصفحة ( وهذا ليس مكانها )
سيعتبرها المتصفح كلام عادي ويظهرها في الصفحة .. !!

هذا بالنسبة للصفحـة

أما بالنسبة لكود الـCSS (http://aroma.ma3ali.googlepages.com/aroma.css) :
فلم تحددي الخواص اللي كتبتيها لأي عنصر .. !!
لازم تحددي العنصر اللي كتبتي له هذه الاكواد

زي كذا :

******************************

أختي أرومـا
راجعي هذا الدرس
http://forum.ma3ali.net/t381442.html
ثم حاولي تقري الكتاب حق الـCSS مرة أخرى
أو أدخلي هذا الموقع : ط¯ط±ط³ CSS - ط¬ط¯ظˆظ„ ط§ظ„ظ…ططھظˆظٹط§طھ | ط¯ط±ط³ CSS | HTML.net
وأبدئي من أول درس عشـان تعرفي أساسيات كتابة كود الـCSS

أنتظر ردك وتعديلك
الله يوفقك ويوفقنـا

aroma · 04-02-2008, 02:00 AM

شكرا لتوضيحك و تصحيحك ..الكريم / أبو سارة ,,

جاري القراءة و التصحيح بحول الله ,,

بوركت,,

aroma · 17-02-2008, 01:59 AM

عذرًا على التأخير ,,

تطبيقي بعد التعديل ,,

http://aroma.ma3ali.googlepages.com/87.html

http://aroma.ma3ali.googlepages.com/2.css

عذرًا على بساطة التطبيق ..لكن ما يهمني هو خلوه من الاخطاء ,,

بوركتم ,,

محمد جبلي · 17-02-2008, 10:01 AM

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

تطبيقي بعد التعديل ,,
http://aroma.ma3ali.googlepages.com/87.html
http://aroma.ma3ali.googlepages.com/2.css

مـاشـاء الله تبارك الله
تقدم رائـع

كود الصفحة لا يوجد به أي خطأ ولا كود ملف الـCSS

الأن ننتظرك في الدرس الجديد

وأتمنى أن لا أقرأ كلمة كسولة مرة أخرى

فأنتِ عضوة في الفريق أكثر من مجتهدة

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

محمد جبلي · 27-02-2008, 11:57 AM

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

أريد عمل مراجعة لنفسي

درس المقدمـة :

* هل الـ CSS أداة أم لغة أم تقنية ؟؟!! ( سؤال يشغل بالي منذو فترة )

* استخدام CSS يتطلب معرفة أساسيات HTML

* تعلم CSS عملية ممتعة

درس ماهي تقنية الـ CSS :

CSS هي اختصار لي Cascading Style Sheets

CSS هي لغة تصميم تحدد شكل وثيقة HTML

HTML يمكن أن تستخدم بشكل خاطئ لإضافة تصميم للمواقع

الفرق بين الـ CSS و الـ HTML :
الـ HTML تستخدم لوضع هيكلية ونظام منطقي للمحتويات
الـ CSS تستخدم لإضافة تصميم لهذه المحتويات

من الخطأ إستخدام عنصر الـ TABLE لتحديد تصميم الصفحة

كيف ستفيدني CSS؟

تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:

* التحكم بالتصميم من خلال ملف واحد.
* إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
* إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
* العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.

درس كيف تعمل تقنية CSS :

الشكل الأساسي لشفرة الـ CSS :

كود:

selector {property: value;}

هناك ثلاثة طرق لكتابة شفرة الـ CSS

الدرس 6: الروابط

الفئة المزيفة أو pseudo-class لا تستخدم فقط للروابط
فبإمكاننا إستخدامها لعناصر اخرى كما في تطبيقي القادم بإذن الله

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

محمد جبلي · 27-02-2008, 01:17 PM

التطبيق

خطر التلفاز

ملف الـ CSS

CSS


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

01-02-2008, 03:57 PM	#61
محمد جبلي اوسمتي مجموع الاوسمة: 1	الأخطاء التي وقعتي فيها أختي أرومـا في كود صفحتك (My Page) : 1- وضعتي تعريف الصفحة على أنها صفحة بلغة الـXHTML وهذا عمل جميل ولكـن لم تراعي بعض ضوابط الـXHTML التي تعلمناها سابقاً مثـلا : كتابة العناصر بالحروف الصغيرة (إسمول) وضع علامة إقتباس عند كتابة القيم وضع الشرطه المائلة للعناصر التي ليس لها وسم إغلاق 2- بعد أن كتبتي وسم البداية للعنصر HTML كتبتي وسم البداية للعنصر HEAD ثم كتبتي وسم البداية للعنصر TITLE بعد ذلك كتبتي وسم الإغلاق لعنصر TITLE (إلى هنا تمام) بعد ذلك فتحتي وسم HTML مرة أخرى!! ولم تغلقي وسم البداية (يعني خليتيه كذا <html ) وهذا أدى الى إلتباس عند المتصفح فقد يكون جعل جميع ما بعدها خواص للـ HTML وهذه مشكلة كبيرة في حد ذاتها !! أنظري الكود : كود: <HTML lang=ar xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>My Page</TITLE> <html <** lang=ar http-equiv=content-type content="text/html; charset=windows-1256"> 3- بعد أن أغلقتي وسم HEAD كتبتي كود CSS ..!! كود الـCSS مكانه داخل الـHEAD ويكتب بين وسمي البداية والإغلاق للعنصر style بهذا الشكل : 4- كتبتي أكواد صفحتك بدون أن تكتبي وسم الـ BODY !! 5- كتبتي أكواد CSS أخر الصفحة ( وهذا ليس مكانها ) سيعتبرها المتصفح كلام عادي ويظهرها في الصفحة .. !! هذا بالنسبة للصفحـة أما بالنسبة لكود الـCSS (http://aroma.ma3ali.googlepages.com/aroma.css) : فلم تحددي الخواص اللي كتبتيها لأي عنصر .. !! لازم تحددي العنصر اللي كتبتي له هذه الاكواد زي كذا : **************************** أختي أرومـا راجعي هذا الدرس http://forum.ma3ali.net/t381442.html ثم حاولي تقري الكتاب حق الـCSS مرة أخرى أو أدخلي هذا الموقع : ط¯ط±ط³ CSS - ط¬ط¯ظˆظ„ ط§ظ„ظ…ططھظˆظٹط§طھ \| ط¯ط±ط³ CSS \| HTML.net وأبدئي من أول درس عشـان تعرفي أساسيات كتابة كود الـCSS أنتظر ردك وتعديلك الله يوفقك ويوفقنـا
محمد جبلي اوسمتي مجموع الاوسمة: 1

27-02-2008, 11:57 AM	#65
محمد جبلي اوسمتي مجموع الاوسمة: 1	بسم الله الرحمن الرحيم أريد عمل مراجعة لنفسي درس المقدمـة : * هل الـ CSS أداة أم لغة أم تقنية ؟؟!! ( سؤال يشغل بالي منذو فترة ) * استخدام CSS يتطلب معرفة أساسيات HTML * تعلم CSS عملية ممتعة درس ماهي تقنية الـ CSS : CSS هي اختصار لي Cascading Style Sheets CSS هي لغة تصميم تحدد شكل وثيقة HTML HTML يمكن أن تستخدم بشكل خاطئ لإضافة تصميم للمواقع الفرق بين الـ CSS و الـ HTML : الـ HTML تستخدم لوضع هيكلية ونظام منطقي للمحتويات الـ CSS تستخدم لإضافة تصميم لهذه المحتويات من الخطأ إستخدام عنصر الـ TABLE لتحديد تصميم الصفحة كيف ستفيدني CSS؟ تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي: * التحكم بالتصميم من خلال ملف واحد. * إمكانية أكبر وأدق للتحكم بتفاصيل التصميم. * إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ * العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم. درس كيف تعمل تقنية CSS : الشكل الأساسي لشفرة الـ CSS : كود: selector {property: value;} هناك ثلاثة طرق لكتابة شفرة الـ CSS الدرس 6: الروابط الفئة المزيفة أو pseudo-class لا تستخدم فقط للروابط فبإمكاننا إستخدامها لعناصر اخرى كما في تطبيقي القادم بإذن الله سأعود بالتطبيق للمراجعة بإذن الله
محمد جبلي اوسمتي مجموع الاوسمة: 1	التعديل الأخير تم بواسطة محمد جبلي ; 01-03-2008 الساعة 09:04 AM.

27-02-2008, 01:17 PM	#66
محمد جبلي اوسمتي مجموع الاوسمة: 1	التطبيق خطر التلفاز ملف الـ CSS CSS
محمد جبلي اوسمتي مجموع الاوسمة: 1	التعديل الأخير تم بواسطة محمد جبلي ; 01-03-2008 الساعة 09:05 AM.

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


منتديات مسلمة النسائية	مساحة إعلانيه

04-02-2008, 02:00 AM	#62
aroma	شكرا لتوضيحك و تصحيحك ..الكريم / أبو سارة ,, جاري القراءة و التصحيح بحول الله ,, بوركت,,
aroma

17-02-2008, 01:59 AM	#63
aroma	عذرًا على التأخير ,, تطبيقي بعد التعديل ,, http://aroma.ma3ali.googlepages.com/87.html http://aroma.ma3ali.googlepages.com/2.css عذرًا على بساطة التطبيق ..لكن ما يهمني هو خلوه من الاخطاء ,, بوركتم ,,
aroma

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

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

CSS (الدرس الثاني) : الألوان والخلفيات والروابط

مسار الواعدين