دروس
مقدمة عامة لصفحات الأنماط الانسيابية 1

عقارية المدينة 6-12-1430هـ للاعلان جوال 0507445115 حراج سيارات 19-4-1431هـ
افضل و اقوى و احلى و اجمل موقع افلام و فيديو يوتيوب youtube على الاطلاق للاعلان جوال 0507445115 بنات الرياض سعوديات نسائي بناتي حريمي

تابع حالة الطقس في اكبر و اشهر مدن المملكة العربية السعودية | منتديات | مقاطع فيديو تحميل افلام موقع يوتيوب youtube العاب بنات hguhf fkhj | تحميل صور jpldg w,v | بلاك بيري | بنات السعودية | قصص بنات

احصائيات سريعة
اقسام على الموقع
دروس في أنظمة التشغيل | ماي سكيول - MySQL | لفيجوال بيسك - Visual Basic | المات لاب Matlab | اللينكس و اليونكس | الاسمبلي - ASSEMBLY | الاوتلوك - Outlook | البرمجة تحت اللنكس -Linux Programming | البرمجة تحت وندوز بواسطة دوال ال win API | البرمجة في بيئة الدوت نت .Net | التصمبم والرسوم | الدلفي - Delphi | الجافا - Java | السي - C | الصوت و الصورة | الوورد - Word | القسم العام للأوفيس | الكوبول - COBOL | control panel-ftp | اوراكل - Oracle | اكسل - Excel | تحميل الملفات | برامج متنوعة | برامج التصفح | برامج الحماية | برامج إنترنت | تعرّف على الويب | بوربوينت - Power Point | images | دروس : كمبيوتر وصيانة | دروس مجلة نيوك phpnuke | دروس مسنجر MSN - yahoo - Gmail | دروس منتديات vBulletin | دروس الجوالات والهواتف | دروس السي بنل cpanel | دروس اكسس access | دروس بيونت شوب برو - point shop pro | دروس برمجة php - mysql | دروس برامج منوعة software | دروس ثري دي ماكس 3D max | دروس تطوير المواقع والمنتديات | دروس جافا سكريبت JavaScript | دروس دريم ويفر DreamWeaver | دروس شبكات Networks | دروس سويش - swish | دروس فلاش - flash | دروس فلاش mx | دروس فى نظام الوندوز WINDOWS | دروس فىالباسكال - Pascal | دروس فيجوال بيسك Visual Basic | دروس فرونت بيج - frontpage | دروس فوتوشوب photoshop | دروس هكر hacker crack virus | سي ++ | سي شارب - #C | فيجوال سي ++ - ++ Visual C | قسم البرمجة العام | دروس فى لغة HTML
البحث في المواد

