أستغفر الله العظيم ... سبحان الله وبحمده



العودة   منتديات داماس > منتدى البرمجة العام > تطوير المواقع


مواضيع مميزة  


آخر عشرة مواضيع المواضيع النشطة


29-07-2014, 01:29 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,051
إعجاب: 850
تلقى 1,242 إعجاب على 139 مشاركة
تلقى دعوات الى: 2684 موضوع
    #1  

دورة CSS و CSS3 باللغة العربية .. شرح مصور شامل


دورة CSS3 باللغة العربية مصور
حياكم الله إخواني,, سوف نقوم بفضل الله ببدأ دورة تعلم اللغة التجميلية CSS و CSS3
من خلالها سوف نستطيع التعامل مع صفحات الويب وتزيينها بكل احتراف

ولنتعرف اولاً على CSS
ما هي CSS وما معنى الثلاث حروف هؤلاء؟

CSS هي اختصار لكلمة Cascading Style Sheets
و معناها صفحات الأنماط الإنسابية وهي ليست لغه برمجه ولكنها تقنية تهتم بتحديد شكل المواقع والمدونات، وينطبق ذلك على الألوان والخطوط والصور والخلفيات التى يستخدمها المطورون فى الصفحات.
هي لغة جميلة لتنسيق صفحات الويب, من تغيير لون الكتابة وتغيير الصور وحجمها وطريقة عرضها و حجم الخط ولونه و نوعه وكل ما تتخيله امامك على صفحة الويب يعود شكله الى لغة CSS.

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

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


أدوات الاستخدام

متصفح ويب جيد مثل جوجل كروم او فاير فوكس

برنامج نوتباد بلس Notebad يمكنك تحميله من الرابط التالي



http://download.tuxfamily.org/notepa....Installer.exe



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



الأكواد الذي سوف يتم شرحها إن شاء الله في دروس منفصلة

align-content

align-items

align-self

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

backface-visibility

background

background-attachment

background-clip

background-color

background-image

background-origin

background-position

background-repeat

background-size

border

border-bottom

border-bottom-color

border-bottom-left-radius

border-bottom-right-radius

border-bottom-style

border-bottom-width

border-collapse

border-color

border-image

border-image-outset

border-image-repeat

border-image-slice

border-image-source

border-image-width

border-left

border-left-color

border-left-style

border-left-width

border-radius

border-right

border-right-color

border-right-style

border-right-width

border-spacing

border-style

border-top

border-top-color

border-top-left-radius

border-top-right-radius

border-top-style

border-top-width

border-width

bottom box-shadow

box-sizing

caption-side

clear

clip

color

column-count

column-fill

column-gap

column-rule

column-rule-color

column-rule-style

column-rule-width

column-span

column-width

columns

content

counter-increment

counter-reset

cursor

direction

display

empty-cells 

flex flex-basis 

flex-direction 

flex-flow 

flex-grow 

flex-shrink 

flex-wrap 

float 

font 

font-face@

font-family 

font-size 

font-size-adjust

font-stretch

font-style

font-variant

font-weight

hanging-punctuation

height

icon

justify-content

keyframes@

left

letter-spacing

line-height

list-style

list-style-image

list-style-position

list-style-type

margin

margin-bottom

margin-left

margin-right

margin-top

max-height

max-width

min-height

min-width

nav-down

nav-index

nav-left

nav-right

nav-up

opacity

order

outline

outline-color

outline-offset

outline-style

outline-width

overflow

overflow-x

overflow-y

padding

padding-bottom

padding-left

padding-right

padding-top

page-break-after

page-break-before

page-break-inside

perspective

perspective-origin

position

quotes

resize

right

tab-size

table-layout

text-align

text-align-last

text-decoration

text-decoration-color

text-decoration-line

text-indent

text-justify

text-overflow

text-shadow

text-transform

top

transform

transform-origin

transform-style

transition

transition-delay

transition-duration

transition-property

transition-timing-function

unicode-bidi

vertical-align

visibility

white-space

width

word-break

word-spacing

word-wrap

z-index


سوف تضاف هنا الدروس تباعاً بإذن الله

ولا نحتاج سوى دعمكم, والدعم هنا هو المتابعة فقط لا غير
------------------------------------------------------------------------
دروس الدورة:

كيف اتعلم تقنية CSS وما هي البرامج التي تساعدني على ذلك ؟
قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS
ما هو id وما هو class والفرق بينهم
CSS :: شرح الخاصية background
CSS :: شرح الخاصية background-color
CSS :: شرح الخاصية background-image
CSS :: شرح الخاصية background-repeat
CSS :: شرح الخاصية background-attachment
CSS :: شرح الخاصية background-position
CSS3 :: شرح الخاصية background-origin
CSS3 :: شرح الخاصية background-size
CSS3 :: شرح الخاصية background-clip
CSS :: شرح الخاصية border
CSS :: شرح الخاصية border-right
CSS :: شرح الخاصية border-left
CSS :: شرح الخاصية border-top
CSS :: شرح الخاصية border-bottom










