دورة تصميم المواقع بإسلوب المحترفين web2.0 دورة تصميم المواقع بإسلوب المحترفين web2.0
ملقي الدورة: [vista-design]

موضوع مغلق
اسحب وشارك
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 25-01-2010, 02:41 PM

0

الصورة الرمزية vista-design
مسؤول قسم الدورات

 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,612
vista-design is on a distinguished road
Arrow [الدرس الرابع]أساسيات مهمة فى استخدام xhtml+css



[الدرس الرابع]أساسيات مهمة فى استخدام xhtml+css


عودة من جديد أعضاءنا الكرام , ونستكمل معكم دروس الدورة
وفى هذا الدرس راح نتعرف على الأساسيات المهمة فى استخدام الcss+xhtml

الدرس راح يكون فى صورة تذكر!

تذكر:................

1- تذكر عندما تريد التغيير على وسم html ب css فيوجد طرق مختلفة
فى كتابة الكود:

نأخذ أمثلة :

1- وسم div بداخلة id لوسم محدد:

كود:
<div id="container"></div>
عندما تريد التغيير من css راح تكتب الكود كالأتى:

كود:
#container{.....أوامرك....}
او
div#container{.....أوامرك....}
2- لوكان بداخل وسم div أوسمة اخرى ,كيف راح تكتب الكود؟

مثال:

كود:
<div id="container">

<h1>Online File Storage</h1>
 </div>
راح يتم التغيير على h1 كالاتى:

كود:
#container h1{.....أوامرك....}
او
div#container h1{.....أوامرك....}

3- لو هتستخدم class بدلا من id , كيف راح تكتب كودك:

مثال:

كود:
<h1 class="center">Center-aligned heading</h1>
راح تغير على هذا الوسم h2 بcss بالاتى:

كود:
.center{.......أوامرك......}
4- تذكر ان تنهى كل جملة فى css بالفاصلة المنقوطة ;

كود:
div#container
{
	width: 600px;
	margin: 0px auto;
	border: 1px solid #e6eef6;
	background-color: #ffffff;
}

5- تذكر ان xhtml هى نفس html ولكن الفرق ان xhtml اصبحت هى المعتمدة
لان w3c قامت بتطوير الhtml ل xhtml ويوجد فروق مختلفة

مثلا: ماالفرق بين هذه الجملة :

كود:
<b><i>This text is bold and italic</b></i>
وهذة الجملة :

كود:
<b><i>This text is bold and italic</i></b>
كلا الجملتين راح تعطى نفس الناتج على المتصفح

لكن لو دققت ولاحظت انه يوجد اختلاف فى ترتيب بداية ونهاية وسم <b> و<i>

فالجملة الأولى لا تعتبر دقيقة وتتبع للنظام القديم html
اما الجملة الثانية أكثر دقة ومنظمة وتتبع النظام الجديد xhtml

وهكذا.............


6- تذكر ان تعلم الcss لن يأتى الا من التدريب المكثف وتنزيل صفحات
ويب والتعديل على ملف css مرة واثنين وعشرة


هذه هى أهم الملاحظات التى أحببت ان انوه عنها فى هذا الدرس

وأتمنى من بعد هذا الدرس ان تكون تكونت لديك خلفية ولو بسيطة عن css
حتى ننطلق بدءا من الدرس القادم بالتطبيق العملى.....

وراح يكون فيه درس اضافى على دروس دورة , عبارة عن دروس فيديو للتعديل على ملفات css لصفحات ويب مختلفة حتى تثبت المعلومة بأذن الله

أخوكم vista-design


توقيعي


عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com
موضوع مغلق

العلامات المرجعية

مواضيع جديدة في قسم دورة تصميم المواقع بإسلوب المحترفين web2.0

أدوات الموضوع
انواع عرض الموضوع

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

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

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[درس] أساسيات استخدام القلم الضوئي star wolf دروس تصميم و شروحات مصورة 2 24-05-2011 05:19 PM
أساسيات AdSense › حول AdSense › الدرس الرابع:: ما مقدار الربح الذي سأحصل عليه في برنامج AdSense؟ عبد المنعم2 جوجل ادسنس | قوقل ادسنس Google Adsense 6 17-12-2010 06:43 PM
الدرس الرابع من دوره xhtml ومعرفه بعض الوسوم قناص جوبا لغات برمجة مواقع PHP, ASP, Java Script, Perl 2 21-03-2010 09:49 PM
مناقشــة الدرس الرابع أساسيات مهمة فى استخدام xhtml+css vista-design دورة تصميم المواقع بإسلوب المحترفين web2.0 18 01-02-2010 12:50 AM



جميع الأوقات بتوقيت GMT +3. الساعة الآن 11:09 PM.
Search Engine Friendly URLs by vBSEO 3.5.2

الحقوق محفوظة لكل المطورين والمواقع العربية

Security team