اكثر المحتويات زيارة
الدوال في الاكسل (14,836 مشاهده)
تعريف الفن التشكيلي: (14,801 مشاهده)
ربط قاعدة بيانات أكسس (MS Access) مع برنامج الفيجوال بيسك بطريقة(ODBC) (10,761 مشاهده)
دروس في الأوفيس الأكسس - Access0- (10,234 مشاهده)
أنواع العلاقات وطريقة الربط بين الجداول. (10,165 مشاهده)
شرح طريقة استعمال الأوتلوك مع بريد الهوتميل (7,341 مشاهده)
تغيير لغة واجهة التطبيق من عربي الى انجليزي وبالعكس لـ Windows-based applications (7,335 مشاهده)
ما هي شبكة الانترنت: (6,452 مشاهده)
الدرس الثالث : بعض تطبيقات الدوال في اكسل (6,207 مشاهده)
تعريف الاستعلام وطريقة عرضه في آكسس، أنواع الاستعلامات، نافذة تحديد الاستعلام! (6,189 مشاهده)
اضافه صوت ونص لخلفيه في باور بوينت (6,180 مشاهده)
المنظور الفوتوغرافي Perspective Drawing (6,128 مشاهده)
ما هو برنامج الاكسل -00 (5,994 مشاهده)
أنشئ قاعدة بياناتك التي ستستند إليها في تعلم طريقة ربط الجداول والاستعلامات. (5,752 مشاهده)
الدرس الثاني : عمل خلفيات ملونة لشرائح (5,533 مشاهده)
نظام التشغيل (Windows) (5,526 مشاهده)
الدرس الأول : عمل شريحة في البوربوينت (5,431 مشاهده)
الدرس الثاني: بعض الحيل لتسهيل برنامج اكسل (5,426 مشاهده)
لإجراء العمليات الحسابية (4,946 مشاهده)
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل0-- (4,914 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (4,870 مشاهده)
كيفية تنصيب Turbo C++ وتشغيل برنامج بلغة السي عليه!- (4,829 مشاهده)
vالدرس الأول : عمل شريحة في البوربوينت (4,819 مشاهده)
الدرس الثالث: كيفية عمل مراحل انتقالية للشرائح (4,810 مشاهده)
اضافة الحركات للصور والنصوص (4,744 مشاهده)
جديد مواد مع عشوائي
التحويل التلقائي للحروف ل- ل- ه إلى اسم الجلالة0---- (2,360 مشاهده)
النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0---النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0--- (1,776 مشاهده)
ضبط خيارات اللغة فى الـ Microsoft Word0--- (2,190 مشاهده)
استخدام لوحة المفاتيح في الـ Word0---- (2,383 مشاهده)
إضافة كلمة سر إلي ملفات الورد دون استخدام برامج0--- (2,320 مشاهده)
دمج المراسلات0-- (1,428 مشاهده)
وضع صورة كخلفية للنص0-- (1,870 مشاهده)
السماح للمستخدمين بتعديل أجزاء من ملف وورد محمي (Word2003)0--- (1,447 مشاهده)
كتابة الأرقام الكسرية ورموز المعادلات0-- (2,057 مشاهده)
درس كامل عن الدمج السهل من لوحة المفاتيح ف0-ي برنامج الـ Word (1,612 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (4,870 مشاهده)
دورة الأكسيس : الدرس الرابع : العلاقات0---- (2,661 مشاهده)
أساسيات في Access0--0 (2,376 مشاهده)
تصميم تقرير لطباعة البيانات0---- (2,233 مشاهده)
تصميم نموذج استعراض البيانات‏0--تصميم نموذج استعراض البيانات‏0-- (1,993 مشاهده)
تصميم نموذج إدخال‎ ‎البيانات0--- (2,240 مشاهده)
إنشاء قوائم خاصة باستخدام الماكرو(1)0-- (1,928 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (2)0-- (1,440 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (1)0- (1,510 مشاهده)
استعلامات SQL في Access - تعديل الجداول وإضافة الحقول0- (2,102 مشاهده)
استعلامات SQL في Access - تحديث البيانات الجدولية0-- (1,713 مشاهده)
الاستعلامات الإجرائية -4 (استعلام الحذف)0--- (1,169 مشاهده)
الاستعلامات الإجرائية -2 (استعلام الإلحاق)0--- (1,315 مشاهده)
تصميم تقرير لطباعة الإجمالي0--- (1,420 مشاهده)
استعلامات التحديد Select Query مع أمثله (1)0--- (1,876 مشاهده)
دروس > دروس دريم ويفر DreamWeaver > مقدمة عامة لصفحات الأنماط الانسيابية 1
اعلانات في الموقع على جميع الصفحات

مقدمة عامة لصفحات الأنماط الانسيابية 1






مقدمة عامة لصفحات الأنماط الانسيابية
هل تخطط لتنفيذ مشاريع ويب يزيد عدد صفحاتها عن العشرة صفحات !?

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

هل ترهقك طلبات العملاء في تغيير أشياء بسيطة يراها العميل سهلة لكنك تراها مرهقة مع تراكم أعمالك؟

إذا كانت إجابتك على الأسئلة السابقة بنعم ، فهذه السلسلة من الدروس هي لك !

حسناً ... لنتخيل معاً أنك قبلت تنفيذ مشروع متوسط الحجم لأحد العملاء و أنك بطبيعة الحال ستحتاج لبرمجة ما يزيد عن العشر صفحات . لنتخيل أيضاً أنك انتهيت من المشروع بعد عمل متواصل لمدة عشرة أيام و قد عرضت المشروع على العميل لأنك تعتقد أنه أصبح جاهز للاستخدام الآن . ماذا لو فاجأك العميل بطلب تغيير حجم الخط من القيمة "2" إلى القيمة "3" ! هل ستضطر لفتح كل صفحة و التعديل في كل فقرة من فقراتها لتغير هذه القيمة ! ماذا لو كان المشروع مكوناً من 50 صفحة ؟!
و ماذا لو كان يعمل على المشروع أكثر من شخص بشكل منفصل ؟
في الواقع فإن هذه القصة القصيرة التي افتتحنا بها هذا الفصل و التي ستواجهك كثيراً عند التعامل مع عملاءك تنقلنا للتفكير من استخدام لغة "هتمل" وحدها – و التي تستطيع تعلمها من خلال دروس الموسوعة على الرابط التالي : دروس هتمل - إلى لغة تعطينا مرونة أكبر .
الفكرة باختصار تكمن في فصل التنسيق عن المحتوى و من ثم وضع التنسيق في ملف منفصل يمكنه تغييره لتتغير كامل صفحات موقعك !

تشير الأحرف في اسم اللغة إلى الأحرف الأولى من العبارة الإنجليزية التالية :


Cascading Style Sheets

و تعني (صفحات الأنماط الانسيابية) . و اختصارها هو : CSS .

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

في الواقع فإننا نستخدم نوعاً من أنواع صفحات الأنماط الانسيابية في صفحاتنا دون أن ندري . و لنأخذ هذا المثال البسيط :




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


معلومة إضافية

ظهرت الحاجة لاستخدام هذه التقنية – CSS – بعد اهتمام المتصفحات الشهيرة (أمثال : الانترنت اكسبلورر و النت سكيب ) بإضافة وسوم هتمل إضافية هي الوسوم الخاصة بتنسيق النص و التي تعرفنا عليها في الفصل السابق . قامت جمعية W3C باعتماد هذه التقنية لتساعد على نقل المواقع قديمة الطراز – تلك التي لا تحتوي على وسوم التنسيق – إلى الطراز الجديد من صفحات إنترنت .


معلومة إضافية

W3C هو اختصار لـ World Wide Web Consortium و هي الجمعية المسؤولة عن إصدار نسخ قياسية من لغة HTML .

درس مقدمة عامة لصفحات الأنماط الانسيابية 1

أضف هذه المادة في موقعك:
مواد مشابهة:
دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات2 دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات2
دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات2
(مرات المشاهدة: 966 مرات)
استخدام الفئات (Classes) 1 استخدام الفئات (Classes) 1
استخدام الفئات (Classes) 1
(مرات المشاهدة: 1,159 مرات)
أشباه الفئات (Pseudo-class) 1 أشباه الفئات (Pseudo-class) 1
أشباه الفئات (Pseudo-class) 1
(مرات المشاهدة: 1,497 مرات)
دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامج 1 دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامج 1
دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامج 1
(مرات المشاهدة: 1,916 مرات)
دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامج دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامج
دورة Dreamweaver MX [اليوم الأول]: التعرف على البرنامجدورة Dreamweaver MX [ال...
(مرات المشاهدة: 1,185 مرات)
تحرير / معالجة الصور في Dreamweaver MX 2004 تحرير / معالجة الصور في Dreamweaver MX 2004
تحرير / معالجة الصور في Dreamweaver MX 2004
(مرات المشاهدة: 1,336 مرات)
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates
(مرات المشاهدة: 982 مرات)
دعم العربيه فى دريم ويفر دعم العربيه فى دريم ويفر
دعم العربيه فى دريم ويفر
(مرات المشاهدة: 1,451 مرات)
دورة Dreamweaver MX [اليوم الثالث]: عمل موقع ويب في دريم ويفر 1 دورة Dreamweaver MX [اليوم الثالث]: عمل موقع ويب في دريم ويفر 1
دورة Dreamweaver MX [اليوم الثالث]: عمل موقع ويب في دريم ويفر 1
(مرات المشاهدة: 1,111 مرات)
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates 1 دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates 1
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates 1
(مرات المشاهدة: 728 مرات)
About
جميع الحقوق في هذا الموقع محفوظة وكل المواد على الاقسام ملك لاصحابها :Copyright © All rights reserved