سبحان الله وبحمده .. سبحان الله العظيم
اللهم أغفر لأبي وأمي واسكنهم جنات الفردوس برحمتك يارب العالمين
اللهم أرحم موتى المسلمين جميعاً


المواضيع المشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
دورة هامة جدا تعلم كيفية عمل برمجة للخطوط العربية وتصنعيها باللغة العربية Demscio كورسات عربية 18 09-04-2017 06:59 AM
ممكن من حضرتك دورة في شهادة A+ باللغة العربية massda شهادات مايكروسوفت CCNA MCITP MCSA A+ ICDL CISCO CompTIA 1 22-02-2015 11:39 PM
ساعة للحضور والانصراف مدعمة باللغة العربية شامل سوفت وير(عربى/انجليزى) shaimaa zakria كاميرات مراقبة وبوابات أمنية - باركود - واجهزة حضور وانصراف 0 18-04-2011 03:04 PM
دورة كاملة باللغة العربية لشرح الـ ACCESS abujuhina لغات البرمجة 20 22-08-2010 10:42 PM
3 اسطونات لتعليم دورة ICDL باللغة العربية Blackstar_tech شهادات مايكروسوفت CCNA MCITP MCSA A+ ICDL CISCO CompTIA 16 11-08-2008 06:04 AM
29-07-2014, 01:59 PM
AboMo3aZ غير متصل
VIP
رقم العضوية: 221545
تاريخ التسجيل: Feb 2009
الإقامة: مصر
المشاركات: 6,039
إعجاب: 2,795
تلقى 3,258 إعجاب على 475 مشاركة
تلقى دعوات الى: 3247 موضوع
    #2  
تسلم ايدك يا خال


أشهد أن لا إله إلا الله وأن محمداً رسول الله

اللهم اغفر للمسلمين والمسلمات الاحياء منهم والاموات

اللهم احفظ مصر وسائر بلاد المسلمين من شر الفتن ما ظهر منها وما بطن

29-07-2014, 02:25 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,051
إعجاب: 850
تلقى 1,242 إعجاب على 139 مشاركة
تلقى دعوات الى: 2684 موضوع
    #3  
المشاركة الأصلية كتبت بواسطة AboMo3aZ 
تسلم ايدك يا خال
الله يسلمك يا اشرف

29-07-2014, 02:34 PM
شروق الامل غير متصل
عضوية الشرف
رقم العضوية: 412624
تاريخ التسجيل: Feb 2013
الإقامة: فى القلوب الطيبة
المشاركات: 8,570
إعجاب: 111
تلقى 3,635 إعجاب على 1,972 مشاركة
تلقى دعوات الى: 921 موضوع
    #4  
طرح رائع ومميز
سلمت يداك أخى وبارك الله فيك



إن قرأت ما يعجبك و يفيدك منا فاذكر الله و كبره و اذكرنا بدعائك بظهر الغيب،
و إن قرأت ما لا يفيدك و لا يعجبك فسبح الله و استغفره عنا


29-07-2014, 02:42 PM
أبو الدحداح غير متصل
الوسـام الماسـي
رقم العضوية: 401962
تاريخ التسجيل: May 2012
الإقامة: مصر - شمال سيناء
المشاركات: 3,380
إعجاب: 777
تلقى 142 إعجاب على 48 مشاركة
تلقى دعوات الى: 395 موضوع
    #5  
متابع بقوة دورة ممتازة وأنا محتاجها :)


كلماتك أخلاق تظهر *** وكلامك عنوانك فانظر
في ذاتك كيف ستبديها***في أي مقام تجعلها

29-07-2014, 03:18 PM
Dzhamza غير متصل
مشرف عام
رقم العضوية: 438707
تاريخ التسجيل: Nov 2013
الإقامة: Algeria
المشاركات: 14,683
إعجاب: 5,569
تلقى 15,085 إعجاب على 2,801 مشاركة
تلقى دعوات الى: 2434 موضوع
    #6  


أرقى الناس هو أقلهم حديثاً عن الناس
وأنقى الناس هو أحسنهم ظناً بالناس
وأجمل النفوس تلك التي لا تنكرالمعروف رغم شدة الاختلاف
DzHamza

29-07-2014, 03:46 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,051
إعجاب: 850
تلقى 1,242 إعجاب على 139 مشاركة
تلقى دعوات الى: 2684 موضوع
    #7  
المشاركة الأصلية كتبت بواسطة شروق الامل 
طرح رائع ومميز
سلمت يداك أخى وبارك الله فيك
الله يسلمك وشكراًُ للمرور الطيب
المشاركة الأصلية كتبت بواسطة أبو الدحداح 
متابع بقوة دورة ممتازة وأنا محتاجها :)
إن شاء الله , لما نشوووف
المشاركة الأصلية كتبت بواسطة Dzhamza 

