منتديات طلاب جامعة النيلين
مرحبا بكم فى منتديات طلاب جامعة النيلين كلية علوم الحاسوب وتقانة المعلومات مركز الحرية للتسيجل معنا اضغط على دخول للخروج اضغط اخفاء نرجو ان تكون معنا عضواء وشكرا
lol! lol! lol! lol!
مرحبــــــــــــــــــــــــــــا بكم فى منتديات طلاب جامعة النيلين
منتديات طلاب جامعة النيلين

مدير المنتدى عبدالرحيم على القيد
 
alhemoalhemo  الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  تحويل شرايط الفيديو الى اسطونات سى دىتحويل شرايط الفيديو الى اسطونات سى دى  

الف مبرووووووووووووك النجاح لطلاب جامعة النيلين كلية علوم الحاسوب مركز الحرية للاقسام التالية .تقانة المعلومات- نظم المعلومات - هندسة البرمجيات للعام 2011 الى 2012
--
<______download ______>

لمعرفة نتيجة جامعة النيلين حاسوب الفرقة الثانية تقانة معلومات للعام 2011 _2012اضغط هنا

للدخول للموقع الحيمو لتصميم المواقع اضغط هنا




اضغط هنا للدخول الفيس بوك
مواضيع مماثلة
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
ازرار التصفُّح
 البوابة
  حيمو الرئيسية
 حيموقائمة الاعضاء
 البيانات الشخصية
 س .و .ج
  حيمو بحـــــث
لتحديث موقع الحيمو يرجى الضغط هنا
منتدى
التبادل الاعلاني برعاية حيمووووووووو

شاطر | 
 

 كيف تربط صفحات HTML بملف CSS بواسطة Dreamwaver

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
alhemo web sit
مدير المنتدى
مدير المنتدى


عدد المساهمات : 115
تاريخ التسجيل : 14/05/2010
العمر : 30
الموقع : موقع طلاب جامعة النيلين كلية علوم الحاسوب وتقانة المعلومات

alhemo
الحيمو للمونتاج والدوبلاج:
الحيمو للمونتاج والدوبلاج
منتديات طلاب جامعة النيلين كلية علوم الحاسوب مركز الحرية

مُساهمةموضوع: كيف تربط صفحات HTML بملف CSS بواسطة Dreamwaver   الأربعاء سبتمبر 26, 2012 11:07 pm

كيف تربط صفحات HTML بملف CSS بواسطة Dreamwaver





متابعة لسلسة دروسنا في لغة CSS صفحات الأنماط الانسيابية والتي قطعنا
منها حلقتين حتى الآن والثالثة سأنشرها خلال اليومين القادمين ، ولكن أحببت
أن أثبت بعض المعلومات السابقة الهامة بهذا الدرس التطبيقي السريع حتى
ترسخ في أذهاننا بعض الأوامر المهمة والتي سنستخدمها كثيرا أثناء استخدامنا
لهذه اللغة.


سنقوم في هذا الدرس التطبيقي بعمل صفحتين
HTML وعمل صفحة CSS ، ثم نقوم بربط صفحتي الـ HTML بصفحة الـ CSS ونقوم
بالتحكم بلون الخلفية ولون الخط.


أولا قم بفتح برنامج Dreamweaver ستظهر لك الشاشة الأولية ، قم باختيار انشاء ملف HTML :



والآن سنتوجه لصفحة تحرير الكود ، وذلك بالضغط على الزر Code الموضح بالصورة :



أضف الآن الكود التالي ، وهو عبارة عن صفحة html عادية فيها نص :


?View Code XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">
>

http-equiv="Content-Type" content="text/html; charset=utf-8" />
>كيف تقوم بربط صفحات HTML بصفحة CSS بواسطة المحرر Dreamweaver.>
>

>
>الصفحة الرئيسية>
>سنتعلم لغة CSS صفحات الأنماط الانسيابية إن شاء الله تعالى مع وليدوف.
هذا الدرس يشرح كيف تقوم بربط صفحات HTML بصفحة CSS بواسطة المحرر Dreamweaver.>
>
>

والآن قم بحفظ الصفحة في مجلد جديد اسمه css قم بتسمية الملف page1.html :





قم بإنشاء ملف آخر أيضا وسمه page2.html :





ضع الكود التالي فيه :


?View Code XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">
>

http-equiv="Content-Type" content="text/html; charset=utf-8" />
>كيف تقوم بربط صفحات HTML بصفحة CSS بواسطة المحرر Dreamweaver.>
href="style.css" rel="stylesheet" type="text/css" />
>

>
>الصفحة الرئيسية>
>سنتعلم لغة CSS صفحات الأنماط الانسيابية إن شاء الله تعالى مع وليدوف.
هذا الدرس يشرح كيف تقوم بربط صفحات HTML بصفحة CSS بواسطة المحرر Dreamweaver.>
>
>

والآن قم بإنشاء ملف css جديد وسمه style.scc :





والآن ضع الكود التالي في الصفحة :


?View Code CSS
1
2
3
4
5
6
7
8
9
10
11
body {
background:#3300FF;
}

h1 {
color:#FFFF00;
}

p {
color:#FFFFFF;
}

والآن اصبح لدينا ثلاث صفحات ، احرص ان تكون كلها في نفس المجلد ، والآن اضغط على لسان التبويب page2.html كما هو موضح بالصورة :



والآن سنقوم بربط صفحة page2.html بالملف style.css :







والآن ستلاحظ أنه تم إضافة سطر الربط في صفحة الـ HTML :



كرر نفس العلمية للملف page1.html ..

والآن في حال أردت تغيير لون الخلفية توجد هناك عدة طرق ، إما أن تعدلها نصيا وذلك بكتابة الكود الخاص باللون.

أو من خلال مربع أكواد css اضغط على الزر ALL وستجد اسم الملف المربوط
ألا وهو style.css وبجانبه علامة زائد (+) قم بالضغط عليه ستفتح لك قائمة
الأوامر أو المحددات التي يتم التحكم بها ، قم بالنقر على أي محدد ثم ضغط
زر القلم :




والآن يمكنك تعديل كل الخواص الممكن تعديلها من خلال المربع الذي ظهر :






منتديات طلاب النيلين مركز الحرية
affraid affraid affraid
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://alhemozero.bigforumonline.com
 
كيف تربط صفحات HTML بملف CSS بواسطة Dreamwaver
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود الجرائد المغربية
» ضع ايميل الضحيه بعد تلات دقائق احصل على الباسوورد
» آلاف القوالب الجاهزة على الفرونت بيج مع ادوات تصميم المواقع
» حـصـريـاا كـود الساعه بـشـكل راأئـع ،، وكـود مـركـز تـحـمـيـل مـبـاشـر ،، وكـود تضليل اسم القسم عند المرور عليه بالماوس ،،
» اليكم كود html لعمل غرفة شات

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