29-07-2014, 04:02 PM
saaaaaam غير متصل
مشرف عام
رقم العضوية: 416490
تاريخ التسجيل: Apr 2013
المشاركات: 4,978
إعجاب: 2,650
تلقى 3,533 إعجاب على 1,563 مشاركة
تلقى دعوات الى: 2708 موضوع
    #8  
بارك الله فيك وجزيت خير الجزاء
ومنكم نستفيد لك جزيل الشكر والتقدير


29-07-2014, 04:21 PM
سعد الدين متصل
المسؤول الفني
رقم العضوية: 3
تاريخ التسجيل: Mar 2003
الإقامة: Türkiye
المشاركات: 40,862
إعجاب: 9,073
تلقى 15,567 إعجاب على 5,204 مشاركة
تلقى دعوات الى: 5089 موضوع
    #9  
تسلم ايدك يا بو حميد على المجهود الكبير والمميز بارك الله بك حبيبي


29-07-2014, 08:10 PM
سامى ابوسريع غير متصل
VIP
رقم العضوية: 402196
تاريخ التسجيل: May 2012
المشاركات: 5,949
إعجاب: 618
تلقى 2,678 إعجاب على 664 مشاركة
تلقى دعوات الى: 2517 موضوع
    #10  
بارك الله فيك يا بو حميد



29-07-2014, 08:16 PM
LEBA غير متصل
عضوية الشرف
رقم العضوية: 184759
تاريخ التسجيل: Nov 2008
الإقامة: AHLY 4EVER
المشاركات: 3,240
إعجاب: 1,617
تلقى 807 إعجاب على 197 مشاركة
تلقى دعوات الى: 3091 موضوع
    #11  
برغم انى مليش ف html
بس متابع بصــمت
والدوره شكلها هتدخل ف الغويط
(فكرتنى بأيام الجامعه )


اللهم صل وسلم وزد وبارك على نبينا وحبيبنا وشفيعنا محمد بن عبد الله
اللهم ارحم والدتى برحمتك الواسعه ...واكتبها من الصديقين والشهداء
DG
Number One

29-07-2014, 09:37 PM
Mo7amed Abdo غير متصل
مشرف قسم تطوير المواقع (إجازة )
رقم العضوية: 317299
تاريخ التسجيل: Dec 2009
الإقامة: Egypt
المشاركات: 2,487
إعجاب: 1,190
تلقى 848 إعجاب على 233 مشاركة
تلقى دعوات الى: 2430 موضوع
    #12  
الله يفتح عليك يا ابو حميد ... جيت فى وقتك كنت محتاج دورة فى CSS
متابع معاك يا حبيب قلبي وربنا يعينك ويوفقك


لا إله إلا أنت سبحانك إنى كنت من الظالمين

29-07-2014, 11:56 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,051
إعجاب: 850
تلقى 1,242 إعجاب على 139 مشاركة
تلقى دعوات الى: 2684 موضوع
    #13  
المشاركة الأصلية كتبت بواسطة saaaaaam 
بارك الله فيك وجزيت خير الجزاء
ومنكم نستفيد لك جزيل الشكر والتقدير
وفيكم بارك الله
شكراً للمرور العطر
المشاركة الأصلية كتبت بواسطة Damas 
تسلم ايدك يا بو حميد على المجهود الكبير والمميز بارك الله بك حبيبي
الله يسلمك اخي الحبيب ابو محمد
تسلم على المرور الطيب
المشاركة الأصلية كتبت بواسطة سامى ابوسريع 
بارك الله فيك يا بو حميد
وفيكم بارك الله اخي الحبيب سامي
المشاركة الأصلية كتبت بواسطة LEBA 
برغم انى مليش ف html
بس متابع بصــمت
والدوره شكلها هتدخل ف الغويط
(فكرتنى بأيام الجامعه )
وليه بصمت يا صديقي الصدوق
تابع يا صديقي, زيادة معرفة
المشاركة الأصلية كتبت بواسطة Mo7amed Abdo 
الله يفتح عليك يا ابو حميد ... جيت فى وقتك كنت محتاج دورة فى CSS
متابع معاك يا حبيب قلبي وربنا يعينك ويوفقك
ال وقتها ال
ههههه ماشي ماشي
يا استاذ محمد انت الكل في الكل
وانا اصلا كده بتعدى عليك
تسلم حبيب قلبي على المرور الطيب

30-07-2014, 12:26 AM
raedms غير متصل
VIP
رقم العضوية: 81535
تاريخ التسجيل: May 2007
المشاركات: 23,957
إعجاب: 618
تلقى 4,106 إعجاب على 733 مشاركة
تلقى دعوات الى: 1330 موضوع
    #15  
بارك الله فيك


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


 


دورة CSS و CSS3 باللغة العربية .. شرح مصور شامل

English

Powered by vBulletin® Version
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
The owner and operator of the site is not responsible for the availability of, or any content provided.
Topics that are written in the site reflect the opinion of the author.
جميع ما يُطرح من مواضيع ومشاركات تعبر عن رأي كاتبها ولا تعبر عن رأي مالك الموقع أو الإدارة بأي حال من الأحوال.